FrontEndDev
28.8K subscribers
2.2K photos
23 videos
7.41K 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
Знакомство с LangChainJS

LangChainJS библиотека для взаимодействия с большими языковыми моделями. С помощью нее можно построить своего AI чат-бота.

https://blog.logrocket.com/getting-started-langchain-js/
8
CSS Subgrid

Ахмад Шадид рассказывает чем полезен subgrid и как с ним работать.

https://ishadeed.com/article/learn-css-subgrid/
131👍1
Ограничиваем действие CSS селекторов при помощи директивы scope

https://developer.chrome.com/articles/at-scope/
❤‍🔥17🔥9🤔3🤯3👍2
Перфоманс и мемоизация в React

Способы оптимизировать рендер компонентов, и какую роль при этом играет React memo.

https://tkdodo.eu/blog/the-uphill-battle-of-memoization
8👍2🤮1
В вашем JS приложении возможно есть утечки памяти, о которых вы не знаете

Статья о причинах утечек памяти и как их избежать.

https://blog.stackademic.com/914e64ed07c7
10🤮1
This media is not supported in your browser
VIEW IN TELEGRAM
Chrome теперь показывает использование памяти для активных вкладок

https://medium.com/@addyosmani/4f74876538e6
🔥37👍4😁2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем векторную анимацию типографики

https://tympanus.net/codrops/2023/01/31/bringing-letters-to-life-coding-a-kinetic-svg-typography-animation/
👍133👎1🤔1🤮1👌1
Хитрости "const"

Разбираем разницу между присвоением и изменением в JS.

https://www.joshwcomeau.com/javascript/the-const-deception/
👍132👎1🤮1
Bun за 1 час

Ознакомительный туториал по Bun: созадние сервера, стриминг файлов, роутинг, плагины.

https://www.youtube.com/watch?v=eTB0UCDnMQo
👍20💩6🤮21
Веб-стандарты: выпуск 390

Safari, бета Chrome 119, Divtober, пересмотр Baseline, новинки WCAG 2.2, Closure Compiler.

https://web-standards.ru/podcast/390/
6🤮2👍1
Техника загрузки изображений-плейсхолдеров в низком разрешении

Улучшаем метрики Web Vitals при помощи предзагрузки картинок в плохом качестве.

https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/
13
Добавляем web app манифест

Как с помощью одного конфига превратить ваше приложение в PWA.

https://web.dev/articles/add-manifest?hl=en
🔥133👍3
JS minification benchmarks

Результаты сравнения популярных инструментов для сжатия JS.

https://github.com/privatenumber/minification-benchmarks
👍8
44 вопроса c frontend собеседований

Вопросы по React, JavaScript, стейт менеджерам и современным аспектам web разработки

https://dev.to/m_midas/44-react-frontend-interview-questions-2o63
👍172👎2👌1
Нативные способы валидации форм

Как отловить ошибки валидации при помощи атрибутов input либо встроенными методами форм.

https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation
🔥14👍3
Круговой текст на CSS

Решаем задачу при помощи svg и тригонометрии.

https://dev.to/jh3y/circular-text-with-css-57jf
🔥13👍1👌1
Подкаст про код - выпуск 24

Interop 2024, бета TypeScript 5.3, анти-паттерны конфигурирования в Node.js.

https://www.youtube.com/watch?v=HRcFHKEU3F4
👍12
Разработка приложений для всех категорий пользователей

Основные принципы веб доступности. Как семантическая верстка, дополнительные атрибуты элементов и инструменты для тестирования доступности помогут вам в этом.

https://www.sitepoint.com/designing-for-all-the-basics-principles-of-web-accessibility/
8