Допустим, вы записались на курс по разработке и хотите ускорить процесс изучения материала. Или вы уже знаете основы, но задаетесь вопросом: откуда брать информацию дальше?
На этот случай мы узнали у тимлида ВК и нашего преподавателя на курсе по 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, которые необходимы, чтобы оставаться в тренде.
Бесплатные ресурсы для изучения frontend-разработки
2 ноября 20212 ноя 2021
8
2 мин