Frontend розробник та Scrum майстер (PSM II)

HTML та CSS (близько 6 днів)

Вступ до HTML

Базовий фреймворк

Теги для створення тексту (h1-h6, p, br, span)

Команди форматування тексту

Інтеграція графіки

Посилання (внутрішні, зовнішні, телефон, mailto link)

Фавікони

Списки та таблиці

Правильна структура синтаксису

Перевірка за допомогою інструменту валідації W3C

Вступ до CSS

Варіанти інтеграції специфікацій CSS (внутрішній, зовнішній, вбудований стиль)

Основні команди (оформлення тексту, колір шрифту, колір фону)

Контейнери HTML

Використання та стилізація контейнерів

Інтеграція YouTube та Google Maps

Відео та аудіо плеєр

Об'єктна адаптація

VS Code (приблизно 1 день)

Вступ до VS Code

Додаткові розширення для VS Code. (наприклад, Live Server, Emmet Commands, Copilot (AI))

Використання ШІ в поєднанні з VS Code

Техніки макетування (близько 4 днів)

Класи, ідентифікатори, селектори

Ознайомлення з моделлю вставки

Відступи, поля, рамки, рамки-радіуси та їх скорочення

Вступ до Flex-Box

Макети з флекс-боксом

Вирівнювання за допомогою Flexbox

Вступ до системи Grid

Макети з сіткою

Вирівнювання за допомогою системи сітки

Плаваючий текст навколо зображень за допомогою float і clear

Загальні властивості відображення тегів

Фонові зображення

Статуси та значення (приблизно 1 день)

Введення псевдокласів (hover, active, focus, nth-child, first-child, last-child)

Псевдоелементи (::before, ::after, content)

Специфіка (значення кодів)

Позиціонування (приблизно 2 дні)

Вступ до позиціонування

Статичне, абсолютне, фіксоване, липке, відносне

Ліворуч, праворуч, зверху, знизу, z-індекс

Меню, що випадають

:target

:target у поєднанні з меню навігації та модальностями

Форми (приблизно 2 дні)

Вступ до бланків

Набір полів, легенда

Вхідні дані, текстові області, мітки, значення, ім'я, вибірки

Автозаповнення

Дизайн форм за допомогою CSS

Інтеграція php-скрипту в дії зі штучним інтелектом

Ефекти та шрифти за допомогою CSS (приблизно 1 день)

Ефекти переходу CSS

Перехід, фільтр, трансформація

Колірні градієнти, тінь від поля, тінь від тексту

Інтеграція шрифтів з @font-face

Адаптивний веб-дизайн (близько 2 днів)

Вступ до адаптивного дизайну

Медіа-запити, точки зупинки

Пейзаж, портретний режим

Адаптивні зображення з наборами зображень та srcsets

Редагування зображень, стиснення зображень

Створення зображень за допомогою штучного інтелекту

Пошукова оптимізація (приблизно 1 день)

Вступ до SEO

Оптимізація на сторінці та використання текстів, згенерованих штучним інтелектом

Оптимізація продуктивності для покращення SEO та презентація відповідних інструментів

Техніки та взаємодія CSS (близько 2 днів)

Змінні CSS

Темний режим

Обчислення за допомогою CSS

Вступ до CSS анімації

Тривалість, затримка, напрямок, функція таймінгу, кількість ітерацій, режим заповнення

Анімована кнопка бургера

Односторінковий сайт та багатомовність (приблизно 2 дні)

Вступ до односторінкових сайтів

Плавна прокрутка

Інтеграція бібліотеки fontawesome

Робота з графікою SVG

Інтеграція шарів та налаштування CSS

Багатомовні сайти

Розширення та фреймворки (приблизно 1 день)

Вступ до Bootstrap

Використання компонентів Bootstrap

Адаптивний дизайн за допомогою Bootstrap

JavaScript (близько 3 днів)

Вступ до JavaScript

Методи JavaScript/jQuery

Створення jQuery Lightbox

Змінні

Оператори If-else

Прокрутка, вікно, зміна розміру

масиви

Цикл For-loop

Математичний об'єкт

Законодавчі вимоги та управління проектами (близько 2 днів)

Інтернет-право

Авторські права щодо ШІ/КІ

Доступність

Управління проектами

Робота над проектом (близько 10 днів)

Закріплення вивченого матеріалу

Презентація результатів проекту

Основи JavaScript (близько 7 днів)

Вступ до JavaScript, історія, сфери застосування

Версії сценаріїв ECMA

Інтеграція JavaScript в HTML

IDE: встановлення та знайомство з WebStorm

Елементи мови: змінні, константи, типізація

