Как выучить JavaScript, если вы новичок

Вы решили изучать JavaScript, потому что хотите стать Frontend или Backend разработчиком.

Но как вам начать? Какой путь выбрать, чтобы изучать JavaScript эффективно и, по возможности, менее болезненно?

В этом посте я делюсь своим опытом и принципами, как изучать основы JavaScript и оставаться мотивированным в процессе.

Примечание: Основами JavaScript я считаю ключевые слова, типы данных, операторы, переменные, выражения, функции, закрытия, объекты, прототипическое наследование, классы, this, обещания, async/await.

Стивен Кинг – один из моих любимых писателей. Он опубликовал около 61 романа. Многие из них были адаптированы в фильмы и телесериалы.

Когда Кинга спросили в интервью “Как вы пишете?”, он ответил:

Для написания хорошей книги не существует коротких путей или серебряных пуль: вы пишете по одному слову за раз. Он пишет книгу слово за словом, минуту за минутой, час за часом, пока она не будет завершена.

Принцип “шаг за шагом” применим и к изучению языка JavaScript. Не существует коротких путей или серебряных пуль в изучении JavaScript: вам нужно шаг за шагом понять каждую концепцию языка.

2. Учитесь так, как вам нравится

Существует множество способов изучать JavaScript: читать книги, смотреть видеокурсы, посещать freeCodeCamp.

Я предпочитаю учиться по книгам. Книги позволяют мне понимать информацию в тишине, в своем собственном темпе, позволяют перечитывать несколько раз то, что вызывает затруднения.

Для меня поворотным моментом в понимании JavaScript стало прочтение от корки до корки JavaScript: The Definitive Guide (6-е издание). В книге в доступной форме изложены все концепции JavaScript от простых до продвинутых.

Если книги – это ваш конек, я рекомендую следующее:

Недостаточно только прочитать книгу. Вам нужно как-то запомнить информацию. Для закрепления знаний во время чтения я использую следующие приемы.

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

Страница с заметками, которые я сделал при чтении книги “JavaScript: The Definitive Guide”:

Во-вторых, поиграйте с фрагментами кода, которые вы встретите в онлайн-редакторе JavaScript, например, в jsitor или codesandbox.

2.2 Видеокурсы

Видеокурсы имеют то преимущество, что они более интерактивны, чем книги.

Автор курса может объяснить сложные концепции в понятной для человека форме. Кроме того, под руководством автора вы можете практиковаться, создавая реальные приложения.

Список курсов JavaScript для начинающих, которые стоит рассмотреть:

(автор Брэд Траверси) (авторы Кольт Стил и Стивен Грайдер).

Вы также можете изучать JavaScript на freeCodeCamp. Зарегистрируйтесь и выберите курс “Сертификация по алгоритмам и структурам данных JavaScript”.

Во-первых, freeCodeCamp является полным

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

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

4. Не делайте выбор

Долгое время я работал разработчиком, не имея твердого понимания JavaScript. Я черпал информацию из случайных постов, Stackoverflow.

Устав от проблем из-за пробелов в знаниях, я начал читать “JavaScript: The Definitive Guide” в деталях. После того, как я понял особенности JavaScript, с которым у меня так долго были проблемы, я винил себя: почему я не прочитал эту книгу раньше и не избежал всех этих проблем?

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

5. Чистый JavaScript

Особенностью Frontend-разработки, где задействован JavaScript, является обилие UI-библиотек и фреймворков, таких как React, Vue, Angular.

Многие начинающие разработчики совершают ошибку, пропуская основы JavaScript, и сразу переходят к использованию библиотеки пользовательского интерфейса, например React.

Никакая библиотека пользовательского интерфейса или фреймворк не компенсируют плохое знание JavaScript. Если вы плохо знаете JavaScript – вы плохо знаете React.

Намеренно изучите сначала чистые основы JavaScript.

6. Приемы для сохранения мотивации

Говорить легче, чем делать. Вот список приемов, которые помогут вам оставаться мотивированным и повысить эффективность обучения.

6.1 Утренние часы наиболее продуктивны

Утренние часы (с 07:00 утра до 12:00 ночи) наиболее продуктивны для обучения.

Если у вас есть возможность, вставайте рано утром и посвятите изучению JavaScript это время.

6.2 Заканчивайте урок на самом интересном моменте

Иногда, после нескольких десятков глав или уроков, вам бывает трудно мотивировать себя на продолжение обучения.

Я решаю эту проблему, заканчивая текущее занятие на самом интересном моменте. Таким образом, у меня появляется интерес, чтобы начать в следующий раз.

Вы готовы стать разработчиком JavaScript? Найдите свою книгу или курс и начинайте уже сегодня!

Ведение заметок при изучении JavaScript