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

Інформація про курс:

Вартість: 5 000 грн / міс 

Тривалість курсу: 3 міс (67,5 годин)
Суботні групи: 15 зан х 4,5 годин

Формат навчання: Онлайн / Online  
 

Дата початку курсу:


4 вересня 2021 року 10:00-14: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-компаній.