Что нового в DevTools?

Обновленные возможности рекордера и экспорт записанных действий в Puppeteer + обновления Lighthouse.

https://developer.chrome.com/blog/new-in-devtools-112/

Тригонометрические функции в CSS

Или как использовать sin(), cos(), tan().

https://web.dev/css-trig-functions/

Создаем веб презентации с Reveal.Js

На случай, если надоели Google Slides или PowerPoint. Удобно для докладов на конференциях, когда можно вставить код для демо.

https://medium.com/stackanatomy/create-incredible-web-presentations-with-reveal-js-9c8957f3af1b

Делаем текстовый контент читабельным

Простые CSS советы, которые превращают простыню текста в текст, который просто читать и красиво смотрится.

https://set.studio/some-simple-ways-to-make-content-look-good/

Создаем приложениe для ведения бюджета с React Router

Плейлист с итерациями по разработке React приложения

https://www.youtube.com/watch?v=VpzeeBeVWeg&list=PL4cUxeGkcC9iNnY07bh_UPaRIQZcJfARY&ab_channel=TheNetNinja

Создаем простой компонент аватара на TypeScript

Туториал по созданию компонентов с техникой TDD. Набор коротких видео об использовании типов и интерфейсов, обработке ошибок и написании тестов для react компонентов.

https://www.typescriptcourse.com/tutorials/build-a-dynamic-avatar-component-with-react-typescript

Переменные окружения в JS

Дмитрий Павлутин рассказывает, что за объект process.env и как из окружения сервера передать его в браузер.

https://dmitripavlutin.com/environment-variables-javascript/

Как работать с OpenAi API в NodeJS

Делаем своего AI помощника в консоли на NodeJS.

https://medium.com/codingthesmartway-com-blog/3f01c1f8d473

Решаем все проблемы стилизации разметки

Как сделать страницу, которая выглядит отлично на всех устройствах.

https://levelup.gitconnected.com/62349644a71e

Как начать работать с git за 10 минут

Простой вводный курс для тех, кто еще не начал

https://youtu.be/f2TurkSBnYQ

Создаем CSS разметку в стиле masonry

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

https://dev.to/logrocket/creating-css-masonry-style-layouts-50b7

Примеры использования Trig.JS

Trig.JS — небольшая библиотека, которая позволяет делать анимации, реагирующие на скролл.

https://idev-games.github.io/Trig-JS-Examples/