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

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

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

Перед вами найсвіжіший і найактуальніший відео курс з базового програмування мовою Javascript. Мета цього курсу – залити міцний фундамент основ JavaScript, щоб ви змогли зрозуміти його ази і в майбутньому професійно розвиватися в цьому напрямку.

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

– Актуальні стандарти якості: не потрібно перенавчатися після курсу.

– Розуміння повного циклу роботи розробника.

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

– Досвід роботи з дедлайнами та планування роботи.

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

Вступ до програмування.
– Програмування та алгоритми.
– Дані.
– Лінійні алгоритми.
– Розгалужені алгоритми.

Основи JavaScript
– Типи даних.
– Оператори.
– Приведення типів.
– Змінні.
– Функції.
– Умовні оператори.

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

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

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

Складні типи даних.
– Циклічні алгоритми.
– Масиви.
– Об’єкти.

Вбудовані об’єкти.
– document, елемент для роботи з DOM-деревом.
– canvas, елемент для роботи з програмованою графікою.

Розділ 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 Фінал

– Підбиваємо підсумки інтенсиву. Що робити далі.