​5 лучших IoT-библиотек для JavaScript-разработчиков

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

Подробнее:

https://tprg.ru/I6x9

#javascript

​Архитектура Node.js и лучшие практики разработки на Node.js

Nodejs — одна из самых популярных платформ веб-разработки в последнее время. В этой статье вы познакомитесь с основами архитектуры Nodejs и узнаете некоторые передовые практиками создания проекта на Nodejs.

Подробнее:

https://tprg.ru/4jAg

#nodejs

Web Developer Roadmap 2021 | A Guide To Starting A Career In Web Development!

https://www.youtube.com/watch?v=7k7ETzqOxn8&ab_channel=codeSTACKr

@procodeuz

​Генерация текста с помощью цепей Маркова

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

В этой статье автор попробовал на основе цепей Маркова реализовать не только генератор текста, но и генератор кода:

https://tprg.ru/xcZ4

#javascript

​Убираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объем кода

HTMX — инструмент для создания сложных и интерактивных веб-приложений на HTML, альтернатива клиентскому рендерингу на JavaScript.

Здесь вы узнаете, как библиотека помогает переиспользовать элементы на сервере, сократить объём кода на JavaScript и отказаться от сборки.

https://tprg.ru/MwFH

#фронтенд #htmx

​Более пятидесяти красивых шаблонов и тем для Vue.js

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

Подробнее:

https://tprg.ru/gJnE

#vue

Давайте хоть притворимся, что нам грустно 🌚

UPD: И как теперь скачивать хром? 🤔

​Вышло крупное обновление Create React App 5.0

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

Подробнее обо всех изменениях можно узнать тут:

https://tprg.ru/uCzG

#react

​UX способа оплаты: как разработать селектор платежей

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

Как сделать качественный селектор платежей, узнаете тут:

https://tprg.ru/Gb19

#фронтенд #дизайн

​Когда фронтенд готов раньше бэкенда:

Накорми Мир!

Забавный codepen-проект, предлагающий в буквальном смысле накормить Мир. Вам нужно перетягивать еду прямо в рот Земле, как бы странно это ни звучало.

Из интересного здесь стоит отметить отслеживание курсора, наличие звукового сопровождения, а также различные эффекты при кормлении разными предметами.

Попробовать можно тут:

https://tprg.ru/Kwkq

#codepen

​10 вещей, которые можно делать в вёрстке с помощью ::before и ::after

Псевдоэлементы — мощный инструмент для создания дополнительной стилизации элементов без лишнего нагромождения DIV'ов. Использовать псевдоэлементы ::before и ::after можно для самых разных целей.

Подробнее о целях и способах их достижения читайте в статье:

https://tprg.ru/NajF

#фронтенд #css

​Глитч-эффект в тексте в чистом CSS

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

https://tprg.ru/N3t4

#css

Ля, оказывается у каждого производителя VR шлемов по сути есть свой SDK.
И если делаешь игру под SDK Oculus, скажем, то она не будет работать под шлем Valve Index или HTC Vive 🌚

Благо есть такие штуки, как OpenXR и SteamVR.
Объединяющие все SDK под одну большую API.

Новогодняя игра «Помощник Санты»

Забавный новогодний codepen-проект. Это игра, где вам необходимо помогать Санте перебираться с дымохода на дымоход, для этого вы должны с помощью долгого клика построить мост.

Попробовать сыграть и посмотреть код можно тут:

https://tprg.ru/TCgW

#codepen

​Подборки полезной информации для программистов:

Тематические каналы:
— разработка на Java: @a_cup_of_java
— машинное обучение и нейросети: @neuro_channel
— задачки и вопросы по Python: @quiz_python

Каналы-коллекции:
— книги по программированию: @devs_books
— инструменты программиста: @prog_tools
— курсы, лекции, подкасты по программированию: @prog_stuff

Восход солнца на CSS

Эта красивая анимация восхода солнца создана без использования JavaScript. Всё нарисовано с помощью HTML и CSS.

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

https://tprg.ru/ine9

#codepen

Мне кажется, выбор очевиден 🌚

​Как JavaScript-разработчики могут использовать конечные автоматы в своих проектах

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

Простейший пример использования — персонаж в игре, который может либо стоять, либо идти, бежать или прыгать.

А вот как использовать конечные автоматы в веб-разработке, узнаете тут:

https://tprg.ru/98xE

#javascript

​Добавление пользовательской темы для фронтенд-приложений

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

https://tprg.ru/8qFh

#фронтенд

Hackerlar qanday qilib parollarni o'g'irlaydi. Hacking uchun dasturlash kerakmi?
Anchadan beri youtubega video olmay qo'ygan edim. Bu videodagi suhbatimiz sizga manzur bo'ladi deb o'ylayman. Savollaringiz bo'lsa tayyorlab qo'yavering. Jonli efirda youtube orqali javob berishga harakat qilaman.

Youtube: https://youtu.be/X1T7tGVu6F0

@saudabdulwahed

Instagram | Twitter