Вивчення основ 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
