Вивчення основ JavaScript на практичних прикладах створення динамічних елементів сторінки.

Цей курс – це другий етап повного курсу  FullStack Web Developer.

Обов’язкова вимога: Знання основ HTML5 і CSS3

Програма курсу:

1 заняття: Основи мови JavaScript

• Змінні
• Типи даних
• Приведення типів
• тривіальні типи
• Оператори
• Оператори інкремента й декремента
• Цикл while
• Цикл do while
• Цикл for
• Керуючі конструкції if – else if – else
• Мітки
• Переривання і продовження циклу
• Керуюча конструкція switch

2 заняття: Функції

• Робота з математичними функціями
• Способи оголошення функцій
• Область видимості
• Анонімні функції й замикання
• Рекурсія

3 заняття: Обробка помилок і налагодження

• Консоль і dev tools
• Обробка помилок
• Порядок виконання коду
• error object
• workflow налагодження

4 заняття: Структури даних: об’єкти й масиви

• Властивості об’єкта
• Методи об’єкта
• Методи функцій
• Робота з рядками
• Робота з масивами

5 заняття:

• Document Object Model (DOM) — об’єктна модель документа.
• Робота з елементами HTML сторінки
• структура документа
• вибірка елементів документа
• навігація по вузлах документа
• створення, вставка й видалення вузлів
• html-форми

6 заняття: Події

• як працює механізм подій
• робота з обробниками подій
• події завантаження документа
• події миші
• події клавіатури

7 заняття: Дата й таймери

• Робота з датами
• Робота з таймерами

8 заняття: Browser object model (BOM — об’єктна модель браузера)

• об’єкт window (history, location, navigator, screen)
• адреса документа й навігація по ньому
• історія відвідувань
• інформація про браузер і про екран (Navigator, Screen)
• діалоги
• iframes

9 заняття: Основи jQuery

• Селектори
• Робота з подіями jQuery
• Маніпуляції з DOM
• Зміна властивостей та атрибутів

10 заняття: jQuery Плагіни

• Ефекти й анімація бібліотеки jQuery