Веб-страница
22.1K subscribers
2.18K photos
561 videos
2 files
4.46K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Создание реактивных систем с помощью Node.js

Реактивные системы — это архитектурный стиль для распределённых систем, которые являются отзывчивыми, эластичными, отказоустойчивыми и управляемыми.

В этой статье вы узнаете о том, как Node.js применяется в реактивных системах, а затем шаг за шагом попробуете построить такую систему с помощью Node.js and Apache Kafka:

https://tprg.ru/Rc0L
This media is not supported in your browser
VIEW IN TELEGRAM
Разработчики всех стран объединяйтесь! JavaScript в каждый дом!
​Лучшие стратегии фронтенд-разработки в 2022 году

Здесь вы найдёте подробное и аргументированное объяснение, как лучше всего организовывать фронтенд-разработку с учётом существующих технологий и инструментов:

https://tprg.ru/zSJ3

#фронтенд
​Адаптивный layout — как переверстать весь проект, не перевёрстывая его

Разработчик из Mail.ru поделился историей, как они придумали новый способ создания адаптивных компонентов. Подробнее:

https://tprg.ru/sTZK
​Как обмануть Lighthouse

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

В этой статье вы узнаете, как повысить оценку, даже если ваш сайт действительно ужасен:

https://tprg.ru/6Hy5
​Создание анимированной лампочки с CSS и Javascript

В этом видео вы научитесь создавать эффект свечения лампочки с помощью различных приёмов. Свечение будет активироваться при помощи кнопки, стилизованной под выключатель.

Подробнее:

https://tprg.ru/MaH3

#видео
​​GitHub Copilot: Я был создан, чтобы заменить разработчиков

Также GitHub Copilot:
​Информация полезна всем, но особенно тем, кто использует этот пакет:

https://t.me/your_tech/7607
​Как работать с нейросетями на JavaScript

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

Библиотека Dann.js небольшая и её легко изучить, поэтому она может стать отличным инструментом для изучения нейронок JS-разработчиками, которые хотят заниматься не только вебом.
Подробнее о библиотеке можно узнать здесь:

https://dannjs.org/

#javascript #ml
​VS Code теперь доступен в браузере

Больше нет необходимости устанавливать на свой компьютер VS Code — достаточно зайти на сайт vscode.dev с любого устройства, поддерживающего современный браузер и имеющего клавиатуру и можно продолжать работу над вашим проектом прямо там.

Подробнее о возможностях и нюансах можно почитать в блоге разработчиков редактора:

https://tprg.ru/oYqC

#новости
​Обратные вызовы: полное руководство

Обратные вызовы, или функции обратного вызова, многие недолюбливают из-за того, что не понимают асинхронность в JavaScript. Эта статья призвана закрыть все пробелы по этому вопросу и дать исчерпывающие объяснения по работе обратных вызовов.

https://tprg.ru/oxZc
class Cat extends Pet { }
​Assembler CSS

Этот CSS-фреймворк призван помочь вам улучшить производительность сайта, благодаря генерации минимально возможного CSS-кода. Подробнее:

https://asmcss.com/

#css
​Обзор petite-vue

Petite-vue — это специальная (и очень маленькая) версия Vue, которая предназначена для использования непосредственно в браузере, не требует этапа сборки и позволяет нам создавать приятные интерактивные приложения очень аккуратно.

В этом видео рассказали о нём подробнее:

https://tprg.ru/S90x

#видео
​Полное руководство по CSS Grid

Это руководство предназначено для ознакомления с функциями CSS Grid для тех, кто только начинает работать с сеткой CSS, но хочет знать обо всём объёме функций, лежащих в основе сетки CSS, объясняемых в одном руководстве.

Подробнее:

https://tprg.ru/RfrH

#css
🔥2
Предотвращение цепочки прокрутки с поведением Overscroll

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

Ахмад Шадид рассказал, как этого избежать:

https://tprg.ru/12u3
​Основы PHP: изучение серверного языка в 2022 году

Кто бы что ни говорил, но PHP живее всех живых и является одним из главных языков в бэкенд-разработке. Мы подготовили для вас актуальную дорожную карту по изучению языка, чтобы вы не заблудились среди обилия информации:

https://tprg.ru/my1k

#бэкенд #php
This media is not supported in your browser
VIEW IN TELEGRAM
ДНК на CSS

Этот CodePen-проект демонстрирует возможности не только CSS, но и Pug — препроцессора для HTML. Просто посмотрите как лаконично и просто реализована вёрстка с использованием препроцессора:

https://tprg.ru/Embi

#codepen #css #pug
«Не отписывайся, золотой, всей семье твоей удача будет и здоровье»
​Создание компонента с множественным выбором

Здесь вы узнаете, как создать отзывчивый, адаптивный и доступный компонент с множественным выбором, который можно использовать для сортировки и фильтрации пользовательского интерфейса:

https://tprg.ru/vXkN