[HTML Academy] Профессиональный онлайн‑курс JavaScript, уровень 1 [26 мая — 29 июля 2020] (Обновлённый поток)
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
Продлили запись до 22 сентября!
Обновленная программа курса!
Страница курса:
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
Продлили запись до 22 сентября!
Обновленная программа курса!
Введение в программирование.
Раздел 2
Встроенные API
Теоретическая лекцияВторник с 19:00 до 21:00
Разбираемся со сложными типами данных: массивы и объекты. Учимся создавать и управлять ими. Знакомимся со встроенными объектами JavaScript. Выполняем отладку кода.
Параметры функций по умолчанию.
Циклические алгоритмы.
Сложные типы данных.
Раздел 3
DOM
Теоретическая лекцияПятница с 19:00 до 21:00
Пробуем создавать, удалять, перемещать и управлять DOM-элементами. Опишем данные, которые будем отображать на странице, а затем, с помощью шаблонов отрисуем их.
Управление DOM-деревом.
DevTools: возможности Elements для работы с DOM.
Раздел 4
Обработка событий
Теоретическая лекцияПятница с 19:00 до 21:00
Рассмотрим динамическое взаимодействие с пользователем: как сделать так, чтобы страница начала реагировать на ввод текста в формы, нажатие на определённые элементы, прокрутки и прочее. Заодно попробуем сделать страницу более доступной: как добавить правильную работу с клавиатурой и зачем это нужно.
Асинхронность, Event Loop.
События.
Валидация с помощью регулярных выражений.
Стрелочные функции.
DevTools: возможности Elements для работы с событиями.
Раздел 5
Модули
Теоретическая лекцияВторник с 19:00 до 21:00
Обсудим принцип DRY (не повторяйся), и как им пользоваться для того, чтобы писать меньше кода, но при этом делать больше.
Перетаскивание.
Раздел 6
Работа с сетью
Теоретическая лекцияПятница с 19:00 до 21:00
Взглянем на протокол HTTP и инструменты, которые позволяют делать запросы из браузера. Рассмотрим, как меняется взаимодействие пользователя с сайтом при начале работы с сетью, что может пойти не так, и что с этим делать.
Исключения.
Оператор множественного выбора switch.
Протокол HTTP и форматы данных.
Раздел 7
Структуры данных и производительность
Теоретическая лекцияПятница с 19:00 до 21:00
Разберём непопулярную среди фронтенд-разработчиков тему структур данных. Что такое данные, почему у них есть структура, и на доступных примерах посмотрим, как использование структур данных может облегчить разработчику жизнь. Оптимизируем работу с данными и событиями в приложении.
Контекст функций.
Оптимизации производительности.
Сборщики JavaScript
Теоретическая лекцияВторник с 19:00 до 21:00
Познакомимся с такими программами, как сборщики, и узнаем, как они могут облегчить жизнь фронтенд-разработчику.
Что такое сборщик.
Задачи сборщика.
Обзор популярных сборщиков.
Раздел 9
Узкие места в JavaScript
Теоретическая лекцияПятница с 19:00 до 21:00
Посмотрим на особенности JavaScript, которые лучше не забывать учитывать при разработке. Заодно взглянем на дополнительные полезные техники, не разобранные на интенсиве.
- Программирование и алгоритмы.
- Данные.
- Линейные алгоритмы.
- Ветвящиеся алгоритмы.
- Типы данных.
- Операторы.
- Приведение типов.
- Переменные.
- Функции.
- Условные операторы.
Раздел 2
Встроенные API
Теоретическая лекцияВторник с 19:00 до 21:00
Разбираемся со сложными типами данных: массивы и объекты. Учимся создавать и управлять ими. Знакомимся со встроенными объектами JavaScript. Выполняем отладку кода.
Параметры функций по умолчанию.
Циклические алгоритмы.
Сложные типы данных.
- Массивы.
- Объекты.
- Number.
- String.
- Boolean.
- Date.
- Math.
- canvas, элемент для работы c программируемой графикой.
Раздел 3
DOM
Теоретическая лекцияПятница с 19:00 до 21:00
Пробуем создавать, удалять, перемещать и управлять 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).
Раздел 6
Работа с сетью
Теоретическая лекцияПятница с 19:00 до 21:00
Взглянем на протокол HTTP и инструменты, которые позволяют делать запросы из браузера. Рассмотрим, как меняется взаимодействие пользователя с сайтом при начале работы с сетью, что может пойти не так, и что с этим делать.
Исключения.
Оператор множественного выбора switch.
Протокол HTTP и форматы данных.
- XML.
- JSON.
- Объект XMLHttpRequest.
- Обработка ошибок в запросах.
Раздел 7
Структуры данных и производительность
Теоретическая лекцияПятница с 19:00 до 21:00
Разберём непопулярную среди фронтенд-разработчиков тему структур данных. Что такое данные, почему у них есть структура, и на доступных примерах посмотрим, как использование структур данных может облегчить разработчику жизнь. Оптимизируем работу с данными и событиями в приложении.
Контекст функций.
- Ключевое слово this.
- Изменение контекста.
- Выборка.
- Сортировка.
- Фильтрация.
Оптимизации производительности.
- Пропуск кадров — тротлинг (throttle).
- Устранение дребезга — дебаунс (debounce).
Сборщики JavaScript
Теоретическая лекцияВторник с 19:00 до 21:00
Познакомимся с такими программами, как сборщики, и узнаем, как они могут облегчить жизнь фронтенд-разработчику.
Что такое сборщик.
Задачи сборщика.
Обзор популярных сборщиков.
- Webpack.
- Rollup.
- Parcel.
Раздел 9
Узкие места в JavaScript
Теоретическая лекцияПятница с 19:00 до 21:00
Посмотрим на особенности JavaScript, которые лучше не забывать учитывать при разработке. Заодно взглянем на дополнительные полезные техники, не разобранные на интенсиве.
- Необязательные точки с запятой.
- Подвешивание (hoisting) переменных и функций.
- Продвинутые техники программирования.
- Минификация кода.
Страница курса:
https://htmlacademy.ru/intensive/javascriptgoto/post?id=7655486#post-7655486