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/

Flexer

Визуальный CSS Flexbox конфигуратор. Отличный способ разобраться с flexbox для начинающих.

https://www.flexer.dev/

CSS GridGarden

Игра, которая пошагово рассказывает о том, как работать с CSS Grid. 28 уровней, которые сделают из тебя знатока гридов ☺️

https://cssgridgarden.com/#ru

CSS Masking

Большой гайд по работе с CSS масками.

https://blog.codepen.io/2023/07/31/chris-corner-clever-css-ideas-explanations/

Front-end. Вопросы на собеседовании

Разбор вопросов про ФП и ООП, Gitflow, DI, агрегацию и композицию.

https://www.youtube.com/watch?v=hJDqYohmzL8&

#ruvds_статьи #javascript

Явное управление ресурсами: пробуем новую фичу JavaScript и TypeScript

⭐️⭐️◽️◽️◽️

📖Читать

CSS и доступность

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

https://www.smashingmagazine.com/2023/08/css-accessibility-inclusion-user-choice/

Запись шагов через DevTools

Короткое видео о том, как записать и пошарить шаги какой либо фичи вашего приложения.

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