Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.
Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.
Перед вами самый свежий и актуальный видео курс по базовому программированию на языке 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 Фінал
— Подводим итоги интенсива. Что делать дальше.
Відгуки
Відгуків немає, поки що.