Сверстать 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

Тестирование приложений с Cypress

Большой туториал по e2e тестированию с Cypress

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

Введение в CSS Grid для новичков

Основы Grid разметки с простыми примерами использования.

https://www.sitepoint.com/introduction-css-grid-layout-module/

WebAssembly

Александр Коротаев рассказывает, как и для чего можно использовать WebAssembly, и можно ли писать WebAssembly на TypeScript.

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

The virtual keyboard API

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

https://ishadeed.com/article/virtual-keyboard-api/

381 выпуск Веб Стандартов

Затронули Firefox 116, новую математику в CSS, Style Queries и еще несколько тем.

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

Микро-фронтенд

Краткий курс для тех, кто не работал с микро-фронтами.

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