Примітивні типи даних: Число, рядок, логічний тип

Колекційні типи даних: Масиви, об'єкти

Копіювання за посиланням та копіювання за значенням

Арифметичні та логічні оператори

Керуючі структури: умови, цикли, функції

Область видимості, глобальна область видимості, область видимості блоку

Обробка помилок

Локальне сховище: файли cookie, веб-сховище

JSON

Імпорт/експорт ES6

Контроль версій за допомогою Git, вступ до GitHub

Маніпуляції з DOM за допомогою JavaScript (близько 5 днів)

Вибір HTML

Вміст, атрибути та стилізація

Події, об'єкт події, бульбашки

Спостерігач перетину та спостерігач мутацій

Створення, копіювання, переміщення та видалення DOM-елементів

Фреймворки/бібліотеки (приблизно 1 день)

Створіть власну бібліотеку

Штучний інтелект (близько 1 дня)

Презентація конкретних технологій ШІ в професійному середовищі

Штучний інтелект (ШІ) в робочому процесі

Інтеграція ШІ в IDE

Використання ШІ для доповнення коду, рефакторингу та підтримки навчання

Робота над проектом (близько 6 днів)

Закріплення вивченого матеріалу

Презентація результатів проекту

Спеціалізація JavaScript (близько 5 днів)

Полотно, малювання, анімація

Розширений синтаксис, деструктуризація

Створення об'єктів за допомогою конструкторів, класів, фабрик

Спадкування класів

Геттери та сеттери, статичні методи

Поля, приватні поля

Прототипування

Зіставлення та множини типів даних

Обіцянки, конкатенація, синтаксис async-await

Webworker

Розширене зберігання даних з IndexedDB

Ajax (приблизно 1 день)

Вступ до

Як це працює

HTTP-запити

Fetch()-API

Веб-сервіси: JSON та XML

Спілкування з API

NodeJS (близько 4 днів)

Структура та встановлення

Вбудовані модулі, кастомні модулі, NPM

Завантаження на NPM

Тип файлу MD

Створення веб-сервера (Express)

Власне проміжне програмне забезпечення

Синтаксис вибірки для Ajax-запитів

Завантаження файлів на сервер

Спілкування в реальному часі з веб-сокетами

Зв'язок з базою даних noSQL

Створення власних REST API за допомогою Express

Кінцеві точки API: Обробка GET, POST, JSON

Розуміння хостингу (наприклад, виділені сервери, керований хостинг, хмарний хостинг)

Односторінковий додаток React JS (приблизно 1 день)

Вступ, теоретичний розгляд, встановлення

Віртуальний DOM

Вирази, хук стану, хук ефекту

Компоненти, вкладеність, передача параметрів

Користувацьке введення, оновлення контенту, слухач подій

Маршрутизація

Односторінковий додаток VueJS (приблизно 1 день)

Вступ, теоретичний розгляд

Віртуальний DOM

Інтеграція, вирази, директиви

Слухачі подій, прив'язка даних, методи

Власні директиви

Компоненти, вкладеність

Маршрутизація

TypeScript (приблизно 2 дні)

Встановлення та застосування

Статична типізація

Динамічні типи даних

Складні типи даних

Декоратори

Робота над проектом (близько 6 днів)

Закріплення вивченого матеріалу

Презентація результатів проекту

Консолідація фреймворку Scrum (приблизно 2 дні)

Принципи, цінності та правила Скраму

Ролі та артефакти в скрам фреймворку

Події Scrum (наприклад, мета спринту)

Вимірювання та метрики в Scrum

Значення "Готово" для інкрементів продукту

Лідерство служіння (приблизно 2 дні)

Лідерство служіння в найкращому вигляді!

Самоорганізація та особиста відповідальність

Підтримка скрам-команди, власника продукту та організації

Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі

Складні ситуації та виклики (близько 4 днів)

Аналіз та вирішення конфліктів у команді

Робота зі складнощами та усунення перешкод (перешкод)

Розуміння викликів керівників середньої ланки

Застосування Scrum у складних та реальних ситуаціях

Навички та техніки коучингу (близько 3 днів)

Методи та інструменти для ефективного коучингу команд

Техніки фасилітації

Техніки співпраці

Надання конструктивного зворотного зв'язку

Підтримка процесу розвитку

Організаційний розвиток та зміни (близько 4 днів)

Вплив Scrum на організаційну структуру

Методи просування змін в організації

Впровадження змін та підтримка в середовищі Scrum-команди

Робота над проектом, підготовка до сертифікації та сертифікація Scrum.org Professional Scrum Master (PSM II) англійською мовою (близько 5 днів)