Выносим запрос данных из useEffect в React

Иcпользуем React Query для запросов с возможностью кеширования.

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

Анимации переходов для текстовых блоков

Несколько способов оживить текст

Демо | Github

https://tympanus.net/codrops/2023/07/13/inspiration-for-text-block-transitions/

Пишем CSS в 2023

Если вы особо не следили за тем, какие изменения произошли в CSS за последние пару лет, то статья для вас.
Container Queries, Layers, новые псевдо-селекторы и многое другое.

https://www.smashingmagazine.com/2023/07/writing-css-2023/

Подкаст про код от HTML Academy

О юбилейном NestJS, конструкции using в TS и JS и использовании color-mix()

https://www.youtube.com/watch?v=RpTxzpIDAN0&ab_channel=HTMLAcademy

Создаем клон LinkedIn на React

10 часовой туториал создания клона LinkedIn с нуля на React + Firebase: от настройки проекта и авторизации до имплементации основных фич приложения.

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

Web Audio и Web MIDI API

Изучаем Web Audio и создаем свой синтезатор на JS

https://blog.logrocket.com/exploring-web-audio-api-web-midi-api/

Операторы JS

Разбираем функционал операторов: от привычных арифметических до битовых и малоизвестных (например оператора пайплайна).

https://www.sitepoint.com/javascript-operators/

Определяем, когда элемент попадает или покидает viewport

Или как использовать IntersectionObserver вместо события scroll.

https://gomakethings.com/how-to-detect-when-an-element-enters-or-leaves-the-viewport-with-vanilla-javascript/

SOLID

Хороший ресурс, помогающий понять принципы SOLID. Следование этим принципам помогает писать чистый и поддерживаемый код.

https://solidbook.vercel.app/

JavaScript Proxy и Reflect API

Как и для чего можно использовать Proxy в JS

https://www.freecodecamp.org/news/javascript-proxy-object/

А происходит ли всплытие переменных, объявленных через let и const?

Да, но есть один нюанс.

https://www.freecodecamp.org/news/javascript-let-and-const-hoisting/

Пишем клон Твиттер

6 часовой туториал по созданию Твиттера с NextJS и Supabase

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

Сверстать Google

Так ли просто сверстать главную страницу Google?
Вадим Макеев раскладывает по полочкам верстку и рассказывает о тонкостях и подводных камнях в 3-х часовом видео для самых выносливых.


https://www.youtube.com/watch?v=O-2xwAaXyDs

Verdaccio

Локальный приватный npm registry. Прост в запуске и использовании.

https://github.com/verdaccio/verdaccio

Frontend interview questions

Сборник вопросов и ответов с собеседований по frontend.

https://www.frontendinterviewquestions.com/interview-questions/

Введение в Node.js в 2023

Достоинства и недостатки современного NodeJS, уязвимости и сферы применения в большой обзорной лекции от Тимура Шемсединова

https://www.youtube.com/watch?v=mRvzgBGLVyM&ab_channel=TimurShemsedinov

Анимация изображений в grid

Демо | Github

https://tympanus.net/codrops/2023/07/27/grid-flow-animation/

Создание формы для донатов

Пример реализации формы на React + Express и интеграции ее с платежной системой Stripe.

https://dev.to/wra-sol/building-a-reactexpress-stripe-donation-form-2pek

Лучшие практики по созданию форм логина и регистрации

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

https://web.dev/sign-in-form-best-practices/

Воссоздаем Youtube Ambient Mode эффект

Туториал по реализации эффекта светящейся рамки для видео.

https://smashingmagazine.com/2023/07/recreating-youtube-ambient-mode-glow-effect/