Typical Frontend
134 subscribers
48 photos
625 links
News and events from the World of Frontend and around it. Tools and useful materials on everything that may be of interest to a frontend developer as well.

For all questions you can write @Typical_Front_End
Download Telegram
​​Полное руководство по SEO для начинающих:

https://mangools.com/blog/learn-seo/

#development
Какие конструкции для циклов есть в javascript?
Anonymous Quiz
17%
Только две: "for" и "while"
4%
Только одна: "for"
80%
Три: "for", "while" и "do...while"
​​Реализация архитектуры Redux на MobX. Часть 1: «Проблемные места Redux»

https://habr.com/ru/post/546606/

#react
​​Все, что вам нужно для начала тестирования в React

https://betterprogramming.pub/everything-you-need-to-get-started-with-testing-in-react-e16819b0eba7

#react
​​Как работать с датой в простом Javascript — библиотеки не нужны:

https://beforesemicolon.medium.com/how-to-work-with-date-in-plain-javascript-no-libraries-needed-d48c2d31a733

#js
​​Использование GSAP 3 для веб-анимации

https://blog.logrocket.com/using-gsap-3-for-web-animation/

#development
​​Будущее CSS: анимация с прокруткой и scroll-timeline (часть 1):

https://www.bram.us/2021/02/23/the-future-of-css-scroll-linked-animations-part-1/

#css
​​Забудьте про div, семантика спасёт интернет:

https://habr.com/ru/company/htmlacademy/blog/546500/

#html
​​Как создавать анимацию, базирующуюся на скорости в React:

https://eytanmanor.medium.com/how-to-create-velocity-based-animations-in-react-8468d09e63f5

#react
​​Адаптивные изображения: разные методы и тактики:

https://blog.bitsrc.io/responsive-images-different-techniques-and-tactics-6045a1fa7ea2

#development
​​10 вопросов начального уровня по React на собеседовании:

https://javascript.plainenglish.io/10-entry-level-react-interview-questions-5a8ea74e2130

#react
​​Полное руководство по профилированию приложений React:

https://blog.asayer.io/the-definitive-guide-to-profiling-react-applications/

#react
​​В десктопной версии Google Chrome появилась поддержка автоматических субтитров:

https://3dnews.ru/1033536

#browsers
​​Создайте приложение для отслеживания бюджета на React — изучение React & Context API с помощью интересного проекта:

https://www.freecodecamp.org/news/react-budget-tracker-app/

#react
​​Пришло время кодекам нового поколения отказаться от JPEG:

https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg

#performance
​​Знаете ли вы о CSS селекторе :has?

https://css-tricks.com/did-you-know-about-the-has-css-selector/

#css
​​Три важных вещи, которые вы должны знать о :is() в CSS:

https://www.bram.us/2021/03/19/three-important-things-you-should-know-about-css-is/

#css
​​5 различных инструментов для мониторинга фронтенда:

https://blog.bitsrc.io/5-different-tools-for-frontend-monitoring-79db94014d

#tools
​​Веб-анимация для фронтендеров. Что выбрать: CSS, JavaScript или SVG:

https://www.youtube.com/watch?v=rV1bnnBkNQ8

#development
​​7 вопросов для интервью по ключевому слову this в JavaScript:

https://dmitripavlutin.com/javascript-this-interview-questions/

#js