Привет, Хабр! Я Лена Райан, фронтенд-разработчик в Х5 Tech. Решила поделиться с вами подборкой ТОП-10 проверенных зачётных онлайн-ресурсов по фронтенду, которые будут полезны как новичкам, так и желающим подтянуть свои знания по этой теме. Подборка подойдёт также тем, кто только недавно пришёл в IT или в профессию фронтендера и хочет понять, с какой базы им начать.

1. FreeCodeCamp (https://www.freecodecamp.org/).

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

2. HTML Academy (https://htmlacademy.ru/).

Курсы, про которые слышал почти каждый веб-разработчик. Есть как платные курсы по разным направлениям веба, так и бесплатные тренажёры, чтобы новичок мог понять на небольшой практике, хочет ли он учиться дальше. Во время курсов студенты выполняют учебные проекты и получают помощь наставника. Лучшие студенты могут попасть на стажировку в Лигу А.

3. Hexlet (https://ru.hexlet.io/).

Онлайн-школа программирования, про которую я смело могу сказать, что они “свои ребята”. Представители школы общаются в Твиттере и проводят на Ютубе публичные собеседования. На сайте школы есть большое число бесплатных курсов по фронтенду, бэкенду и темам около веба, но также есть и платные, о которых я не слышала ни одного негативного отзыва.

4. Udemy (https://www.udemy.com/).

Пожалуй, самый популярный ресурс в своём роде с огромным количеством разнообразных курсов, которые часто можно купить по очень привлекательной цене, благодаря скидкам. Перед покупкой можно почитать отзывы и решить, подходит вам выбранный курс или нет.

5. MDN | Mozilla Developer Network (https://developer.mozilla.org/ru/).

Популярная документация по веб-технологиям — HTML, CSS, JS и доступности. На мой вкус — не всегда текст написан понятно, иногда приходится искать объяснение на других ресурсах. Здесь не все страницы переведены на русский язык, и порой статья представляет из себя микс абзацев на русском и английском. Но каждый может прийти и поучаствовать в локализации MDN.

6. DOKA (https://doka.guide/).

Совсем молодая документация по вебу и вспомогательным инструментам, написанная понятным человеческим языком, руку к которой приложил сам Вадим Макеев. Один из первых ресурсов, куда я иду, чтобы повторить ту или иную тему. Из интересного — сейчас это опенсорс, то есть каждый желающий может написать статью или совет в этот справочник. А ещё там дизайн красивый.

7. Современный учебник JavaScript (https://learn.javascript.ru/).

Постоянно обновляющийся онлайн-учебник по JavaScript, начиная с самых азов и заканчивая продвинутыми темами и тонкостями работы языка. В конце почти каждой главы есть задачи на закрепление материала.

8. You Don’t Know JS (https://github.com/azat-io/you-dont-know-js-ru)

Серия Кайла Симпсона из шести книг, объясняющая тонкости и механизмы JavaScript (в народе – «кишочки»). На данный момент первое издание полностью завершено, а на Гитхабе можно почитать книги в переводе на русский язык. Второе обновлённое издание находится в процессе написания. Одна из самых уважаемых книг по JS среди фронтендеров.

9. Документация фреймворка.

При изучении фреймворков лучшим источников знаний будет, конечно же, документация этих фреймворков. Ведь никто не знает Реакт или Вью лучше, чем их создатели. Иногда документация даже бывает переведена на русский язык.

10. Чаты фронтенд-сообществ.

Нетворкинг — очень важная часть обучения. То, что вы не смогли нагуглить, вам может подсказать кто-то из участников того самого чата фронтендеров. Кроме знаний, вы получаете общение, профессиональный юмор и новые полезные знакомства. Вот несколько примеров самых известных чатов:

https://t.me/natti_jun_front_chat

https://t.me/webstandards_chat

Бонус №1: Индусы с YouTube.

Наши лучшие друзья. Часто именно они могут лучше всех объяснить концепцию Event Loop, Promise или функций для работы с массивами. Какие конкретно индусы? Да любые! Вы меня поймёте через несколько месяцев просмотров обучалок на Ютубе ;)

Бонус №2: Rutracker.

Очень плохой способ. Пиратство — это вообще ужасно, ведь любой труд должен быть оплачен. Но если вы честно хотели заплатить за курс, но не смогли, то что ж… Вы же пытались, правильно?