Найти тему
KARPOV.COURSES | DEV

Бесплатные ресурсы для изучения frontend-разработки

Допустим, вы записались на курс по разработке и хотите ускорить процесс изучения материала. Или вы уже знаете основы, но задаетесь вопросом: откуда брать информацию дальше?
На этот случай мы узнали у тимлида ВК и нашего преподавателя на курсе по frontend Артура Стамбульцяна, к каким ресурсам он сам обращается в работе. Рассказываем о них!

⬥ Учебник по JavaScript от Ильи Кантора

https://learn.javascript.ru/

Подробный учебник по JS на русском. В нем есть все для изучения JS с нуля, но он будет полезен и тем, у кого уже есть опыт. Еще одна ценность этого ресурса: в нем есть практические задачи с ответами. Веб-версия учебника бесплатная, для чтения офлайн можно купить PDF или EPUB.


⬥ CSS-Tricks

https://css-tricks.com/

CSS-Tricks — это большой ресурс, где любой пользователь может написать статью о CSS или веб-разработке в целом. Самые популярные попадают в подборку лучших за месяц, это помогает не пропустить интересные материалы.


⬥ Can I Use

https://caniuse.com/

Иногда встает вопрос поддержки браузерами какой-то технологии, в этом случае Can I use — незаменимый помощник. Удобно, что на сайте можно найти подробный отчет по разным версиям браузеров, а еще количество пользователей, пользующихся конкретным браузером. Это помогает решить, стоит ли использовать технологию.


⬥ CSS Triggers

https://csstriggers.com/

Сервис CSS Triggers показывает, как то или иное свойство влияет на производительность сайта. Иногда это помогает выявить причину, по которой сайт может тормозить.


Web.Dev

https://web.dev/

Web.Dev — это ресурс от Google с материалами по веб-разработке. Он подойдет тем, кто хочет разобраться в сложных темах: здесь подробно разобраны вопросы web-vitals, PWA и доступности.


⬥ Web | Google Developers

https://developers.google.com

Второй сайт со статьями и обучающими материалами от Google. Здесь многое дублируется с
Web.Dev, но есть и оригинальные ценные материалы с разбором всех нюансов (например, про производительность рендера и загрузки).


⬥ MDN Web Docs

https://developer.mozilla.org/

MDN Web Docs был создан сообществом разработчиков под кураторством компании Mozilla. Это огромный ресурс с документацией ко всему, что касается веб-разработки: css, html, js и смежным технологиям.


⬥ Defront

https://t.me/defront

Телеграм-канал — хороший инструмент для тех, кто хочет получать информацию из разных источников, не тратя время на просмотр множества разных сайтов. Здесь публикуются новости из мира frontend, которые необходимы, чтобы оставаться в тренде.