[HTML Academy] Профессиональный онлайн‑курс JavaScript, уровень 1 [26 мая — 29 июля 2020] (Обновлённый поток)

[HTML Academy] Профессиональный онлайн‑курс JavaScript, уровень 1 [26 мая — 29 июля 2020] (Обновлённый поток)

Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.


Продлили запись до 22 сентября!

Обновленная программа курса!

Спойлер: Программа курса

Введение в программирование.

• Программирование и алгоритмы.
• Данные.
• Линейные алгоритмы.
• Ветвящиеся алгоритмы.

Основы JavaScript.

• Типы данных.
• Операторы.
• Приведение типов.
• Переменные.
• Функции.
• Условные операторы.

Знакомство с инструментами разработчика – DevTools.

Раздел 2
Встроенные API
Теоретическая лекцияВторник с 19:00 до 21:00

Разбираемся со сложными типами данных: массивы и объекты. Учимся создавать и управлять ими. Знакомимся со встроенными объектами JavaScript. Выполняем отладку кода.

Параметры функций по умолчанию.

Циклические алгоритмы.

Сложные типы данных.

• Массивы.
• Объекты.

Встроенные объекты.

• Number.
• String.
• Boolean.
• Date.
• Math.

Графика.

• canvas, элемент для работы c программируемой графикой.

DevTools: отладка кода в Console и с помощью точек останова.

Раздел 3
DOM
Теоретическая лекцияПятница с 19:00 до 21:00

Пробуем создавать, удалять, перемещать и управлять DOM-элементами. Опишем данные, которые будем отображать на странице, а затем, с помощью шаблонов отрисуем их.

Управление DOM-деревом.

• DOM-дерево: структура.
• Поиск элементов на странице.
• Управление атрибутами DOM-элементов.
• Перемещение элементов в DOM-дереве.

Подходы к созданию DOM-элементов.

• Управление разметкой: insertAdjacentHTML, innerHTML, textContent.
• Создание DOM-объектов.

Шаблонизация.

• Строковая шаблонизация.
• Специальный тег <template>.

Деструктуризация.

DevTools: возможности Elements для работы с DOM.

Раздел 4
Обработка событий
Теоретическая лекцияПятница с 19:00 до 21:00

Рассмотрим динамическое взаимодействие с пользователем: как сделать так, чтобы страница начала реагировать на ввод текста в формы, нажатие на определённые элементы, прокрутки и прочее. Заодно попробуем сделать страницу более доступной: как добавить правильную работу с клавиатурой и зачем это нужно.

Асинхронность, Event Loop.

События.

• Обработчики событий.
• Объект Event, управление событиями.
• Фазы событий и делегирование.
• Клавиатурные события и доступность.

Валидация форм.

Валидация с помощью регулярных выражений.

Стрелочные функции.

DevTools: возможности Elements для работы с событиями.

Раздел 5
Модули
Теоретическая лекцияВторник с 19:00 до 21:00

Обсудим принцип DRY (не повторяйся), и как им пользоваться для того, чтобы писать меньше кода, но при этом делать больше.

Перетаскивание.

• Изменение координат элементов на странице.
• Drag and Drop.

Области видимости функций.

• Области видимости.
• Глобальная область видимости.
• Замыкания.
• Потеря окружения.

Модульность.

• Повторное использование кода, принцип DRY.
• Функции как модули.
• Понятие модуля, виды модулей.
• Инкапсуляция.
• Немедленно выполняющиеся функции (IIFE).

DevTools: отладка кода с помощью Sources.

Раздел 6
Работа с сетью
Теоретическая лекцияПятница с 19:00 до 21:00

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

Исключения.

Оператор множественного выбора switch.

Протокол HTTP и форматы данных.

• XML.
• JSON.
• Объект XMLHttpRequest.
• Обработка ошибок в запросах.

DevTools: работа с сетевыми запросами в Network.

Раздел 7
Структуры данных и производительность
Теоретическая лекцияПятница с 19:00 до 21:00

Разберём непопулярную среди фронтенд-разработчиков тему структур данных. Что такое данные, почему у них есть структура, и на доступных примерах посмотрим, как использование структур данных может облегчить разработчику жизнь. Оптимизируем работу с данными и событиями в приложении.

Контекст функций.

• Ключевое слово this.
• Изменение контекста.

Продвинутая работа с массивами.

• Выборка.
• Сортировка.
• Фильтрация.

DevTools: возможности Performance.

Оптимизации производительности.

• Пропуск кадров — тротлинг (throttle).
• Устранение дребезга — дебаунс (debounce).
  

Раздел 8
Сборщики JavaScript
Теоретическая лекцияВторник с 19:00 до 21:00

Познакомимся с такими программами, как сборщики, и узнаем, как они могут облегчить жизнь фронтенд-разработчику.

Что такое сборщик.

Задачи сборщика.

Обзор популярных сборщиков.

• Webpack.
• Rollup.
• Parcel.

DevTools: отладка кода по source maps (картам исходников).


Раздел 9
Узкие места в JavaScript
Теоретическая лекцияПятница с 19:00 до 21:00

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

• Необязательные точки с запятой.
• Подвешивание (hoisting) переменных и функций.
• Продвинутые техники программирования.
• Минификация кода.

Страница курса:
Скрытая ссылка