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 разработчик
This media is not supported in your browser
VIEW IN TELEGRAM
Валидируйте телефонные номера в вебе при помощи SMS Receiver API. Эйдзи Китамура рассказывает о новом экспериментальном API, которое позволяет доставать коды верификации из SMS-сообщений 

https://web.dev/sms-receiver-api-announcement/
4.19K views
Frontend разработчик
Большая коллекция примеров вёрстки распространённых UI-компонентов и раскладок

https://csslayout.io/
5.51K views
Frontend разработчик
https://telegra.ph/Kak-uskorit-kod-revyu-12-24
Telegraph
Как ускорить код-ревью
Представим, что перед вами стоит задача — ускорить процессы код-ревью в компании: сейчас код-ревью занимает сутки, а в плохих случаях и вовсе длится неделями, из-за чего фичи в прод едут медленнее, чем хотелось бы. Что можно с этим сделать? Одним подходом…
4.47K views
Frontend разработчик
Легковесный скрипт Пола Айриша для встраивания видео с YouTube, в ~200 раз быстрее стандартного
https://github.com/paulirish/lite-youtube-embed
4.35K views
Frontend разработчик
https://telegra.ph/Kak-udalit-vse-direktorii-node-modules-12-24
Telegraph
Как удалить все директории node_modules
Директория node_modules занимает довольно много места на жёстком диске, и если вы не работаете активно над проектом, то её можно спокойно удалить — благодаря package.json вы получите те же (или совместимые) версии пакетов через npm install. Но если проектов…
4.06K views
Frontend разработчик
https://css-live.ru/articles/vy-osvoili-azy-javascript-no-chto-dalshe.html
CSS-LIVE
Вы освоили азы JavaScript. Но что дальше?
Перевод статьи So, you learned JavaScript — what now? с сайта christianheilmann.com для CSS-live.ru, автор — Кристиан Хайльман Прежде всего, поздравляю — отличный выбор! JavaScript развился из «игрушечного языка», над которым «тру прогеры» смеялись, в полноценный…
4.21K views
Frontend разработчик
12 хитростей JavaScript, которых вы не найдете в большинстве уроков

https://bookflow.ru/12-hitrostej-javascript-kotoryh-vy-ne-najdete-v-bolshinstve-urokov/
4.71K views
Frontend разработчик
https://medium.com/@stasonmars/fcece0209541
Medium
7 примеров использования CSS переменных
В этой статье вы узнаете о 7 полезных примерах из реальной жизни, в которых CSS переменные будут лучшими помощниками для сохранения вашего…
4.18K views
Frontend разработчик
Решение задач на собеседованиях

- Angular 8 + RxJS. Приложение Органайзер С Нуля (Для Опытных!)
- Разбор задачи на собеседование по VueJS (создание SPA)

https://www.youtube.com/playlist?list=PLqKQF2ojwm3l7NP0SVit92Nljncf9wOyk

#Angular #VueJS
4.31K viewsedited  
Frontend разработчик
https://bookflow.ru/5-veshhej-kotorye-ya-by-hotel-znat-kogda-nachinal-ispolzovat-angular/
bookflow.ru
5 вещей, которые я бы хотел знать, когда начинал использовать Angular
4.25K views
Frontend разработчик
JavaScript: Как сделать 3D обзор предмета?

Turntable.js является отзывчивым слайдер JQuery, который позволит вам вращать через список изображений, как ваши мышь (или палец) зачисток через контейнер. Думайте об этом как FlipBook сделанный с Javascript, а не бумаги. Все, что вам нужно, это набор изображений и JQuery. Это свежая альтернатива типичным защелкиванием к слайду 'JQuery галереи.

GitHub https://github.com/PolarNotion/turntable

Демо https://polarnotion.github.io/turntable/
4.54K views
Frontend разработчик
designpatterns.pdf
515.4 KB
Design Patterns
4.08K views
Frontend разработчик
Топ 5 причин, почему мне нравятся пользовательские свойства CSS
https://bookflow.ru/top-5-prichin-pochemu-mne-nravyatsya-polzovatelskie-svojstva-css/
4.04K views
Frontend разработчик
https://medium.com/web-standards/%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B2-%D0%B2%D0%B0%D1%80%D0%B8%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B5-%D1%88%D1%80%D0%B8%D1%84%D1%82%D1%8B-3f2b6123e1cd?
Medium
Введение в вариативные шрифты
Перевод «An Introduction to Variable Fonts» Jason Pamental
4.53K views
Frontend разработчик
Jest — это восхитительный фреймворк для тестирования JavaScript с акцентом на простоту
Работает с проектами, использующими Babel, TypeScript, Node, React, Angular, Vue и многое другое!

https://jestjs.io/docs/ru/getting-started.html
4.36K views
Frontend разработчик
https://medium.com/maria-machine/charlie-gerard-machine-learning-for-front-end-developers-with-tensorflowjs-9c908fbfa8ec
Medium
Машинное обучение для фронтенд разработчиков с Tensorflow.js
Перевод статьи Charlie Gerard: Machine Learning For Front-End Developers With Tensorflow.js
4.14K views
Frontend разработчик
Все новые советы и рекомендации для ES2019

https://all-markup-news.com/all-the-new-es2019-tips-and-tricks/
3.89K views
Frontend разработчик
Полное руководство по центрированию с помощью Flexbox

https://onextrapixel.com/flexbox-centering-guide/
4.21K views
Frontend разработчик
https://medium.com/@lucyhackwrench/%D0%BD%D1%83%D0%B6%D0%BD%D1%8B-%D0%BB%D0%B8-%D0%BF%D1%80%D0%B5%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D1%81%D1%81%D0%BE%D1%80%D1%8B-%D0%B2-2019-%D0%B3%D0%BE%D0%B4%D1%83-727a856d1443
Medium
Нужны ли препроцессоры в 2019 году
Препроцессоры давно стали неотъемлемым инструментом в арсенале верстальщика. Они дают нам все, что нам нужно: переменные, миксины…
3.62K views
Frontend разработчик
Как подключить и использовать Font Awesome 5

🔗Ссылка на Font Awesome:
https://fontawesome.com/

https://youtu.be/Mdv1idwHj18
YouTube
Как подключить и использовать Font Awesome 5
В этом видео вы узнаете все про иконочный шрифт Font Awesome 5. А именно, как подключить Font Awesome 5 разными способами (CDN, CSS), как его использовать для верстки и веб-дизайна. А также как им пользоваться в Photoshop.

🔗Ссылка на Font Awesome:
https…
3.64K views