Основы JavaScript

Что включает курс

• Практические проекты для фронтенда
• Тесты на закрепление материала
• 70 видео-уроков
• Проверка практических работ
• Ревью кода и комментарий от ментора
• Консультации и поддержка в чате курса
• Секретные ссылки на инструменты разработки
• Сертификат об окончании курса

Чему я научусь

• Понимать как работает браузер «под капотом»
• Самостоятельно создавать JS-скрипты
• Понимать синтаксис языка программирования
• Работать в консоли DevTools
• Подключать скрипты к странице
• Создавать интерактивные штуки
• Работать с данными и понимать принципы их обработки
• Уверенно владеть базовыми концепциями программирования

Целевая аудитория

• Новички, которые не программировали, но всегда мечтали
• Дизайнеры, желающие собственноручно собирать прототипы
• Редакторы, выпускающие интерактивные статьи
• Стартаперы, которым нужно разбираться в начинке веб-продукта
• HR-менеджеры, хантящие и собеседующие программистов
• Маркетологи, воплощающие growth hack-фишки на вебсайтах
• Диджитал-артисты, работающие с интернетом как с холстом

Программа

Введение:

• Сфера применения JavaScript
• Иерархия объектов браузера
• Базовый синтаксис JavaScript
• Свойства и методы глобальных объектов
• Понятия алгоритма и скрипта
• Понятие callback

Простые типы данных:

• Информация и данные
• Переменные
• Типы данных
• Логические операторы
• null
• undefined
• Преобразование типов данных

Работа с документом:

• Document Object Model
• Подключение скриптов
• Селекторы элементов DOM
• Управление атрибутами HTML
• Условные выражения
• Тернарный оператор

Интерактивный макет:

• Понятие функции в JavaScript
• Область видимости и контекст
• Стрелочные функции
• События на странице
• Основные виды событий
• Разнообразие синтаксиса

Комплексные данные:

• Объект как тип данных
• Работа с объектами
• Массив как вид объекта
• Работа с массивами
• Цикл while
• Цикл for и его разнообразие

API и ООП:

• JSON-объект
• Основные функции работы с JSON
• Прототип и наследование
• Класс и экземпляр
• Наследуемые классы в ES6