Frontend разработчик
11.7K subscribers
1.76K 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
加入频道
Контролируем наследование в SASS с помощью Parent selector и переменных
Часто ли вы задумываетесь о наследовании имен селекторов работая с SASS? Используя одну замечательную технику вы сможете значительно упростить себе жизнь и уменьшить количество кода, особенно если вы используете БЭМ.

https://the-evening-code.com/posts/inheritance-control-in-sass
Три примера, когда не стоит использовать стрелочные функции JavaScript

https://nuancesprog.ru/p/9592/
Запускаем асинхронные запросы в NodeJS параллельно
Node.js - это однопоточная среда для выполнения JavaScript на стороне сервера. Если весь код выполняется в одном потоке, то как тогда Node.js справляется с нагрузкой и поддерживает производительность? Решением является неблокирующий асинхронный ввод-вывод.

https://the-evening-code.com/posts/handling-asynchronous-operations-in-parallel-in-nodejs
Делаем PWA больше похожим на приложение

https://web.dev/app-like-pwas
villus — Небольшой и быстрый клиент GraphQL для Vue.js

https://github.com/logaretm/villus
CSS Layout шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц

https://github.com/phuoc-ng/csslayout
Визуализация данных и цветовая доступность

https://uxdesign.cc/data-visualization-for-color-accessibility-8a30ce25d90b
8 распространенных ошибок JavaScript, которых следует избегать

https://medium.com/javascript-in-plain-english/8-common-javascript-mistakes-that-you-should-avoid-bbbfe1fb9539
Несколько полезных Vue.js трюков

https://itnext.io/a-few-handy-vue-js-tricks-832703cff426
Как работать с элементами множественного выбора в vanilla JS

https://gomakethings.com/how-to-work-with-multiselect-elements-in-vanilla-js/
Калькулятор сделан в виде html таблиц, стили созданы на SCSS, а сама логика на ванильном JS


https://codepen.io/ykadosh/pen/OJNNQOz
Нативное форматирование чисел в JavaScript

https://elijahmanor.com/blog/format-js-numbers
This media is not supported in your browser
VIEW IN TELEGRAM
Переключатели в виде пиццы checkbox
Для создания разметки автор использует Haml. Стили написаны на SCSS. При переключении происходит CSS анимация.

https://codepen.io/cobra_winfrey/pen/xXvdbE
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/