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

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

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

Курс призначений для тих, хто пройшов "Професійний JavaScript, рівень 1", або для розробників, які бажають підняти свої навички.
Після проходження курсу ви будете впевнено створювати сучасні веб-додатки. Знатимете, як писати код на ES2015 (ES6), вмітимете його тестувати, а також уміло застосовуватимете патерни проектування.

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

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

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

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

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

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

Організаційні питання.

Огляд проєктів.
Схема роботи на інтенсиві.
Нові можливості ECMAScript.

Область видимості.
Оператори let і const.
Рядки-шаблони.
Стрілочні функції.
Параметри функцій за замовчуванням.
Оператор spread і rest.
Деструктуризація.

Розділ 2
Модулі та інфраструктура проєктів
Познайомимося з поняттям модульності та розглянемо, як влаштовані модулі в останніх версіях стандарту ECMAScript. Розберемося зі збирачами модулів: навіщо вони потрібні, як вони працюють і як їх підключити до проєкту. А також дізнаємося, що таке npm-пакети. Навчимося їх встановлювати та керувати ними.

Модулі

Як працюють модулі в ES20xx.
Циклічні залежності.
Структура JavaScript-проекту

node.js, файл package.json, package-lock.json.
Управління проєктом, npm.
npm-сценарії.
Запуск встановлених виконуваних модулів.
Оновлення версій пакетів.
Встановлення залежностей.
Збірка додатка за допомогою webpack.
Карти коду (source map).
Тревіс.

Розділ 3
Структури даних
Дізнаємося, навіщо потрібні структури даних frontend-розробнику і як їх застосовувати у своїх проєктах.

Класичні структури даних.
Структури даних ES2015: Map, Set, WeakMap, WeakSet.
Робота з масивами JS як зі списками .

Розділ 4
Вступ до ООП
Познайомимося з об'єктами в JavaScript. Навчимося створювати, копіювати і застосовувати об'єкти для вирішення практичних завдань. Поговоримо про типізацію і розберемося з магічним контекстом.

Об'єкти JavaScript.

Функції та об'єкти.
Способи створення об'єктів.
Властивості та методи.
Динамічні імена властивостей.
Геттери та сеттери.
Копіювання об'єктів.
Конфігурування об'єктів.
Проксі.
Імутабельність.

Контекст.

Контекст.
Втрата і прив'язка контексту (apply, bind, call).
Контекст стрілочних функцій.
Компонентний підхід.

Об'єктно-орієнтоване програмування.
Які проблеми вирішує.
Особливості ООП у JavaScript.
Класи, типи в JavaScript.
Інкапсуляція.
Інтерфейси.

Розділ 5
Успадкування та поліморфізм
Продовжуємо знайомитися з ООП у JavaScript. Розберемо поліморфізм і успадкування. Попрактикуємося в написанні компонент багаторазового використання.

ООП.

Поліморфізм.
Спадкування і ланцюжок прототипів.
Практика розв'язання задачі.
Зв'язування компонент.

Розділ 6
Датабіндінг - зв'язування даних
На цьому етапі ми встановимо зв'язок між компонентом і структурою даних: оновлення даних у разі зміни стану компонент.

Розділ 7
Зв'язування даних. Продовження
А потім встановимо зворотний зв'язок: оновлення компонентів у разі зміни даних.

Розділ 8
Робота з мережею
Дізнаємося як працює протокол HTTP, що таке REST і REST API. Розберемося з об'єктом Promise і дізнаємося, як він допомагає відправляти й обробляти HTTP-запити. Розберемо, як проєктувати інтерфейси, в яких є асинхронний код так, щоб користувачеві було зручно.

Протокол HTTP.

REST.

Fetch API.

Проміси.

Функції зворотного виклику (callback).
Пекло з функцій зворотного виклику, і як його уникнути.
Обіцянка.

Розділ 9
Офлайн
Дізнаємося, чи є життя без інтернету.

Кеш.
Локальне сховище.
Web Worker.
Сервісний працівник.