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

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Сборник LeetCode задач

Репозиторий с большой подборкой задач с leetcode с решениями и пояснениями.

https://github.com/azl397985856/leetcode/tree/master/problems
🤣198💩3👍2
Почему React перерендеривает компонент

Большой гайд по причинам дополнительных рендеров и оптимизации производительности React.

https://dev.to/adevnadia/react-re-renders-guide-why-components-re-render-4ml
👍23🔥9
Работа с IndexedDB

Возможности и способы использования IndexedDB, а также основы работы с ней.

https://web.dev/articles/indexeddb?hl=ru
👍11🔥1
- Как думаешь, изучить фронтед самостоятельно - реально?
- Вероятно, что да, но мы не советуем.
-А если нет возможности оплатить курс?
-Готов сразу взяться за дело?

Привет, это команда ICHY School и мы обучаем фронтенд разработке.

О тебе: хочешь стать разработчиком с нуля, изучаешь программирование самостоятельно или планируешь перейти в разработку из другой IT-профессии.

О нас:
⚡️Сначала трудоустройство, оплата потом. Все для твоей уверенности.
⚡️Куратор, с которым ты обсудишь все тонкости разработки и узнаешь все о работе в ведущих IT-компаниях
⚡️Реальные проекты в портфолио.
⚡️Живое общение и классное комьюнити
⚡️Подготовка и помощь в трудоустройстве

Интересно? Нам тоже!

Оставляй заявку здесь, продолжим наше знакомство!

Реклама. ИП Панкратов И.В ИНН: 500915684952 Erid:2VtzqwH19SN
🤮19😁64👍3👎1
Используем возможности console на максимум

Что можно сделать, используя CSS, SVG и HTML в выводе console (если вы не в Safari).

https://frontendmasters.com/blog/console-delight/
🔥9👍21🤯1
CSS border-image

О сложном, но классном свойстве border-image: способы применения для реализации красивого дизайна.

https://www.smashingmagazine.com/2024/01/css-border-image-property/
👍162🔥2
Гайд: проектируем систему цветов. Всё про styles, tokens, variables

https://habr.com/ru/articles/781082/
👍10🔥52👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Зумим фон при скролле

Пример реализации Scroll Driven Animations

https://frontendmasters.com/blog/background-size-zooming-with-scroll-driven-animations/
👍8🤔3🤮2❤‍🔥1🔥1
Web Development 2024 Roadmap & Trends | Что учить в 2024?

Евгений Ковальчук собрал тренды для начинающих веб разработчиков, на которые стоит сделать упор при изучении. Все доп ресурсы в описании к видео.

https://www.youtube.com/watch?v=f76BnFk3pLI
15👍3👎2❤‍🔥1🔥1🌭1
12 свойств CSS, которые можно использовать в ваших проектах

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

https://moderncss.dev/12-modern-css-one-line-upgrades/
👍19🔥53👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Упрощаем работу с CSS View Transition c Velvette

Что такое View Transition и как он помогает анимировать экранные переходы - в статье.

https://tympanus.net/codrops/2024/01/19/making-css-view-transitions-easy-with-velvette/
👍102👏2🔥1
Passkey аутентификация на Express.js + Docker

Web Authentication API туториал

https://www.youtube.com/watch?v=lzelnAI914A
👍91👏1💩1
Перед мемоизацией

Несколько советов от Дена Абрамова по улучшению производительности React приложений, на которые стоит обратить внимание перед использованием memo и useMemo.

https://overreacted.io/before-you-memo/
👍21😁41👌1
Как посчитать временную сложность алгоритма

Что такое временная сложность и примеры расчета для разных видов алгоритмов.

https://algo.monster/problems/runtime_summary
11👍4🤮3🔥1
Утечки памяти, которые не утечки

О видах памяти, как работает сборщик мусора и как можно найти причину большого расхода памяти в NodeJs приложениях.

https://habr.com/ru/companies/alfa/articles/789782/
🔥11👍42
Создаем размытый box-shadow эффект

Используем комбинацию масок, градиентов и фильтров для создания более мягкого и интересного аналога box-shadow.

https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/
👍113👎3❤‍🔥1🔥1
Forwarded from Habr For Dev
#timeweb_статьи_перевод #javascript

Важные аспекты Unicode, о которых должен знать каждый разработчик JavaScript

⭐️◽️◽️◽️◽️

📖 Читать
👍143❤‍🔥1
Оптимизируем время до первого байта

Несколько советов по улучшению метрики TTFB.

https://web.dev/articles/optimize-ttfb
👍14🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Что нового в DevTools

Обновления DevTools v.122: официальное расширение для записи, новый функционал таймлайна, улучшенная работа с куками и еще куча всего.

https://developer.chrome.com/blog/new-in-devtools-122?hl=en
🔥14👍5
Создаем игру Gorillas на JS

Подробный туториал по разработке игры с использоваием JS + Canvas.

https://www.freecodecamp.org/news/gorillas-game-in-javascript/
18🔥5👍4🌚2