Добро пожаловать на наш курс по JavaScript в формате цикла статей! Этот цикл предназначен для тех, кто только начинает изучать JavaScript и не знает, с чего начать. Те, кто хочет углубить свои знания по отдельным темам, также найдут эти статьи полезными.
Что делает этот курс по JavaScript особенным?
Мы предлагаем необычный подход к обучению: вместо стандартного изложения теории мы акцентируем внимание на качественных учебных материалах, которые уже существуют в открытом доступе.
Сегодня существует множество отличных обучающих ресурсов по JavaScript — руководств, статей, книг и видеоуроков, которые можно использовать бесплатно. Однако новичкам бывает сложно найти эти материалы или понять, какие из них действительно полезны. Именно поэтому для каждой темы мы составили и структурировали список учебных метариалов из лучших открытых источников.
Каждый материал сопровождается следующими элементами:
- Список проверенных источников — книги, статьи и учебные материалы для теоретического изучения темы.
- Подборку практических заданий — упражнения, проекты и задания для закрепления знаний на практике.
- Конспект теории — краткое изложение ключевых моментов из разных источников, чтобы можно было быстро освежить знания в будущем.
На кого расчитан этот цикл статей?
Этот цикл подойдет начинающим разработчикам и тем, кто хочет систематизировать или углубить свои знания по JavaScript. Материалы будут особенно полезны для новичков и тех, кто изучал язык самостоятельно, пропуская отдельные темы или изучая их поверхностно.
Как лучше использовать материалы?
- Изучайте материалы из источников — выберите наиболее удобные для вас ресурсы и ознакомьтесь с теорией.
- Практикуйтесь — обязательно решайте задачи и пробуйте применять знания на практике.
- Используйте конспект — возвращайтесь к нему при необходимости освежить знания по теме.
Используемые ресурсы
Для тех, кто хочет перейти к самостоятельному изучению прямо сейчас, ниже представлен список используемых ресурсов.
MDN Web Docs
Это один из лучших ресурсов для изучения JavaScript, предоставляющий обширную документацию, интерактивные руководства и практические упражнения. Основная цель MDN — дать разработчикам полное понимание основ языка и его возможностей. Для работы с MDN не требуется регистрация или установка каких-либо программ. Достаточно открыть сайт, найти нужную статью и сразу приступить к изучению. MDN не только объясняет синтаксис, но и показывает примеры кода с подробными комментариями. Вот ссылка непосредственно на руководство: JavaScript guide
Книга «Вы не знаете JS»
You Don’t Know JS (оригинал), Вы не знаете JS(перевод) — это серия книг по JavaScript, которая помогает глубже понять язык, выходя за рамки базовых знаний. В отличие от большинства учебников, которые фокусируются на поверхностном объяснении и простых примерах, эти книги разбирают концепции языка в деталях. Книги написаны простым и понятным языком, но при этом требуют внимательности и вдумчивого подхода. Для практики рекомендуется самостоятельно повторять примеры из книги и выполнять упражнения.
Freecodecamp
freecodecamp.org – настоящая находка. Тут есть и обучающие видео, и статьи, и даже практические задания, которые проверяются на правильность автоматическими тестами. Но… Он англоязычный, поэтому у кого с английским плохо, придется пользоваться переводчиком. Мы будем пользоваться практическими заданиями, а не теорией, поэтому особых проблем в изучении быть не должно. Но все же описание задачи там на английском, поэтому можем порекомендовать плагин для chrome браузера. Это все тот же google переводчик, но в формате плагина. Выделив что-то на странице, у вас возле мышки появится иконка переводчика, нажав на нее, вы получите перевод. То есть не нужно будет бегать для перевода между вкладками браузера.
Бонус! Если выполнить все задания в рамках раздела JavaScript Algorithms and Data Structures, получите сертификат от Freecodecamp! Это станет отличным дополнением вашего портфолио. В настройках можно посмотреть какие именно упражнения необходимо выполнить для получения сертификата.
Внимание
Freecodecamp обновили программу JavaScript Algorithms and Data Structures и некоторые ссылки на практические задания в наших статьях будут вести на упражнения с пометкой legacy (устаревшее). Следует отметить, что предыдущие упражнения не потеряли актуальность. После обновления изменился редактор, а также метод прохождения заданий. Практическую же пользу можно получить как от старых, так и от новых упражнений. Советуем попробовать все, ведь чем больше практики, тем лучше.
Codepen
codepen.io – с помощью этого онлайн-редактора вы сможете подробно изучить, как работает код. Редактор состоит из 4-х частей, в которых можно писать html, css, js код. В четвертой отображается результат вашей работы. То есть не нужно ничего устанавливать и запускать. Для проверки какого-нибудь кода или своей гипотезы идем в codepen и смотрим на результат выполнения. Если зарегистрироваться на сodepen, появится возможность сохранять работу и делиться ею по ссылке.
Еще момент. Для использования freecodecamp нужно будет зарегистрироваться на нем. Процесс регистрации простой, вводим свою почту, после подтверждаем ее по инструкции в письме. При повторном визите вводим почту, а после – код, который будет выслан в ответ. Советую сделать это прямо сейчас, чтобы потом не терять время, а сразу приступить к выполнению заданий.
Оглавление
Этот цикл статей будет дополняться новыми материалами по мере их готовности. Заглядывайте в блог, чтобы не пропустить свежие публикации, и делитесь обратной связью — это поможет сделать статьи еще лучше.
Ниже представлено оглавление с доступными статьями из цикла. Ссылки будут обновляться по мере выхода новых материалов.
- Введение
- Типы данных в ECMAScript
- Переменные (ожидается)
- Преобразование типов (ожидается)
- Математические операторы (ожидается)
- Операторы для работы со строками (ожидается)
- Операторы сравнения и условное ветвление (ожидается)
- Циклы (ожидается)
- Функции (ожидается)
- Блочная область видимости (ожидается)
- Hoisting (ожидается)
- Объекты (ожидается)
- This (ожидается)
- Object descriptors (ожидается)
- Object prototype. Делегирование поведения (ожидается)
- Массивы (ожидается)
- ES5 and beyond (ожидается)
- Асинхронный код (ожидается)
- Колбеки (ожидается)
- Промисы (ожидается)
- Генераторы (ожидается)
- DOM & BOM (ожидается)
