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

HTML (приблизно 5 днів)

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

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

Основи CSS

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

Створення тегів HTML (наприклад, header, nav)

Інтеграція графіки та підготовка її у Photoshop

Фавікони

Посилання

Внутрішні, зовнішні, телефонні, email-посилання

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

Форми в HTML

Елементи форм

Інтеграція відео та аудіо елементів

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

Відмінності між XHTML та HTML

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

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

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

Основи CSS (близько 5 днів)

Основи Dreamweaver

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

Оформлення тексту за допомогою CSS

Атрибути CSS для оформлення кордонів та інтервалів (відступ, маргіналізація)

Оформлення фону за допомогою CSS

Плаваючі/чіткі основи

Інтервали між стовпчиками за допомогою float

Кольори за допомогою CSS

Clearfix

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

Псевдо-класи (:n-го типу)

Перелік/відображення/посилання псевдокласів

Навігація за допомогою ul/li (горизонтальна/вертикальна)

CSS Flexbox (приблизно 5 днів)

Колонки за допомогою Flex

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

Колонки в колонках за допомогою Flex

Використання кастомних шрифтів (@font-face)

Шрифти за допомогою Dreamweaver

Dreamweaver - Дизайнер CSS

Позиція CSS

Позиції: відносні/абсолютні/фіксовані

Можливості дизайну форм за допомогою CSS

Колірні градієнти CSS

CSS - перехід/трансформація

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

Точки зупинки, область перегляду, медіа-запити

Адаптивний дизайн заголовків та header-img

Елементи зображень в HTML

Мобільна навігація з наведенням

Увімкніть наведення при кліці на мобільних телефонах Apple

Подія кліку через CSS (за допомогою чекбоксу)

Адаптивна навігація по кліку

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

CSS-гармошка (за допомогою перемикачів)

Випадаюче меню для десктопу та мобільних

Різні дизайни

CSS псевдо клас :target

Односторінковий сайт - структура сторінок

Адаптивна навігація з управлінням :target

Переваги односторінкових сайтів

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

Інтеграція додатків

Початок роботи з JavaScript/jQuery

If-then-else

Змінні

Об'єкт даних

Масив Тип даних

ScrollTop

Для циклу

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

Sticky-меню (js/css)

Показати/приховати меню з прокруткою

Використання vh/vw та calc

Обов'язковий відбиток інформації/захист даних

Повідомлення про файли cookie

Font-awesome - бібліотека символів

CSS-фільтр

Змінні CSS

Оптимізація сайту для пошукових систем (SEO)

Об'єктна підгонка - графіка, що заповнює фрейми

CSS анімація

CSS сітка

Grid-шаблони-області

Вступ до фреймворку CSS: Bootstrap

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Локальні сховища: Webstorage, IndexedDB

JSON

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

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

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

Вибір HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Webworker

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

Вступ до

Як це працює

HTTP-запити

Fetch()-API

Веб-сервіси:

- JSON

- XML

Зв'язок з API

NodeJS (приблизно 4 дні)

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

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

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

Тип файлу MD

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

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

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

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

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

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

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

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

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

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

ReactJS:

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

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

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

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

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

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

VueJS:

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

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

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

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

- Користувацькі директиви

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

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

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

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

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

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

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

Декоратори

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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