​Проверяем свои навыки вёрстки в CSSBattle

CSSBattle — это увлекательная игра в жанре code golf, где вам как и в гольфе нужно достичь цели с наименьшим количеством действий. В нашем случае необходимо сверстать определённую фигуру с наименьшим количеством кода, соревнуясь с другими участниками.

Скоро новогодние праздники и это отличная возможность поставить новый рекорд, заняв место в топе игроков. Так что дерзайте:

https://tprg.ru/Rhcu

​Мини-курс по паттернам в JavaScript

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

https://tprg.ru/PqKY

#видео #javascript

Когда родители пишут на плюсах

​Когда следует использовать многостраничные приложения?

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

Может возникнуть вопрос «А зачем и когда стоит использовать многостраничные сайты, если сделать одностраничник сегодня может практически каждый?»

В этой статье попробовали ответить на этот вопрос:

https://tprg.ru/oZvX

​Эффект матового стекла в CSS

Эффект матового стекла, или более известный как стекломорфизм, уже довольно давно является трендовой функцией пользовательского интерфейса. Mac OS славится своим эффектом матового стекла. В Windows 10 также реализован эффект матового стекла наряду с такими веб-сайтами, как Github.

Сегодня вы увидите два способа получить эффект матового стекла с помощью чистого CSS:

https://tprg.ru/MR41

#css

​Простое объяснение перегрузки функций в TypeScript

Большинство функций принимают фиксированный набор аргументов, но некоторые функции могут принимать переменное количество аргументов, аргументы разных типов и даже могут возвращать разные типы в зависимости от того, как вы вызываете функцию. Для этого TypeScript предлагает функцию перегрузки функций.

Как она работает, читайте здесь:

https://tprg.ru/HNWo

#typescript

.., который знает парня, который знает парня, который знает парня, который покупает NFT-картинки

​Как написать одностраничное приложение на Laravel и Vue.js за 45 минут

В этой статье вам предлагается написать простое одностраничное приложение меньше, чем за час. Для этого вы будете использовать веб-фреймворк Laravel для PHP, который по умолчанию включает в себя популярный фронтенд-фреймворк Vue.js.

Подробнее

https://tprg.ru/2s8E

#php #vue

​Как создать SVG-карты в React с помощью react-simple-maps

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

Но с помощью react-simple-maps сделать карту сможет даже неопытный разработчик. Подробнее об этом в статье:

https://tprg.ru/TY6f

#react

​Расшифровка доклада «Разбираемся в сортах реактивности»

Чтобы вы не тратили лишнее время на просмотр доклада, для вас подготовлена его понятная расшифровка.

Здесь вы сможете узнать о различных подходах к реактивному программированию.

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

Подробнее:

https://tprg.ru/fIcj

#доклад #javascript

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

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

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

https://tprg.ru/xcZ4

#javascript

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

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

Подробнее:

https://tprg.ru/I6x9

#javascript

Создание компонента игрового 3D-меню

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

https://tprg.ru/divw

Через 27 лет Chrome вернётся в виде Android Studio

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

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

Подробнее:

https://tprg.ru/4jAg

#nodejs

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

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

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

https://tprg.ru/MwFH

#фронтенд #htmx

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

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

Подробнее:

https://tprg.ru/gJnE

#vue

​Альтернативы Docker

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

Но повода для волнений нет, ведь существует несколько альтернатив популярному инструменту. Подробнее в статье:

https://tprg.ru/AqmU

#docker

Типичное сообщение с просьбой отключить AdBlock

​Создаём многопользовательские крестики-нолики с помощью Socket.io и Vue

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

Подробнее:

https://tprg.ru/3nLI

#vue