.., который знает парня, который знает парня, который знает парня, который покупает 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

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

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

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

https://tprg.ru/uCzG

#react

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

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

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

https://tprg.ru/Gb19

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

Создаём глаз, отслеживающий мышь, используя Vue 3, VueUse и CSS

На самом деле вместо глаза может быть что угодно, отслеживающее положение курсора. Освоив этот способ создания такого поведения, вы сможете реализовать любую вашу фантазию.

https://tprg.ru/DPQX

#фронтенд #vue #css

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

Накорми Мир!

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

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

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

https://tprg.ru/Kwkq

#codepen

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

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

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

https://tprg.ru/NajF

#фронтенд #css