Розробник веб-дизайну, JavaScript та PHP

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 днів)

Вступ до

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

Інтеграція в HTML-сторінки

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

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

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

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

Блок-схема

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

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

Вступ до середовища розробки (IDE) WebStorm

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

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

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

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

основи

Вибір HTML

Вміст і атрибути

стилізація

Події, об'єкт події, бабблінг

Спостерігач

- Спостерігач перетину

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

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

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

Вступ до

Як це працює

Передумови

HTTP-запити

Об'єкт XMLHttpRequest

Веб-сервіси

- JSON

- XML

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

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

jQuery

Використання jQuery та Ajax у WebStorm

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

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

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

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

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

Методи роботи з масивами, копіювання за посиланням

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

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

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

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

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

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

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

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

Імпорт ES6

Webworker

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

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

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

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

Тип файлу MD

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

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

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

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

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

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

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

ReactJS:

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

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

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

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

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

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

VueJS:

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

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

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

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

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

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

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

Веб-компоненти:

- Переваги та недоліки

- Кастомні елементи, Shadow DOM

- Інтеграція HTML шаблонів та CSS
файлів

- Передача параметрів, слотів, атрибутів

- Створення та виклик кастомних подій

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

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

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

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

Налаштування сучасного середовища розробки

Вступ до Docker для локальної розробки

Огляд інструментів IDE (Visual Studio Code, PhpStorm та ін.)

Робочий процес в Git'і

Синтаксис та основні поняття PHP

Змінні, типи даних, константи

Масиви і рядки (в т.ч. нові функції в PHP 8.x)

Вирази, оператори, керуючі структури

Функції, анонімні функції та закриття

Нововведення PHP 8.x

Об'єднані типи та іменовані аргументи

Вступ до атрибутів

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

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

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

Веб-розробка та інтерактивність (близько 3 днів)

HTTP та обробка форм

GET і POST запити

Робота з файлами cookie та сесіями

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

Динамічний контент та інтерактивність

Виведення динамічного контенту (наприклад, користувацькі форми, розрахункові задачі)

Взаємодія на основі AJAX та JSON

Безпека та обробка помилок

Захист від XSS, CSRF та SQL-ін'єкцій

Логування та налагодження помилок (за допомогою таких інструментів, як Xdebug)

Робота з базами даних (приблизно 4 дні)

SQL та основи баз даних

Основні принципи реляційних баз даних та MySQL

Проектування та нормалізація баз даних

PHP та інтеграція з базами даних

PDO-з'єднання та безпечні SQL-запити

Прості CRUD-операції з MySQL

Введення та виведення вмісту бази даних на веб-сайтах

Бази даних NoSQL та сучасні рішення для зберігання даних

Фреймворки PHP (приблизно 2 дні)

Вступ до сучасних PHP фреймворків

Laravel: вступ, маршрутизація, контролери та представлення

Переваги використання PHP-фреймворків (наприклад, повторне використання коду, безпека, модульність)

Інструменти для сучасної розробки на PHP

Вступ до CI/CD пайплайнів (наприклад, GitHub Actions, GitLab CI)

Використання Docker для розгортання PHP-додатків

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

Планування PHP проекту

Структурування та створення розкладу робіт над проектом

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

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

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

Об'єктно-орієнтоване програмування (близько 5 днів)

Основи ООП в PHP 8.x (класи, об'єкти, методи, властивості)

Розширення властивостей конструктора, атрибути, типи об'єднань

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

Принципи SOLID та ін'єкція залежностей

Юніт-тести з PHPUnit

Обробка та налагодження винятків

Використання сучасного фреймворку (Laravel) (близько 5 днів)

Вступ до Laravel

Шаблони маршрутизації, контролерів, блейдів

Поняття про ORM та міграції баз даних

Розробка RESTful API

Кешування та оптимізація продуктивності

Створення зразка веб-сайту (приблизно 5 днів)

Планування та реалізація сучасного веб-додатку

Інтеграція API та фронтенд-фреймворків

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

Розгортання за допомогою Docker

Робота над проектом, підготовка до сертифікації та складання сертифікаційного іспиту "Сертифікований PHP-розробник" (близько 5 днів)