Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
DarkModeJS — сверхлегкая и кроссбраузерная библиотека JS, которая поможет вам реализовать темные и светлые темы. Она определяет местное время пользователя и соответствующим образом переключает внешний вид пользовательского интерфейса. Кроме того, она весит всего 2,39 КБ (1,05 КБ в сжатом виде) и написана на чистом JavaScript, без каких-либо плагинов и jQuery.


https://github.com/nickdeny/darkmode-js

Demo https://nickdeny.github.io/darkmode-js/
React Hooks: How to Get Started & Build Your Own

https://www.sitepoint.com/react-hooks/
Погрузись в основы веб-разработки на онлайн-интенсиве от директора центра SymbioWay Даниила Пилипенко.

Регистрируйся на прямой эфир 25 октября: 🔜 https://clc.am/wQfxzw.
Записи не будет, только live-режим!

Тебя ждут 5 часов интенсивной практики и всего 1 час теории:
знакомство с технологиями HTML, CSS, JavaScript;
вёрстка веб-страниц;
изучение языка PHP и базы данных MySQL;
размещение сайта в интернете: выбор домена и хостинга.

В итоге ты получишь полноценный проект для портфолио и отличный старт для начала карьеры веб-разработчика. Присоединяйся!
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированный текст с помощью библиотеки THREE.js

https://codepen.io/zadvorsky/pen/GZmKYX
Media is too big
VIEW IN TELEGRAM
Автоматическое развертывание с помощью Github Actions
Многократное использование порталов в React

https://medium.com/trabe/reusable-react-portals-17dead20232b
Media is too big
VIEW IN TELEGRAM
Перетягивание элементов ( drag & drop) на JavaScript
Руководство по код-ревью для начинающих

https://dev.to/camilaleniss/the-code-review-guide-4gfo
Как создать адаптивный таймлайн с изображениями

https://1stwebdesigner.com/how-to-create-a-responsive-timeline-with-image-thumbnails/
Советы для разработчиков-джуниоров от программиста с 11-летним стажем

https://dev.to/lifetechpsych/lessons-for-beginners-and-junior-developers-after-11-years-of-coding-mej
Быстрая доставка приложений с PRPL

https://addyosmani.com/blog/the-prpl-pattern/
This media is not supported in your browser
VIEW IN TELEGRAM
Полоса загрузки
Для реализации используем CSS и JS анимацию.

https://codepen.io/datCloud/pen/GRqKyNg
Морфинг SVG с помощью react-spring

https://css-tricks.com/morphing-svg-with-react-spring
Почему вам следует использовать Top-level Await в JavaScript?

https://bookflow.ru/pochemu-vam-sleduet-ispolzovat-top-level-await-v-javascript/