Веб-страница
24.2K subscribers
1.73K photos
527 videos
1 file
3.92K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Как коммитить так, чтобы ваш код принимали мейнтейнеры

За годы существования опенсорса сформировались свои правила игры — как вносить изменения, общаться с комьюнити и развивать проект так, чтобы это приносило пользу всем участникам.

В этой статье разработчик Юрий Пузыня из Diplodoc рассказывает об инсайтах, которые позволили ему вырасти из контрибьютора до мейнтейнера проекта. Здесь про важность тестов, искусство коммуникации в опенсорсе и почему «всё сломано» — худший способ завести issue. Обратите внимание на программу контрибьюторов в конце статьи.
3👍2🔥1
CSS Grid против Flexbox: что выбрать?

На первый взгляд, эти два инструмента делают одно и то же. Однако между ними есть определённые различия. Что же из этого лучше?

Чтобы разобраться в этом, появилась целая статья, в которой рассмотрена каждая из этих моделей компоновки.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Old But Gold: создаём полноценную браузерную игру на TypeScript

Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s

#typescript #gamedev
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Просто напоминаем, как правильно произносить названия популярных языков
😁314
Ваш первый проект на Angular: пошаговый видеокурс для начинающих

Небольшая серия видео для бережного погружения в Angular. Шаг за шагом вы научитесь создавать компоненты, настраивать маршрутизацию, работать с формами и другими основами фреймворка. К концу курса у вас будет простое приложение на Angular и понимание его ключевых концепций.

https://www.youtube.com/playlist?list=PL0lO_mIqDDFX2CXg7tZvmsY48-R5UvQ1V

А вы пробовали писать на Angular или предпочитаете другие фронтенд-фреймворки?

#angular@tproger_web #фронтенд@tproger_web
🗿4🔥2💩2
Микросервисы. Исследование кухни

Что такое микросервисная архитектура и в чём её плюсы и минусы? Эта статья объясняет концепцию микросервисов простым языком. Вы узнаете, почему монолитные приложения – это не всегда плохо, когда стоит (и не стоит) переходить на микросервисы, а также какой технологический стек используется при таком подходе. Отличное введение в архитектуру, которая изменила мир бэкенд-разработки.

А вы за монолит или микросервисы?

#микросервисы@tproger_web #бэкенд@tproger_web
👍4
Vue.js с нуля: бесплатный курс из 34 уроков

Обучающий курс по Vue 3, который охватывает всё необходимое для уверенного старта. Вы начнёте с базовой установки и синтаксиса, разберётесь с компонентами и директивами, освоите двунаправленное связывание данных (v-model) и другие ключевые возможности Vue. Пошаговый формат позволит плавно пройти путь от новичка до создания собственного приложения на Vue.js.

#vue@tproger_web #фронтенд@tproger_web
👍8💩3
Уволился с позиции тимлида и снова стал разработчиком

Отличный материал для тех, кто думает о дальнейшем шаге в карьере разработчика. Если задумываетесь о том, куда вам двигаться дальше и стоит ли пробовать себя в качестве тимлида, то эта статья поможет сделать более осознанные выводы.

А вы бы решились на такой шаг?
👎7👍6
Responsive Web Design – курс от freeCodeCamp

Учитесь делать сайты, которые красиво выглядят на любом устройстве. Адаптивная вёрстка, семантика, формы и стили – всё с практикой прямо в браузере. Курс на английском, но очень доступный.

#курс
1👍1
7 полезных советов для начинающих веб‑разработчиков

Автор сегодняшнего материала делится советами о выборе направления, способах обучения, работе с заказчиками и другими нюансами, с которыми сталкивается каждый новичок в веб‑разработке. Читается легко и мотивирует развиваться дальше.

#веб #советы
😁4👎1🤣1
Bun – быстрый JS-рантайм, который заменит Node.js?

Познакомьтесь с Bun — движком выполнения JavaScript, который набирает популярность благодаря своей скорости. Он совмещает в одном инструменте сервер, менеджер пакетов и сборщик, работая значительно быстрее привычного Node.js-стека.

В статье рассказывается, зачем появился Bun, какие проблемы он решает и как начать его использовать. Статья не новая, но очень хорошая для первого знакомства.

Как считаете, вытеснит ли Bun привычный Node.js? Пробовали уже в своих проекте?

#javascript@tproger_web #nodejs@tproger_web #bun@tproger_web
2
AI для фронтенда: модели для генерации интерфейса

Если научиться работать с ИИ-моделями, даже начинающий разработчик сможет перепрыгнуть с уровня «кодер кнопок» до «архитектор интерфейсов». AI-генерация интерфейсов становится рабочим инструментом. Можно конвертировать текст и даже рисунок от руки в готовый HTML/CSS/JS код. Без выравнивания пикселей и утомительной верстки однотипных элементов.

Рассказываем про сценарии взаимодействия с AI-сервисами среди веб-разработчиков.

#ии #фронтенд
👍7
GraphQL на практике: создаём реальный чат с Apollo Server и React

Практический проект: создаём чат-приложение с помощью GraphQL, Apollo Server, WebSocket и React. Полный цикл — от бекенда до фронтенда, в реальном боевом примере.

Если вам, конечно, не лень этим заниматься на майских😅

#graphql@tproger_web #react@tproger_web
Праздники праздниками, но отдыхают не все...

Давайте поддержим лайком тех бедняг, которые работают даже сегодня. Или накидайте им фотки шашлыков в комментарии, пусть хоть так на них посмотрят.

💔 — я тот самый трудяга
🗿 — а я работаю... на огороде
51🗿22💩2
У нас на сайте вышел квиз, который поможет понять какой вы шашлычный NPC на майских.

Я оказался закусочным продактом. А кто вы? Присылайте скриншоты со свими ролями в комменты.
💩8
Old but gold: Как ускорить таблицу на React в 1000 раз, изменив одну строку

JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс. Делимся с вами ссылкой на перевод его статьи:

https://habr.com/ru/companies/netologyru/articles/750246/

#react
Самые полезные JS-библиотеки для анимаций

Обзор библиотек, которые добавят «жизнь» вашим интерфейсам: Three.js, Mo.js, Anime.js и другие. Они упрощают создание 3D-сцен, сложных переходов, реактивных эффектов и улучшают UX.

Подробности: https://habr.com/ru/companies/bothub/articles/805737/

#javascript #фронтенд
Forwarded from Метод утёнка
Что хуже всего во время отдыха на природе? Правильно, сгоревший шашлык! Чтобы этого избежать, нужно его равномерно прожаривать.

Давайте не дадим нашему шашлыку испортиться на этих праздниках. Ставьте реакцию 👍 или 👎, чтобы их было поровну — так мы поймем, что прожарка равномерная.
👍65👎64💩5
Первое знакомство с docker-контейнерами выглядит именно так:
This media is not supported in your browser
VIEW IN TELEGRAM
😁37🔥7🤯6🤣3👍2