Веб-стандарты — Выпуск 395

GitHub Universe и Copilot, Angular.dev, знай Юникод, CSS 4, 5, 6 и AI в FigJam.

https://web-standards.ru/podcast/395/

HTML First

Набор принципов, призванный сделать разработку веб приложений проще и быстрее + сделать их более поддерживаемыми.

https://html-first.com/

Toп 14 генераторов CSS

Подборка генераторов CSS эффектов от Евгения Ковальчука

https://www.youtube.com/watch?v=9p0RoH1L_v0

JetBrains JavaScript Day 2023

Запись 8 докладов с конференции JetBrains.

https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT

CSS relative color syntax

Новый нативный способ определения одних цветов относительно других.

https://developer.chrome.com/blog/css-relative-color-syntax/

Настройка и продуктивное использование VS Code

Михаил Непомнящий делится советами и фишками при работе с VS Code

https://www.youtube.com/watch?v=UmgwQJ0T5Us

React + TypeScript

Подробное руководство с примерами по разработке React приложений на TS.

https://www.freecodecamp.org/news/use-typescript-with-react/

Структура проекта для NestJS

Если вы задавались вопросом, как организовать проект для своего API или сервера на NodeJs, то вот хороший пример. Причем в проекте уже реализована простая бизнес логика, аутентификация и другие аспекты проектов на NestJS.

https://github.com/CatsMiaow/nestjs-project-structure/

DDD на примерах

Запись часовой лекции о подходе Domain Driven Development от команды сервиса Сравни.ру

https://www.youtube.com/watch?v=PQq37uegigo

Ссылка на весь плейлист с докладами о разработке

Релиз Vite 5

▫️улучшенный перфоманс
▫️обновленный API
▫️server.warmup, позволяющий указывать приоритетный модули

https://vitejs.dev/blog/announcing-vite5

Друзья!

Тут ребята из vc.ru запилили бинго в стиле "Узнай свой психологический возраст" или "Как бы тебя звали на проекте, если б ты не положил прод".

Короткое бинго для программистов, которое по выбранным ачивкам выдает инфу о том, кто ты есть на самом деле. Я собрал 15 из 25 и перед вами в итоге страдающий сеньор с соответствующим гимном (жиза) 😅

Поиграться можно тут.

Почему кэширование важно для API

Причины, почему стоит использовать кэширование при запросах к API, а также способы его реализации и ситуации, когда лучше обойтись без него.

https://thenewstack.io/why-http-caching-matters-for-apis/

WebAssembly: короткий обзор ассемблера для фронтенда

Как начать разработку с WebAssembly: практический пример с реализацией простого веб приложения с использованием фреймворка Yew, позволяющего использовать Rust.

https://habr.com/ru/companies/vk/articles/775852/

Signals - альтернатива React Hooks

В чем проблема React Hooks и каким образом можно решить ее и улучшить перфоманс вашего приложения с помощью Signals.

https://www.youtube.com/watch?v=SO8lBVWF2Y8

Чистая архитектура на 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/