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

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

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

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Глубокое погружение в ES-модули

Разбираемся, как работают ES-модули.

https://medium.com/web-standards/71f42c1e851a
🔥13👍411
Эксперимент с новым синтаксисом для создания SVG через CSS

https://yuanchuan.dev/experimenting-a-new-syntax-to-write-svg

Поиграться и поэкспериментировать самому можно тут
👍19😱111
Руководство по отзывчивому дизайну в 2023 и далее

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

https://ishadeed.com/article/responsive-design
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
Prop drilling в React

Что это такое и как с этим бороться.

https://dev.to/codeofrelevancy/what-is-prop-drilling-in-react-3kol
👍16👎3🌭3🤡2
Мое первое расширение для Firefox

Николас Франкель делится опытом создания расширения для автоматического добавления карточек в Trello.

https://dev.to/nfrankel/my-first-firefox-extension-21bf
👍11
Глубокое погружение в CSS Grid Minmax

Разбираемся с возможностями функции minmax при работе с гридами.

https://ishadeed.com/article/css-grid-minmax/
🔥191
Запускаем Github actions локально

Для отладки и тестирования своего workflow удобно делать это на локальной машине. Показываем, как это сделать с помощью пакета act.

https://dev.to/ken_mwaura1/run-github-actions-on-your-local-machine-bdm
👍22👎2
Что такое source maps?

Как минифицировать и разбираться в коде с помощью source maps? Плюс несколько примеров по работе с расширениями для source maps.

https://web.dev/source-maps/
👍162
Кроссбраузерная поддержка двух фич: Push Notification и importmap

Safari, FireFox, Chrome и даже Edge

Подробнее про Push Notifications
Подробнее про importmap
👍15
Выпуск Kolesa Podkast о frontend разработке

Kolesa Podkast - подкаст о казахстанском IT.

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

Послушать можно тут:
Youtube
Apple Podcasts
Яндекс.Музыка
👍87💩2
Используем pre-render в React приложении с react-snap

Что такое pre-render и в чем его отличие от SSR

https://blog.logrocket.com/pre-rendering-react-app-react-snap/
👍11👎2👀1
5 крутых инструментов для работы с JSON

https://blog.logrocket.com/5-useful-json-tools-improve-productivity/
🔥20👍3👎3
Как обеспечить безопасность веб-приложений?

Руководство по стратегиям аутентификации для разработчиков.

https://dev.to/ma7moud3bas/how-to-secure-the-web-a-comprehensive-guide-to-authentication-strategies-for-developers-48od
🔥10👍1
Круговые зависимости в Node.js

И как с ним справляться с помощью пакета madge.

https://dev.to/successgilli/circular-dependency-in-nodejs-and-nestjs-3e1d
👍8💩7
Пишем крестики-нолики

Пошаговый и итеративный туториал по созданию игры
▫️на чистом HTML/CSS/JS
▫️с добавлением TypeScript
▫️c рефакторингом в React приложение

https://www.youtube.com/watch?v=MsnQ5uepIaE
🔥20👍4👎31
Публикуем свой сайт на GitHub pages

Простая инструкция для тех, кто хочет захостить свое приложение на GitHub pages.

https://dev.to/pvishnuprasaath/host-react-app-in-github-pages-35p9
🔥12🍓3👎1
Generics в TypeScript

Что такое Generics и как их использовать в классах и интерфейсах.

https://levelup.gitconnected.com/generics-in-typescript-ea1c6f41d5c1
👍23🔥1
Как красиво отобразить многострочный текст?

Ахмад Шадид рассказывает о настройке красивого отображения текста с помощью свойства text-wrap:balance.

https://ishadeed.com/article/css-text-wrap-balance/
27🔥9👍2
Поверхностное и глубокое копирование объектов JS

В чем разница и как реализуются методы копирования объектов в JavaScript.

https://web.dev/structured-clone/
🔥11👍421