FrontEndDev
28.2K subscribers
2.34K photos
23 videos
7.54K 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
Работа с датами в JS

После прекращения поддержки Moment.js стал актуальным вопрос о выборе библиотеки для работы с датой. Вот вам несколько альтернатив.

https://blog.openreplay.com/dealing-with-dates-and-times--alternatives-to-momentjs/
👍11🤡4🍌4👎3
Межстраничные переходы в React

Как сделать анимационные переходы с помощью React-Router и View Transitions API (без сторонних библиотек для анимации)

https://javascript.plainenglish.io/73ab52c6fd7b
👍20
Forwarded from Habr For Dev
#CSS #SVG

Рисуем верёвку в формате SVG при помощи JavaScript

Рейтинг: 54

Читать
👍24👀21
Создаем простую директиву tooltip на Vue

https://itnext.io/build-a-custom-tooltip-directive-with-css-and-vue-efc84e37ff46
👍10👌1
Управляем состоянием приложения на Vue с Pinia ORM

https://blog.openreplay.com/managing-state-in-vue-with-pinia-orm/
👍11🤔2
Что нового в DevTools?

Обновленные возможности рекордера и экспорт записанных действий в Puppeteer + обновления Lighthouse.

https://developer.chrome.com/blog/new-in-devtools-112/
👍81
Тригонометрические функции в CSS

Или как использовать sin(), cos(), tan().

https://web.dev/css-trig-functions/
😭21👍9😁3
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем веб презентации с Reveal.Js

На случай, если надоели Google Slides или PowerPoint. Удобно для докладов на конференциях, когда можно вставить код для демо.

https://medium.com/stackanatomy/create-incredible-web-presentations-with-reveal-js-9c8957f3af1b
👍13
Делаем текстовый контент читабельным

Простые CSS советы, которые превращают простыню текста в текст, который просто читать и красиво смотрится.

https://set.studio/some-simple-ways-to-make-content-look-good/
🔥9👍31
Полезные возможности TypeScript, которые стоит иметь ввиду

https://my-js.org/blog/ts-features/
👍20🔥2💩21
Продумываем dropdown с хорошим UX для разных ситуаций

https://bootcamp.uxdesign.cc/how-to-design-the-best-dropdowns-860a1afb566a
❤‍🔥171
Улучшаем производительность Angular: советы и трюки для эффективного кода

https://guillaume-ferber.medium.com/76939fe7333b
👍6😁3💩1
Создаем приложениe для ведения бюджета с React Router

Плейлист с итерациями по разработке React приложения

https://www.youtube.com/watch?v=VpzeeBeVWeg&list=PL4cUxeGkcC9iNnY07bh_UPaRIQZcJfARY&ab_channel=TheNetNinja
🔥132👍2👎1
Создаем простой компонент аватара на TypeScript

Туториал по созданию компонентов с техникой TDD. Набор коротких видео об использовании типов и интерфейсов, обработке ошибок и написании тестов для react компонентов.

https://www.typescriptcourse.com/tutorials/build-a-dynamic-avatar-component-with-react-typescript
👍11
5 ошибок начинающих разработчиков при создании React приложений

https://css-tricks.com/5-mistakes-starting-react/
👍131😐1
15 интересных CSS свойств, с которыми стоит познакомиться

https://blog.bitsrc.io/9cee5b364990
13😐3🔥1
Переменные окружения в JS

Дмитрий Павлутин рассказывает, что за объект process.env и как из окружения сервера передать его в браузер.

https://dmitripavlutin.com/environment-variables-javascript/
👍15
Как работать с OpenAi API в NodeJS

Делаем своего AI помощника в консоли на NodeJS.

https://medium.com/codingthesmartway-com-blog/3f01c1f8d473
🔥12👍2
Решаем все проблемы стилизации разметки

Как сделать страницу, которая выглядит отлично на всех устройствах.

https://levelup.gitconnected.com/62349644a71e
👍13👎2🍓2
Как начать работать с git за 10 минут

Простой вводный курс для тех, кто еще не начал

https://youtu.be/f2TurkSBnYQ
😱9❤‍🔥4