FrontEndDev
28.3K subscribers
2.32K photos
23 videos
7.52K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Нововведения в HTML формах в 2022.

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

https://css-tricks.com/whats-new-with-forms-in-2022/
🔥14👍5
Способы оптимизации скорости загрузки основного контента (LCP) для ускорения загрузки сайта.

https://calibreapp.com/blog/largest-contentful-paint
🔥17👍1
Сравнение SSR перформанса 6 JS фреймворков. Результаты и процесс сравнения по ссылке.

https://www.enterspeed.com/blog/we-measured-the-ssr-performance-of-6-js-frameworks-heres-what-we-found/
👎9👍51🤔1
Паттерны JS

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

https://stackblitz.com/@lydiahallie/collections/javascript-patterns
👍26🔥84
Пошаговый туториал по созданию панели навигации.

https://web.dev/website-navigation/
👍9🔥4
Меняем цвет SVG при помощи CSS фильтров.

https://itnext.io/change-svg-color-with-help-from-css-filter-d978fb0d0bc9
👍13
Основы JS - работа с событиями.

https://www.lullabot.com/articles/javascript-and-events-fundamentals
👍10
React 18 - новые фичи и инструкция по обновлению приложений на 18 версию.

https://refine.dev/blog/react-18-upgrade-guide/
👍15😁3💩2🍾1
Тестирование React компонентов - пошаговый гайд.

https://blog.bitsrc.io/testing-your-react-components-step-by-step-2ce9c3b4f299
9👍6👎1🤡1
Упрощаем создание drag and drop компонентов с react-beautiful-dnd

https://taniarascia.com/simplifying-drag-and-drop/
🤨8👍61👎1
Forwarded from Habr For Dev
#промисы #promise

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

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

Рейтинг: 41

Читать
👍26💩3
Glitch эффект с 3D перспективой.

https://tympanus.net/codrops/2022/09/07/3d-perspective-glitch-hover-effect/
👍8🔥2
Компонентное тестировние с Playwright

https://blog.logrocket.com/getting-started-playwright-component-testing/
👍7
Трюки и хаки Chrome Dev Tools, о которых вы возможно не знали.

https://javascript.plainenglish.io/11-cool-chrome-devtools-tips-and-tricks-i-wish-i-knew-already-a9e2e078f78
👍20🔥3
Подборка игр, которые помогают в изучении CSS

https://halimshams.medium.com/online-games-to-improve-your-css-knowledge-b4cc8b9fd1fe
🔥29👍4
Округляем числа в JavaScript

https://www.sitepoint.com/rounding-numbers-javascript/
🔥11👍2❤‍🔥1
👍23❤‍🔥1👨‍💻1
Сборник полезных однострочных утилитарных функций на JS

https://javascript.plainenglish.io/19-killer-javascript-one-liners-thatll-make-you-look-like-a-pro-fce9b524e45e
👍24💩3🤡1
Создать быстрый сайт - запросто!

https://www.enterspeed.com/blog/making-a-fast-website-is-super-easy/
👍8💩8😁2🤩2🤡1