Реализация оценки, как на GitHub

Предложенная в этом CodePen-проекте система оценки очень похожа на таковую у GitHub. За тем исключением, что здесь ещё и добавлена приятная анимация.

Посмотреть на код проекта можно тут:

https://tprg.ru/nvY2

#codepen

​Почему вы используете минисервисы вместо микросервисов

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

Подробнее:

https://tprg.ru/UkEW

​Создание приложения для видеочата

Подробное видеоруководство по созданию приложения для видеочата, задействующее HTML, CSS и JavaScript для фронтенда и Agora.io SDK для работы с веб-камерой:

https://tprg.ru/W71z

#видео

​Я пытаюсь вспомнить, как центрировать DIV:

​Распространённые ошибки NPM, которых следует избегать каждому разработчику

В этой статье рассмотрено семь распространенных ошибок, которых следует избегать при использовании NPM, начиная от ручного добавления зависимостей в package.json и заканчивая удалением package-lock.json:

https://tprg.ru/T8pv

Типичный программист ищет веб-разработчиков!

— фулстека: https://tprg.ru/cas2
— бэкендера: https://tprg.ru/YNPw
— фронтендера: https://tprg.ru/8XWJ

#вакансия

Безопасное манипулирование DOM с помощью Sanitizer API

Новый Sanitizer API позволяет безопасно вставлять строки в HTML, не опасаясь возможных уязвимостей и межсайтового скриптинга (XSS).

В этой статье автор делится подробностями работы нового API, а также рассказывает, как им пользоваться:

https://tprg.ru/9K67

​Всё, что нужно знать начинающему о Git

Без Git в разработке никуда. Без него сложно представить работу над каким-либо проектом в команде или даже в одиночку. Умение им пользоваться обязательно при работе с любым языком программирования.

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

https://tprg.ru/PU2j

#git

​Дока — документация для веб-разработчиков на человеческом языке

Дока (не путать с Докой 2) — это опенсорсный проект, который содержит практически всю необходимую информацию для веб-разработчиков. Здесь и объяснение HTML-тегов, и примеры работы с CSS-стилями, и обучение JavaScript, а также полезные инструменты и статьи.

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

https://doka.guide/

Когда смог изменить размер шрифта и называешь себя фуллстак

Каррирование и функции высшего порядка в JavaScript за 5 простых шагов

И каррирование, и функции высшего порядка — основа функционального программирования, доступного нам в JavaScript. Использование этого подхода позволяет нам переиспользовать компоненты, созданные на JS и улучшить производительность.

В этой статье на простых примерах объяснили, как это работает:

https://tprg.ru/wEOT

#фронтенд #javascript

​Создание реактивной формы 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

#видео