Програмування для фронтенда. Основи JavaScript

Інформація про курс:
Тривалість курсу: 3 міс (67,5 годин)
Суботні групи: 15 зан х 4,5 годин
Дата початку курсу:
13 березня 2021 року 15:00-19:30
(заняття проходять по суботах)
Ми вчимо думати на javaScript, писати код просто і красиво.
Пройшовши навчання з основ JavaScript ви:
- вивчите основи програмування
- навчитеся як писати алгоритми з нуля, так і користуватися властивостями нативного JS
- навчитеся думати на JavaScript і писати красивий код
- навчитеся створювати архітектуру веб-сайтів
- освоїте створення інтерактивних веб-сторінок
- отримаєте практику написання популярних скриптів
- зможете допрацьовувати готові програми на JavaScript
- познайомитеся з типовими завданнями співбесід
Вимоги до слухачів: впевнене користування ПК знання, основ HTML, CSS.
Інструментарій розробника
IDE (VS Code) та редактори коду. Налагодження в браузерах, Chrome devtools. Контроль версій git.
Основи нативного javaScript ES5 / vanilla js
JavaScript як С-подібна мова програмування. Стандарти ES5 / ES2015 (ES6) / ES7. Правила синтаксису і оформлення коду. Змінні і типи даних. Перетворення типів. Масиви: прості і асоціативні, одномірні і багатовимірні. Рядки. Об'єкт Math. Об'єкт Date (робота з датою і часом). Оператори. Конструкції: умов, циклів, перемикання, управління циклом, обробки винятків.
Функціональне (процедурне) програмування
Оголошення функцій і їх виклик. Передача даних всередину функцій, формальні і фактичні параметри, повернення результату і його використання. Форвардинг, позичання та делегування функцій. Рекурсія. Функціональні вирази. Анонімні функції
Основи ООП
Реалізація об'єктно-орієнтованого програмування (ООП) в JavaScript, контекст this. Прототипна і функціональне ООП.
Регулярні вирази
Перевірка форм, Регулярні вирази
Об'єктні моделі: DOM, BOM
Об'єктна модель браузера (BOM): window, navigator, document, history, location, navigator, screen, event. Об'єктна модель документа (DOM). Робота з елементами на сторінці: пошук, управління елементами на сторінці, створення, видалення DOM-елементів. Шаблони. Таймери setTimeout, setInterval, setImmediate. Робота з Canvas. Обробка подій: фази події, делегування, використання об'єкта Event, множинні обробники подій. Доступ до елементів сторінки, нативні JS-об'єкти HTML-елементів.
AJAX
Асинхронність. Принцип роботи AJAX, XMLHttpRequest. JSON.
Бібліотека jQuery
Структура коду, чейнінг. Ефекти плавності в відображенні елементів на сторінці. Обробка подій на клієнтської частини за допомогою jQuery. Робота з наборами елементів each (). Види подій, інформація про них і управління ними. Маніпуляції з елементами, обхід дерева.
Практична робота
Навчальний проект - повнофункціональний інтерфейс веб-додатки з використанням розглянутих можливостей на vanilla js. В ході курсу розглядаються приклади тестових завдань відомих it-компаній.