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
Создаем простую директиву 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
Создаем CSS разметку в стиле masonry

Туториал, включающий несколько способов создания разметки, один из которых с использованием экспериментальных фич CSS.

https://dev.to/logrocket/creating-css-masonry-style-layouts-50b7
👍13👎1
Некоторые кроссбраузерные фичи DevTools, о которых вы могли не знать

https://css-tricks.com/some-cross-browser-devtools-features-you-might-not-know/
👍14
Визуализируем JavaScript: Promises & Async/Await

https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke
👍131🥱1