Курс Front-end Developer

Ви почнете з основ верстки HTML та CSS. Вивчите JavaScript та фреймворки, а до кінця курсу навчитеся робити веб-сторінки та корпоративні сервіси. Отримаєте досвід роботи в команді та почнете кар'єру веб-розробника.

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

Базовий семестр

• Технології АІ
• Технології АІ для вирішення універсальних задач
• Хмарні технології та бази даних
• Orientation in development: Low-Code та No-Code платформи, Front-End та Back-End

Введення у Web. Структура HTML

• Введення у предмет
• Введення в мову розмітки. Мова розмітки гіпертексту HTML
• Правила запису тегів та їх атрибутів у стандарті HTML5. Синтаксичні відмінності HTML4, XHTML, HTML5
• Основні помилки у записах тегів
• Структура документа HTML5
• Кодування сторінки та meta-теги
• Класифікація тегів: лінійні та блокові
• Модель форматування тексту: заголовки та абзаци. Елементи p, h1..h6. Вирівнювання тексту блокових елементів: атрибут align
• Класифікація тегів: логічне та фізичне форматування
• Практика: створення найпростішої web-сторінки

Форматування за допомогою CSS

• CSS - каскадні таблиці стилів
• Теги без форматування div - блоковий, span - лінійний
• Аналогія HTML та CSS на прикладі лінійних та блокових тегів
• Додаткові властивості CSS для форматування тексту: letter-spacing, line-height, text-intend, text-transform, white-space, word-spacing
• Використання атрибутів class та id для завдання стилів
• Використання зовнішніх CSS-файлів стилів
• Практика: форматування тексту за допомогою CSS
• Створення списків
• Створення вкладених списків
• Форматування списків за допомогою CSS
• Списки визначень: dl, dd, dt
• Управління відступами та полями
• Практика створення списків

JavaScript та бібліотека jQuery

• Введення в JavaScript
• Об'єкт. Масиви. Об'єкт Array. Терміни. Об'єкти String, Date, Math. Введення в об'єкт. Введення в об'єктно-орієнтоване програмування
• Опрацювання подій
• Browser Object Model. Document Object Model
• Форми
• Перевірка достовірності форм. Використання куків
• Малювання за допомогою canvas, підтримка медіа-можливостей
• JSON, AJAX
• ECMAScript 6, ECMAScript 11
• Модульне тестування
• Структурні патерни
• Патерни проєктування
• Патерн MVS
• Принципи проєктування класів Solid
• Введення у jQuery. Події jQuery. Стилі та анімація. Взаємодія із DOM. AJAX та jQuery
• Командна праця. Управління програмними проєктами

Використання фреймворку Angular, React

• NodeJS
• Складання проєктів за допомогою Webpack та інших інструментів
• Angular
• React

Особливості курсу

• Заняття 2 рази на тиждень по 2 пари
• Структурована подача знань
• Підтримка викладачем
• Готовий проєкт для портфоліо
• Підготовка до працевлаштування