Дорожная карта для бесплатного изучения JavaScript

Президент компании WebFX. Билл имеет более чем 25-летний опыт работы в индустрии интернет-маркетинга, специализируясь на SEO, UX, информационной архитектуре, автоматизации маркетинга и многом другом. Опыт Уильяма в области научных вычислений и образование, полученное в Шиппенсбурге и Массачусетском технологическом институте, послужили основой для MarketingCloudFX и других ключевых проектов WebFX в области исследований и разработок.

Это структурированная коллекция бесплатных образовательных ресурсов по JavaScript, направленных на то, чтобы дать учащимся хорошее понимание языка программирования. Есть много способов решить задачу обучения программированию на JavaScript. Книги, онлайн-курсы, семинары, учебники и блоги по этой теме представлены в изобилии.

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

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

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

Некоторые советы

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

Дайте себе достаточно времени на изучение

JavaScript – сложный язык для правильного изучения.

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

В связи с этим тем более важно понимать фундаментальные концепции языка и лучшие практики разработки, чтобы в случае, если что-то не получается, как должно быть, вы могли легко разобраться в причинах. В процессе обучения будут моменты, когда JavaScript будет настолько раздражать вас, что вы просто захотите сдаться. Вы начнете думать: “Может быть, это не для меня”, или “Я буду придерживаться HTML и CSS”, или “Я ни за что не смогу выучить все это”. JS оказывает такой эффект на всех разработчиков, которым когда-либо приходилось его использовать.

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

Применяйте полученные знания на практике

Что мне больше всего нравится в JavaScript, так это то, что это практический навык. Вы можете использовать его сразу же, независимо от того, на каком уровне вы владеете языком. И очень просто создать среду для экспериментов с кодом: Достаточно иметь текстовый редактор, компьютер и браузер, и можно приступать.

Изучая язык, подумайте о проектах, над которыми вы можете работать и которые дадут вам возможность немедленно использовать полученные знания. Создайте простой калькулятор (например, калькулятор разницы в процентах), генератор случайных чисел, а позже – браузерное приложение на стороне клиента (например, список дел, использующий API Local Storage). Практика делает совершенным.

Дорожная карта бесплатного изучения JavaScript

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

Новичкам

Если JavaScript для вас совершенно незнаком, вам определенно нужно начать с этого раздела. И даже если вы уже профессионал, никогда не помешает ознакомиться с основами.

1. JavaScript Road Trip Part 1

Этот онлайн-курс Code School представляет собой легкое введение в JavaScript: Он охватывает фундаментальные аспекты языка, такие как переменные, выражения и как ссылаться на JS-файлы в HTML. Согласно описанию курса, на его прохождение потребуется около двух часов, но вы можете заниматься в своем собственном темпе. Часть 1 этого курса бесплатна, последующие части – нет.

2. Красноречивый JavaScript

Эта бесплатная онлайн-книга представляет собой подробное объяснение JavaScript и служит в качестве введения в основные концепции программирования. Если вы новичок в мире программирования, в этой книге есть много материала, который необходимо усвоить, поэтому не торопитесь и придерживайтесь ее, потому что результаты будут того стоить.

3. Руководство MDN по JavaScript

Это руководство от Mozilla Developer Network охватывает все, что вам нужно знать для написания кода на JavaScript. Оно предназначено для программистов, которые только изучают этот язык. В нем рассматриваются самые основы, а также темы среднего уровня, такие как закрытие и наследование.

Промежуточный

Следующие учебные ресурсы лучше всего подходят для тех, кто уже хорошо знает JavaScript.

4. Вы не знаете JS [серия книг]

Эта серия книг, опубликованная O’Reilly Media, имеет свои черновики, размещенные на GitHub для всех желающих. Серия охватывает такие темы, как поведение JavaScript при подъеме, делегирование событий/поведения, шаблоны кода и многое другое. Это серия из 5 частей, каждая из которых находится на разных стадиях завершения (некоторые уже опубликованы, другие все еще находятся в черновом варианте):

1. Scope & Closures
2. это и прототипы объектов
3. Типы и грамматика
4. ES6 & Beyond (на момент написания статьи все еще находится на стадии планирования).

Благодаря тому, что за проектом на GitHub следят 450 человек и 35 соавторов, содержание этой серии книг по JavaScript имеет преимущество быть тщательно и публично рассмотренным многими разработчиками.

5. Повторное введение в JavaScript

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

6. JavaScript Garden

Проект JavaScript Garden документирует “причудливые части” JS: В нем содержатся советы по обходу распространенных ошибок программирования на JavaScript и плохой практики кодирования.

Advanced

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

7. Шаблоны JavaScript

Это коллекция популярных шаблонов кода JavaScript для таких распространенных задач, как объявление переменных с помощью одного оператора var и написание эффективных циклов for. Здесь также есть шаблоны jQuery.

8. Трилогия JavaScript [Видео]

Если вы хотите глубоко и подробно обсудить JavaScript, посмотрите эту серию из трех курсов Дугласа Крокфорда, одного из ключевых лидеров и преподавателей в сообществе JavaScript. В первой части рассматривается история JavaScript (первые годы проектирования и разработки языка), а в последнем видео подробно рассматриваются некоторые шаблоны кода JavaScript, например, шаблон синглтон-конструктор. Часть 1: Язык программирования JavaScript Часть 2: Неудобный API – теория DOM Часть 3: Расширенный JavaScript