Web-технології Ч.2

Даний курс спрямований на засвоєння мови програмування JS. До кожного пояснення наводяться приклади коду, тренувальні вправи. Для узагальнення знань студентам пропонується реалізувати типові проекти засобами JS. Після завершення курсу студенти мають можливість продовжити своє навчання з розширених можливостей мови JS, вибрати для себе необхідні клієнтські або серверні інструменти розробки та поповнювати своє портфоліо новими проектами.

Мета вивчення дисципліни – засвоєння студентами базових та розширених знань про мову програмування JS, особливості використання JS для побудови клієнтських та серверних додатків.

Ціль дисципліни – набути навичок розробки, тестування та розгортання веб-додатків засобами JS та суміжних технологій.

Завдання:

- доступно та грунтовно подати теоретичний матеріал з мови програмування JS

- навести приклади сучасних рішень та підходів щодо розробки веб-додатків

- формувати знання та вміння самостійного формулювання задач та пошуку рішень

- вміти використовувати оптимальні підходи, типові рішення, суміжні технології

- отримати розуміння можливостей та меж використання мови JS

Студенти отримують такі знання:

змінні, типи даних, оператори керування потоком виконання, умовні конструкції, обробка помилок циклічні конструкції функції, область видимості, об’єкт Math масиви, методи роботи з масивами об’єкти, конструктори об'єктів, прототипи і наслідування, синтаксис класів виконання асинхронних операцій в JS.

Функції зворотного виклику, проміси

Виконання HTTP-запитів з JS. Структура HTTP-запиту: хедери, статус, помилки.

JavaScript в браузері: робота JS з елементами HTML та стилями CSS, обробка подій

Студенти отримують такі вміння: можуть пояснити різницю між змінними let, const, var, що таке стрілкова функція, в чому її особливість обробляти масиви, здійснювати пошук та сортування, способи проходу по масивах працювати з об’єктами та колекціями працювати з JSON-форматом програмно відправляти запити та обробляти відповіді, використання Fetch API обробляти дані форм, отримувати, створювати, модифікувати та видаляти елементи HTML обробляти події миші, клавіатури, прокрутки створювати нескладні веб-застосунки на NodeJS, ReactJS/VueJS

Розділ 1. Вступ Особливості мови: історія, версії, можливості мови. Змінні. Оголошення змінних var, let, const. Область видимості змінних. Робота з типами даних. Перетворення типів даних Оператори та вирази.

Розділ 2. Умовні конструкції. Логічні оператори та логічні вирази. Умовні конструкції if, switch та тернарний оператор. Обробка помилок.

Розділ 3. Функції. Визначення функції і виклик. Аргументи функцій. Стрілкові функції. Область видимості та замикання. Функції setInterval та setTimeout.

Розділ 4. Циклічні конструкції. Циклічні оператори while, do while. Циклічний оператор for. Оператори break та continue.

Розділ 5. Масиви. Оголошення масивів. Класичні задачі на роботу з масивами. Методи масивів.

Розділ 6. Об’єкти та синтаксис класів. Створення об’єктів. Властивості об’єктів. Властивості-методи об’єктів. Конструктори. Прототипи і наслідування. Синтаксис класів в JS.

Розділ 7. JSON. Опис формату JSON. Конвертація з JSON в об’єкт і навпаки.

Розділ 8. Асинхронний JavaScript. Функції зворотного виклику (callback pattern). Проміси, ланцюжок викликів. Використання Fetch API.

Розділ 9. JavaScript в браузері. Об’єктна модель документа DOM (проект “ImageSlider”). Огляд DOM. Методи пошуку елементів в документі. Обробка елементів в документі, робота зі стилями. Створення нових елементів. Огляд подій в JS. Обробка подій миші та клавіатури.

Розділ 10. Розробка серверних додатків на NodeJS. Огляд можливостей платформи Nodejs. Менеджер npm. Створення проекту на Node. Модулі NodeJS. Основні можливості Express для створення серверних NodeJS-застосунків. Маршрутизація та обробка запитів в NodeJS. Шаблонізатор hbs. Проект “WeatherApp”.

Розділ 11. Використання клієнтських JS-фреймворків (ReactJS, VueJS) для розробки проектів (оглядово)

80 балів - практична частина (лабораторні роботи) 10 балів - тестування 10 балів - активність (відвідування, розвязування завдань поглибленого рівня тощо)