Frontend разработчик
@frontend_1
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
加入频道
About
Blog
Apps
Platform
Join
Frontend разработчик
11.7K subscribers
Frontend разработчик
https://habr.com/ru/post/502072/
Хабр
Стыкуемся с МКС с помощью JavaScript и циркуля
Компания SpaceX, основанная небезызвестным Илоном Маском, выпустила симулятор ручной стыковки корабля Crew Dragon с МКС. Если все пойдет по плану, стыковку прове...
3.64K views
Frontend разработчик
Запись докладов ReactEurope 2020

https://www.youtube.com/playlist?list=PLCC436JpVnK0Q4WHoB85ZYBwcCyTaMgAl
3.57K views
Frontend разработчик
Hydra js- фреймворк, имеющий все инструменты, необходимые для создания масштабируемых приложений

http://tcorral.github.io/Hydra.js/

Скачать http://tcorral.github.io/Hydra.js/#downloads
3.57K views
Frontend разработчик
This media is not supported in your browser
VIEW IN TELEGRAM
Перемещаем фон с помощью мыши

https://css-tricks.com/moving-backgrounds-with-mouse-position/
3.86K views
Frontend разработчик
https://te.legra.ph/Kastomnyj-skrollbar-v-Angular-06-05
Telegraph
Кастомный скроллбар в Angular
После вступления Edge в доблестные ряды Chromium-браузеров кастомизация скроллбаров через CSS отсутствует только в Firefox. Это здорово, но кроме Firefox у CSS-решения есть масса ограничений. Посмотрите, какую черную магию приходится применять для плавного…
3.71K views
Frontend разработчик
https://remont-komp.ru/hvatit-importirovat-javascript-pakety-celikom/
Ремонт-комп
Хватит импортировать JavaScript-пакеты целиком
Часто ли вам доводилось импортировать в проект целый JavaScript-пакет, когда нужно было воспользоваться лишь очень немногими возможностями этого пакета?
3.63K views
Frontend разработчик
https://te.legra.ph/Organizaciya-rabochego-processa-06-07
Telegraph
Организация рабочего процесса
Yeoman: это набор мощных инструментов и библиотек для быстрого создания красивых веб-приложений; Grunt: это инструмент для сборки JavaScript-проектов из командной строки с использованием задач; Веб-разработка: как использовать Grunt; GruntStart: основные…
3.79K views
Frontend разработчик
Подборка бесплатных ресурсов для изучения React в 2020 году

https://dev.to/areknawo/best-free-resources-to-learn-react-in-2020-591b
3.88K views
Frontend разработчик
Chromatic GitHub Action - как быстро интегрировать визуальное тестирование в ваш проект GitHub

https://blog.hichroma.com/introducing-chromatic-github-action-613c780a475e
3.46K views
Frontend разработчик
https://te.legra.ph/Sostoyanie-zagruzhaemyh-dannyh-06-08
Telegraph
Состояние загружаемых данных
Одна из повседневных задач каждого фронтендера — загрузка данных с сервера. На время загрузки обычно требуется показывать пользователю спиннер, а в случае неудачи — сообщение об ошибке. В коде состояние загрузки часто описывают булевыми флагами: const comments…
3.29K views
Frontend разработчик
Подборка: лучшие фреймворки CSS

http://usablica.github.io/front-end-frameworks/compare.html?v=2.0
3.53K views
Frontend разработчик
This media is not supported in your browser
VIEW IN TELEGRAM
С помощью CSS переменных рисуем анимацию с настраиваемым таймлайном

https://cloudfour.com/thinks/css-animation-timelines-building-a-rube-goldberg-machine/
3.56K views
Frontend разработчик
Делаем круги на CSS

Из статьи вы узнаете как делать круги с помощью Border Radius, SVG, Clip Path, Radial Gradient

https://cloudfour.com/thinks/css-circles/
3.64K views
Frontend разработчик
https://te.legra.ph/Nodejs-kak-rekursivno-szhat-vse-izobrazheniya-na-sajte-06-10
Telegraph
Node.js: как рекурсивно сжать все изображения на сайте
Не так давно я начал работать с Node.js. Отличная штука, скажу я Вам! К примеру, освоив некоторые его основные функции и подключив нужные модули, Вы можете в автоматическом режиме сжимать стили на своём сайте, javascript, изображения и прочее. Сегодня я расскажу…
3.61K views
Frontend разработчик
https://te.legra.ph/Cikl-sobytij-v-JavaScript-ili-kak-rabotaet-asinhronnost-06-11
Telegraph
Цикл событий в JavaScript или как работает асинхронность
Для рассмотрения такого вопроса как стек событий и асинхронность, давайте начнём с азов. JavaScript - это однопоточная среда выполнения (run time) и это означает, что стек вызовов у него один. Говоря языком определений, JavaScript - однопоточный неблокирующий…
3.68K views
Frontend разработчик
**Какой из селекторов выберет все HTML-элементы div с атрибутом title начинающимся со значения «bar»?**
Anonymous Poll
13%
div[title$=‘’bar’’]
38%
div[title^=‘’bar’’]
21%
div[title=‘’bar’’]
27%
div[title*=‘’bar’’]
838 voters3.38K views
Frontend разработчик
https://habr.com/ru/post/494660/
Хабр
CSS Houdini: практическое руководство
Доброго времени суток, друзья! Что такое Houdini? Houdini (Гудини) — коллекция API браузера, значительно улучшающих процесс веб разработки, включая разработку стандартов CSS. Разработчики...
3.43K views
Frontend разработчик
https://medium.com/front-end-in-regions-grodno/%D0%BA%D0%BE%D0%BD%D1%84%D0%B8%D0%B3%D1%83%D1%80%D0%B8%D1%80%D1%83%D0%B5%D0%BC-%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D1%83%D1%8E-%D1%81%D1%85%D0%B5%D0%BC%D1%83-%D0%B2%D0%B5%D0%B1-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-1b514653068c
Medium
Конфигурируем цветовую схему веб-приложения
Палитра, Тематизация, Белая этикетка, Темный Режим и CSS-переменные
3.59K views
Frontend разработчик
Простые директивы Vue, которые сэкономят ваше время

https://levelup.gitconnected.com/simple-vue-directives-thatll-save-you-time-960eaf932424
3.6K views
Frontend разработчик
https://habr.com/ru/post/478298/
Хабр
Новичку only: 10 вещей, которые вы должны знать как веб-разработчик
Привет, Хабр! Представляю вашему вниманию перевод статьи «10 Things You Should Know As a Web Developer» автора Anuupadhyay. Написание тысячи строк кода и превращение в веб-сайт — одна из творческих и...
3.89K views