Нововведения в HTML формах в 2022.

Новые события и JS функции, плюс еще несколько новшеств.

https://css-tricks.com/whats-new-with-forms-in-2022/

Способы оптимизации скорости загрузки основного контента (LCP) для ускорения загрузки сайта.

https://calibreapp.com/blog/largest-contentful-paint

Сравнение SSR перформанса 6 JS фреймворков. Результаты и процесс сравнения по ссылке.

https://www.enterspeed.com/blog/we-measured-the-ssr-performance-of-6-js-frameworks-heres-what-we-found/

#сервер #DIY

Превращаем старый телефон на Android в веб-сервер

Рейтинг: 35

Читать

Паттерны JS

Cборник задач по паттернам из курса FrontendMasters с ответами (ответы помечены как Solution)

https://stackblitz.com/@lydiahallie/collections/javascript-patterns

Пошаговый туториал по созданию панели навигации.

https://web.dev/website-navigation/

Меняем цвет SVG при помощи CSS фильтров.

https://itnext.io/change-svg-color-with-help-from-css-filter-d978fb0d0bc9

Основы JS - работа с событиями.

https://www.lullabot.com/articles/javascript-and-events-fundamentals

React 18 - новые фичи и инструкция по обновлению приложений на 18 версию.

https://refine.dev/blog/react-18-upgrade-guide/

Тестирование React компонентов - пошаговый гайд.

https://blog.bitsrc.io/testing-your-react-components-step-by-step-2ce9c3b4f299

Упрощаем создание drag and drop компонентов с react-beautiful-dnd

https://taniarascia.com/simplifying-drag-and-drop/

#промисы #promise

10 задач с JavaScript Promise для подготовки к собеседованиям

Promise — это отличительная особенность JavaScript как асинхронного языка программирования. Нравится вам это или нет, понять его в любом случае придется. В этой статье я привожу 10 примеров кода с Promise, начиная от базового уровня заканчивая продвинутым.

Рейтинг: 41

Читать

Glitch эффект с 3D перспективой.

https://tympanus.net/codrops/2022/09/07/3d-perspective-glitch-hover-effect/

Компонентное тестировние с Playwright

https://blog.logrocket.com/getting-started-playwright-component-testing/

Трюки и хаки Chrome Dev Tools, о которых вы возможно не знали.

https://javascript.plainenglish.io/11-cool-chrome-devtools-tips-and-tricks-i-wish-i-knew-already-a9e2e078f78

Подборка игр, которые помогают в изучении CSS

https://halimshams.medium.com/online-games-to-improve-your-css-knowledge-b4cc8b9fd1fe

Округляем числа в JavaScript

https://www.sitepoint.com/rounding-numbers-javascript/

Создать быстрый сайт - запросто!

https://www.enterspeed.com/blog/making-a-fast-website-is-super-easy/