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).
Travis.

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

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

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

Об’єкти JavaScript.

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

Контекст.

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

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

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

ООП.

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

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

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

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

Протокол HTTP.

REST.

Fetch API.

Проміси.

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

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

Cache.
Local Storage.
Web Worker.
Service Worker.