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
Собеседование по TypeScript: 20 вопросов и ответов

Популярные вопросы, которые стоит повторить перед собеседованием

https://habr.com/ru/company/ruvds/blog/419993/
👍19👎15🍾1
Как заставить Vue компонент перерендериться

https://blog.logrocket.com/force-vue-component-re-render/
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект анимации при наведении с Clip-Path

https://tympanus.net/codrops/2023/03/01/double-image-hover-effects-with-clip-path-animations/

Исходники на github
🔥38👍5
10 советов по CSS для улучшения переходов и анимаций

https://joshcollinsworth.com/blog/great-transitions
🔥11👍3
Forwarded from Habr For Dev
#разработка #стартапы

Плохие практики разработки, которые до сих пор встречаю в стартапах

Рейтинг: 97

Читать
🔥16👍9👎3😁3🍓1
Работа с датами в 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