Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai
Мечтаете о зимовке в другой стране, но начальник держит вас в офисе?
Тогда вам в Точку. Здесь можно работать откуда угодно. Это не просто «удалёнка», это свобода жить и работать там, где хочется.
Точка — это финтех-компания, которая создала больше 60 сервисов для бизнеса — от онлайн-бухгалтерии до инструментов для работы на маркетплейсах.
Над всем этим работают 1300 крутых специалистов: разработчики, продакты, дизайнеры, аналитики, тестировщики, девопсы. Здесь ценят ум, инициативу и реальный результат.
Хотите работать без привязки к месту? Всё самое интересное — по ссылке.
Это #партнёрский пост
Освойте Promises в JavaScript: пошаговое руководство
Асинхронный код — неотъемлемая часть современного JavaScript. Промисы (Promise) помогают управлять такими операциями, обеспечивая чистый и понятный синтаксис. В этом руководстве вы узнаете, как создавать промисы, обрабатывать их состояния (pending
, fulfilled
, rejected
) и использовать методы .then()
, .catch()
и .finally()
для управления результатами асинхронных операций. Примеры кода и наглядные схемы помогут закрепить материал и применять его на практике.
#фронтенд #javascript #асинхронность
Праздники на исходе, а отдыхать хочется и дальше. Помогите программисту придумать отмазку, почему он не вышел на работу.
Присылайте свои варианты в комментарии.
Создаём портфолио в формате 2D-игры на JavaScript
Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.
Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom
#javascript
GitOps и Argo CD: новый подход к деплою
Один из трендов DevOps – GitOps: весь код и конфигурации инфры хранятся в Git-репозиториях. В статье описывается опыт перевода Kubernetes-кластера под управление через Argo CD. В модели GitOps изменения фиксируются в Git – и Argo CD «сам» следит за обновлениями и применяет их в кластере. Это удобно: все настройки под версионным контролем, можно откатиться в один клик. Но важно, чтобы команда синхронизировала изменения и поддерживала единую «истину» (SSOT): любой изменённый манифест должен попадать в репозиторий. GitOps с Argo CD позволяет безболезненно масштабировать деплой: достаточно запушить изменения – и кластер сам подтянет актуальные конфиги.
#gitops #kubernetes #devops
Комплексная интерактивная шпаргалка для веб-разработчика
Сайт содержит в себе шпаргалки по: HTML+CSS+JS, PHP, jQuery и SEO. Все разбито на категории, наглядно проиллюстрировано.
Ссылка на шпаргалку
#шпаргалка #web
Учиться программированию понемногу — это не просто нормально. Это правильно
Когда только начинаешь, легко впасть в крайности: либо по 5 часов в день зубрить курсы, либо ждать «идеального момента», который всё не наступает. Но нейробиологи и практики в один голос говорят: регулярные короткие занятия работают лучше. Почему?
— Память работает через повторения. Чтобы информация перешла из краткосрочной памяти в долгосрочную, мозгу нужны интервальные повторения. Даже 20–30 минут в день помогут вам запомнить и усвоить больше, чем один длинный марафон в выходные.
— Мозг любит рутину. Когда вы занимаетесь регулярно, мозг воспринимает это как часть распорядка и снижает сопротивление. Вам проще садиться за дело и меньше тратится сил на «перестройку».
— Фокус — это мышца. Постоянная практика развивает концентрацию. Чем чаще вы тренируетесь, тем легче вам потом разбираться в новых темах, даже если они кажутся сложными.
— Навыки закрепляются через применение. Один из ключевых принципов обучения — «use it or lose it». Если не применять, мозг оптимизирует и просто забывает. Регулярная практика — это способ оставить знания с собой.
А вот как выбрать правильные форматы обучения, не перегореть и вообще не превратить процесс в скучную обязаловку — об этом рассказал Антон Непша в своем канале. Там — реальные способы оставаться в тонусе, искать мотивацию и получать удовольствие от процесса.
#советы
С сегодняшнего дня Skype прекращает свою работу
Press 🫡 для легенды
@ithumor
Пора подвести итоги первой половины майских праздников
Присылайте свои фотографии с отдыха с ноутбуками или без в комментарии. Лучшая фотография дает +10 к здоровью, а самая грустная +10 к веселью на следующих выходных.
Что хуже всего во время отдыха на природе? Правильно, сгоревший шашлык! Чтобы этого избежать, нужно его равномерно прожаривать.
Давайте не дадим нашему шашлыку испортиться на этих праздниках. Ставьте реакцию 👍 или 👎, чтобы их было поровну — так мы поймем, что прожарка равномерная.
Old but gold: Как ускорить таблицу на React в 1000 раз, изменив одну строку
JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс. Делимся с вами ссылкой на перевод его статьи:
https://habr.com/ru/companies/netologyru/articles/750246/
#react
Праздники праздниками, но отдыхают не все...
Давайте поддержим лайком тех бедняг, которые работают даже сегодня. Или накидайте им фотки шашлыков в комментарии, пусть хоть так на них посмотрят.
💔 — я тот самый трудяга
🗿 — а я работаю... на огороде
AI для фронтенда: модели для генерации интерфейса
Если научиться работать с ИИ-моделями, даже начинающий разработчик сможет перепрыгнуть с уровня «кодер кнопок» до «архитектор интерфейсов». AI-генерация интерфейсов становится рабочим инструментом. Можно конвертировать текст и даже рисунок от руки в готовый HTML/CSS/JS код. Без выравнивания пикселей и утомительной верстки однотипных элементов.
Рассказываем про сценарии взаимодействия с AI-сервисами среди веб-разработчиков.
#ии #фронтенд
Хотите создавать сложные web-приложения, которые решают реальные задачи и работают на высоком уровне? Django — ваш выбор!
На этом курсе вы научитесь использовать Django для создания эффективных и масштабируемых приложений. Освойте современный бэкенд и фронтенд, работая с актуальными технологиями.
Получите глубокие знания, которые позволят вам создавать мощные веб-сервисы с рендерингом на сервере, API, Vue.js и многим другим.
Старт потока — 30.04. но вы всё ещё можете успеть:
→ Пройти вступительный тест и получить скидку
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Responsive Web Design – курс от freeCodeCamp
Учитесь делать сайты, которые красиво выглядят на любом устройстве. Адаптивная вёрстка, семантика, формы и стили – всё с практикой прямо в браузере. Курс на английском, но очень доступный.
#курс
CSS для печати на бумаге
Интересная статья, в которой рассмотрели особенности стилизации веб-страниц для экспорта в печатный вид: https://habr.com/ru/articles/798765/
#css@tproger_web
Переезд с Webpack на Vite: как ускорить React-проект и упростить сборку
Если сборка проекта на Webpack занимает вечность, а конфигурации становятся всё сложнее, возможно, пора взглянуть в сторону Vite. Этот инструмент предлагает молниеносную сборку, встроенный HMR и простую настройку. В статье описан реальный опыт перехода с Webpack и react-scripts на Vite, включая решение проблем с FontAwesome, настройку прокси и корректное размещение index.html.
И все-таки, Vite или Webpack?
❤️- Vite
🔥- webpack
#фронтенд #react #vite
Old But Gold: 7 шагов к ускорению загрузки сайта
Медленная загрузка сайта может отпугнуть пользователей и снизить конверсии. В этой статье представлены семь проверенных методов оптимизации производительности веб-ресурса.
Вы узнаете, как выявить узкие места в скорости загрузки, эффективно использовать кэширование, оптимизировать изображения и настроить сервер для максимальной отдачи.
#фронтенд #производительность
Ничего необычного, просто веб-разработчик пытается освоить новый фреймворк до того, как он устареет:
Читать полностью…В рядах веб-дизайнеров начался сущий кошмар после этой новости
Команда TogetherAI выпустила сервис Napkins.dev, который создает дизайн для веб-приложений по скриншотам и наброскам. Нарисовать черновик можно хоть в Paint, сервису этого достаточно для создания полноценного дизайна интерфейса с лого и кнопка.
Инструмент сейчас доступен бесплатно, так что скорее пробуйте.
#дизайн
Прокачайте свой UI Kit: 10 практических советов для UX/UI дизайнеров
В быстро меняющемся мире дизайна важно, чтобы ваш UI Kit не только соответствовал современным требованиям, но и облегчал работу всей команды. В этой статье вы найдете конкретные рекомендации по реорганизации структуры компонентов, улучшению документации, внедрению адаптивности, поддержке темной и светлой тем, созданию обширной системы иконок и многому другому. Эти шаги помогут сделать ваш UI Kit более функциональным и вдохновляющим инструментом.
https://habr.com/ru/articles/805581/
#ui@tproger_web #ux@tproger_web #дизайн@tproger_web
Эволюция конечных автоматов: от кода-монстра к визуальным схемам
Когда процессы становятся сложнее, а классы разрастаются до тысяч строк, пора пересмотреть подход. В этой серии статей рассказывается, как перейти от императивного описания бизнес-логики к декларативному, используя конечные автоматы. Вы узнаете, как визуализировать процессы, упростить поддержку и масштабирование, а также почему классическая FSM не всегда подходит для реальных задач.
Часть 1
Часть 2
А вы используете конечные автоматы в своих проектах?
#бэкенд #фронтенд #архитектура
Pokemon Slide Gallery
Реализовано без использования JS. Только HTML и CSS. Переключение реализовано с помощью радио-кнопок. Посмотреть код проекта можно по ссылке: https://codepen.io/cbolson/pen/raBJWOJ
#codepen
Первое знакомство с docker-контейнерами выглядит именно так:
Читать полностью…Самые полезные JS-библиотеки для анимаций
Обзор библиотек, которые добавят «жизнь» вашим интерфейсам: Three.js, Mo.js, Anime.js и другие. Они упрощают создание 3D-сцен, сложных переходов, реактивных эффектов и улучшают UX.
Подробности: https://habr.com/ru/companies/bothub/articles/805737/
#javascript #фронтенд
У нас на сайте вышел квиз, который поможет понять какой вы шашлычный NPC на майских.
Я оказался закусочным продактом. А кто вы? Присылайте скриншоты со свими ролями в комменты.
GraphQL на практике: создаём реальный чат с Apollo Server и React
Практический проект: создаём чат-приложение с помощью GraphQL, Apollo Server, WebSocket и React. Полный цикл — от бекенда до фронтенда, в реальном боевом примере.
Если вам, конечно, не лень этим заниматься на майских😅
#graphql@tproger_web #react@tproger_web
Bun – быстрый JS-рантайм, который заменит Node.js?
Познакомьтесь с Bun — движком выполнения JavaScript, который набирает популярность благодаря своей скорости. Он совмещает в одном инструменте сервер, менеджер пакетов и сборщик, работая значительно быстрее привычного Node.js-стека.
В статье рассказывается, зачем появился Bun, какие проблемы он решает и как начать его использовать. Статья не новая, но очень хорошая для первого знакомства.
Как считаете, вытеснит ли Bun привычный Node.js? Пробовали уже в своих проекте?
#javascript@tproger_web #nodejs@tproger_web #bun@tproger_web
7 полезных советов для начинающих веб‑разработчиков
Автор сегодняшнего материала делится советами о выборе направления, способах обучения, работе с заказчиками и другими нюансами, с которыми сталкивается каждый новичок в веб‑разработке. Читается легко и мотивирует развиваться дальше.
#веб #советы
H3LLO․CLOUD вконец упоролись и дают две вируталки на год БЕСПЛАТНО
• Две виртуалки с 2 ядрами.
• 4 Гб оперативки DDR5.
• 50 Гб объектного хранилища.
• 40 Гб сетевого диска.
• Белый статический IP (конечно, v4).
• И даже балансировщик нагрузки!
Это первое подобное предложение на российском рынке.
Они просто знают, что стоит вам попробовать настоящее облако с двумя машинами — и вас будет ломать возвращаться к убогим хостингам.
Две машины — это уже отказоустойчивая система. Можно запустить реальный проект: блог на 10к+ посещений, небольшой магазин или корпоративный сайт. И всё это без покупки железа и головной боли с настройкой.
Базы данных тоже включены, так что можно забыть о мучениях с Postgres, Mongo и прочим добром.
Когда вы почувствуете, как легко и приятно с этим всем работать, — всё, приехали, вы не сможете от этого отказаться.
А ещё скоро H3LLO․CLOUD добавят бесплатный Kubernetes — 3 месяца простенького кластера и месяц полноценного.
Единственное условие: чтобы получить все плюшки, включая белый IP, нужно пополнить счёт на 5000 ₽. Это не плата, это защита от криптомайнеров и торрент-раздавальщиков. Деньги останутся на вашем счету.
«А что если я создам 100 аккаунтов и буду пользоваться бесплатно вечно?» Ну, попробуйте. У H3LLO․CLOUD есть специальный человек Серёжа, который каждое утро приходит, пьёт кофе и ищет таких умников. А ещё у H3LLO․CLOUD есть нейросеть, но про неё Серёже не говорят — пусть думает, что незаменим.
Короче, заходите, тестируйте, ломайте. H3LLO․CLOUD готовы!
А чтобы первыми узнать о подобных предложениях — подписывайтесь на канал! Это тоже бесплатно.
Реклама. Рекламодатель: ООО «ХЕЛОУ», ИНН 9704228431, erid:2W5zFHCRnw2