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
Как сверстать письмо, чтобы оно дошло до получателя таким, как задумано

Базовые принципы верстки писем и особенности разных почтовых клиентов.

https://habr.com/ru/companies/kts/articles/798615/
👍143
Конвертируем строку в дату

Способы получения даты из строки и основные ошибки, которые при этом допускают разработчики

https://www.rajamsr.com/javascript-convert-string-to-date/
🔥8
Как безопасно использовать dangerouslySetInnerHTML

Минимизируем возможные проблемы при отображении HTML контента с внешних ресурсов в React.

https://deadsimplechat.com/blog/how-to-safely-use-dangerouslysetinnerhtml-in-react/
👍8😁4🌭2🤮1
Погружение в package.json

Настраиваем проект с помощью полей package.json. Какие поля кроме name, scripts, dependecies и devDependencies могу быть полезными для конфигурации.

https://dyte.io/blog/package-json/
👍21
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект раскрытия гридовых ячеек при наведении

Демо
| Github

https://tympanus.net/codrops/2024/03/13/grid-item-reveal-animation-on-hover/
🔥273
Топ 10 алгоритмов для интервью

Курс по алгоритмам с использованием JS для успешного прохождения секции лайвкодинг.

https://www.youtube.com/watch?v=ufBbWIyKY2E&ab_channel=freeCodeCamp.org
9🔥3🍌3❤‍🔥1👍1
Shima Dev Tool

Расширение для разработчиков и тестировщиков, позволяющее быстро переключаться между разными конфигурациями окружения на лету.

https://www.youtube.com/watch?v=v8GkxClnf68
🔥7👍41👀1
Скорость HTTP

Сравниваем основные серверные JavaScript платформы: Deno, NodeJs, Bun.

https://kitsonkelly.com/posts/http-speed
👍14👎1
Индикатор прогресса

Туториал по созданию веб компнонента прогресса загрузки.

https://piccalil.li/blog/solution-009-progress-indicator/
👍13
Новые математические функции в CSS

Как работают pow(), sqrt(), exp(), hypot() и как их можно использовать на практике

https://danielcwilson.com/posts/mathematicss-powers/
👍17
Делаем DVD скринсейвер на чистом CSS

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

https://www.javiermorales.dev/blog/dvd
👍14🔥4
React TypeScript Cheatsheets

Типизируем React приложение правильно: шпаргалка, которая поможет правильно указать типы при работе с React компонентами.

https://react-typescript-cheatsheet.netlify.app/
👍12🔥7
Практический TypeScript

10 часовой видеокурс для тех, кто еще не знаком с TS: аннотации типов, алиасы, enums, интерфейсы, дженерки, React + TS и многое другое.

https://www.youtube.com/watch?v=JHEB7RhJG1Y
🔥13👍74
Safe alignment flexbox

Как значение safe влияет на расположение контента при использовании flexbox и где это может быть полезно.

https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/
🤔17👍12
Создание вертикальных контролов для форм

В Safari 17.4 добавили возможность использовать writing-mode: vertical-rl, что актуально при разработке приложений для стран Азии.

https://webkit.org/blog/15190/implementing-vertical-form-controls/
👍16
Создаем виртуальную 3D галерею на Three.js

Большой туториал по работе с Three.js, включающий создание сцен, работу со светом и текстурами, контролами, анимациями.

https://www.youtube.com/watch?v=imqiYWidUIA
16👍3🔥2
Документируем свой JS код

Краткий курс по использованию JSDoc.

https://www.youtube.com/watch?v=YK-GurROGIg
🔥15👍61
Продуктовый подход к pet-проекту, или как я разработал музыкальное веб-приложение

https://habr.com/ru/articles/803673/
👍12❤‍🔥1👎1🤮1
7 простых правил для лучшего отображения данных

Как визуализировать данные понятно и наглядно для пользователей вашего приложения.

https://www.sitepoint.com/better-data-visualization-simple-rules/
👍131🔥1
Изучаем NestJS - Полный курс

Большой 14 часовой курс по разработке на NestJs: котроллеры, сервисы, модули, работа с БД, авторизация, сваггер и другие аспекты разработки веб серверов.

https://www.youtube.com/watch?v=sFnAHC9lLaw
👍21🔥3🤔1