Чистая архитектура на NodeJS

Реализация подхода чистой архитектуры для backend, с помощью которого можно создавать гибкие, модульные и легко поддерживаемые приложения. Пример проекта на NestJS.

https://github.com/royib/clean-architecture-nestJS

Вложенность CSS

Ахмад Шадид рассказывает и показывает на примерах, как с помощью нативной вложенности решать повседневные задачи стилизации.

https://ishadeed.com/article/css-nesting/

Интерактивное руководство по CSS Grid

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

https://www.joshwcomeau.com/css/interactive-guide-to-grid/

Неочевидные моменты Typescript и способы их решения

Примеры ситуаций, с которыми можно столкнуться при работе с Typescript.

https://habr.com/ru/articles/775330/

Server-side rendering и практики работы с запросами

Нюансы работы с запросами, отличающие клиентскую разработку от серверной.

https://habr.com/ru/companies/domclick/articles/776714/

Создание SVG через код

25 примеров, которые помогут вам ближе познакомиться с созданием SVG через код. Автор проведет вас через все функциональные возможности от простого к сложному.

https://svg-tutorial.com/

Вам не нужен JS для этого

Несколько примеров того, когда стоит применять правило использования более простых технологий:
▫️переключатель чекбокса
▫️ввод с подсказкой
▫️аккордеон
и еще несколько случаев, когда можно обойтись без JS.

https://www.htmhell.dev/adventcalendar/2023/2/

Статья кстати из HTML Hell адвент календаря, где каждый день декабря выходит новая статья о веб разработке.

Как работают JS Promise

Туториал для начинающих.

https://www.freecodecamp.org/news/javascript-promise-object-explained/

Eleventy vs NextJS

Сравниваем 2 фреймворка для генерации статических сайтов: перфоманс, сложность работы, фичи и другие аспекты.

https://blog.logrocket.com/eleventy-vs-next-js-static-site-generation/

Создаем сложную анимацию на ThreeJS

Красивый эффект реагирующий на движение мыши.

Demo | Github

https://tympanus.net/codrops/2023/12/13/creating-an-interactive-mouse-effect-with-instancing-in-three-js/

16 впечатляющих игр на чистом CSS

Демо и исходники прилагаются.

https://www.frontendplanet.com/css-game-examples/

10 советов по оптимизации производительности приложений

Краткие советы с ссылками на подробные ресурсы.

https://calendar.perfplanet.com/2023/ten-optimisation-tips-for-an-initial-web-performance-audit/

Линтер Oxlint

Простой линтер, не требующий конфигурации, основная цель которого поиск ошибочного или неиспользуемого кода.

https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html

Тестирование JavaScript c помощью Jest

Вводный курс за 1 час.

https://www.youtube.com/watch?v=IPiUDhwnZxA&ab_channel=freeCodeCamp.org

HTML и CSS ошибки, влияющие на доступность

4 статья из цикла про разработку приложений с учетом опыта незрячих пользователей.

https://habr.com/ru/companies/ruvds/articles/776392/

Используем Github Pages для хостинга NextJs приложения

Простой туториал по конфигурации Github Pages и NextJs.

https://www.viget.com/articles/host-build-and-deploy-next-js-projects-on-github-pages/