JavaScript Професійний курс частина 1

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.

Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.

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

На цьому курсі ви навчитеся робити справжні проєкти, такі ж за рівнем складності, як в індустрії. І робитимете їх правильно, щоб після навчання видавати результат високого рівня, за який компанії готові платити.

— Актуальные стандарты качества: не нужно переучиваться после курса.

— Понимание полного цикла работы разработчика.

— Фундаментальные и структурированные знания необходимых технологий.

— Опыт работы с дедлайнами и планирования работы.

Розділ 1 Знайомство
Розглянемо схему роботи на інтенсиві, які інструменти знадобляться. Почнемо розбирати основи JavaScript.

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

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

Розділ 2 Вбудовані API

Розбираємося зі складними типами даних: масиви та об'єкти, циклічні алгоритми, а також подивимося на вбудовані в JavaScript об'єкти для роботи з вікном браузера, відкритою сторінкою, DOM-елементами та графікою.

Налагодження коду.

Складні типи даних.
— Циклические алгоритмы.
— Массивы.
— Объекты.

Вбудовані об'єкти.
— document, элемент для работы c DOM-деревом.
— canvas, элемент для работы c программируемой графикой.

Розділ 3 DOM

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

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

Підходи до створення DOM-елементів.
— Управление разметкой: insertAdjacentHTML, innerHTML, textContent.
— Создание DOM-объектов.

Шаблонізація.
— Строковая шаблонизация.
— Специальный тег .

Розділ 4 Обробка подій

Розглянемо динамічну взаємодію з користувачем: як зробити так, щоб сторінка почала реагувати на введення тексту у форми, натискання на певні елементи, прокручування та інше. Заодно спробуємо зробити сторінку доступнішою: як додати правильну роботу з клавіатурою і навіщо це потрібно.

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

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

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

Розділ 5 Модулі

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

Перетягування.
— Изменение координат элементов на странице.
— Drag and Drop.

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

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

Розділ 6 Робота з мережею

Поглянемо на протокол HTTP та інструменти, які дають змогу робити запити з браузера. Розглянемо, як змінюється взаємодія користувача з сайтом під час початку роботи з мережею, що може піти не так і що з цим робити.

Винятки.

Оператор множинного вибору switch.

Протокол HTTP і формати даних.
— XML.
— JSON.
— JSONP.
— Объект XMLHttpRequest.
— Обработка ошибок в запросах.

Розділ 7 Структури даних

Розберемо непопулярну серед фронтенд-розробників тему структур даних. Що таке дані, чому у них є структура, і на доступних прикладах подивимося, як використання структур даних може полегшити розробнику життя.

Контекст функцій.
— Ключевое слово this.
— Изменение контекста.

Просунута робота з масивами.
— Управление массивами: вставка и удаление элементов.
— Выборки из массива: slice и filter.
— Сортировка.
— Итераторы по массивам.
— Свёртка массивов: some, every и reduce.

— Оптимизации производительности.
— Оценка эффективности алгоритмов.
— Пропуск кадров — тротлинг (throttle).
— Устранение дребезга — дебаунс (debounce).

Розділ 8 Компонентний підхід

Розберемо просунуту роботу з об'єктами, дізнаємося як можна зручним способом створювати велику кількість однакових об'єктів і навіщо це потрібно.

— Типизированные объекты.
— Функции-конструкторы.
— Прототипы.
— — Цепочки прототипов, наследование.
— Полиморфизм, переопределение методов.

Рефакторинг.

Розділ 9 Вузькі місця в JavaScript

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

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

Розділ 10 Фінал

— Подводим итоги интенсива. Что делать дальше.