​Создание реактивной формы angular на реальном примере

В этом уроке вы попробуете создать простую форму заказа пиццы, используя реактивные формы Angular по условному макету:

https://tprg.ru/p7xI

#angular

​Сайты для генерации вёрстки HTML/CSS, которые ускоряют разработку адаптивных интерфейсов

Многие из сайтов в подборке вы, вероятно, будете использовать ежедневно. Ещё бы, ведь здесь множество инструментов, которые избавляют вас от рутины, ошибок и ускоряют разработку:

https://tprg.ru/KBfc

#фронтенд

​VueUse как обязательная библиотека для Vue 3

Библиотека VueUse, если изучить все её возможности, может стать незаменимой для Vue-разработчиков. Смотрите сами, здесь есть простые утилиты, такие как получение координат мыши, так и различные сложные интеграции с Firebase, Axios, cookie, QR, а также анимации, расширения для стандартных хуков Vue, медиаплеер и многое другое.

В этой статье разобраны некоторые её возможности:

https://tprg.ru/ei20

#фронтенд #vue

Создание реактивных систем с помощью Node.js

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

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

https://tprg.ru/Rc0L

Разработчики всех стран объединяйтесь! 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

​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

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

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

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

https://tprg.ru/12u3

​Основы PHP: изучение серверного языка в 2022 году

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

https://tprg.ru/my1k

#бэкенд #php