Веб-дизайн, JavaScript и PHP-разработчик

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 дней)

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

Вводная модель коробки

Padding, margin, border, border-radius и их сокращения

Введение в Flex-Box

Макеты с флексбоксом

Выравнивание с помощью Flexbox

Введение в систему сеток

Макеты с сеткой

Выравнивание с помощью системы Grid

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

Общие свойства отображения тегов

Фоновые изображения

Состояние и значения (около 1 дня)

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

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

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

Позиционирование (около 2 дней)

Введение в позиционирование

Статическая, абсолютная, фиксированная, липкая, относительная

Слева, справа, сверху, снизу, z-index

Выпадающие меню

:target

:target в сочетании с навигационными меню и модалами

Формы (около 2 дней)

Введение в формы

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

Ввод, текстовые поля, метки, значения, имя, выбор

Автозаполнение

Дизайн форм с помощью CSS

Интеграция php-скрипта в действие с AI

Эффекты и шрифты с помощью CSS (около 1 дня)

Эффекты перехода CSS

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

Цветовые градиенты, box-shadow, text-shadow

Интеграция шрифтов с помощью @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

Переменные

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

Прокрутка, окно, изменение размера

массивы

For-loop

Математический объект

Юридические требования и управление проектами (около 2 дней)

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

Авторские права в связи с AI/KI

Доступность

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

Работа над проектом (около 10 дней)

Закрепление изученного материала

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

Основы JavaScript (около 7 дней)

Введение в JavaScript, история, области применения

Версии скриптов ECMA

Интеграция JavaScript в HTML

IDE: установка и знакомство с WebStorm

Элементы языка: переменные, константы, типизация

Примитивные типы данных: Число, Строка, Булево

Коллекционные типы данных: Массивы, объекты

Копирование по ссылке и копирование по значению

Арифметические и логические операторы

Управляющие структуры: условия, циклы, функции

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

Обработка ошибок

Локальное хранение: куки, веб-хранилище

JSON

Импорт/экспорт ES6

Контроль версий с помощью Git, знакомство с GitHub

Работа с DOM с помощью JavaScript (около 5 дней)

Выбор HTML

Содержание, атрибуты и стилизация

События, объект события, пузырьки

Наблюдатель пересечений и наблюдатель мутаций

Создание, копирование, перемещение и удаление элементов DOM

Фреймворки/библиотеки (около 1 дня)

Создание собственной библиотеки

ИИ (около 1 дня)

Презентация конкретных технологий ИИ в профессиональной среде

Искусственный интеллект (ИИ) в рабочем процессе

Интеграция ИИ в IDE

Использование ИИ для завершения кода, рефакторинга и поддержки обучения

Работа над проектом (около 6 дней)

Закрепление изученного материала

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

Специализация по JavaScript (около 5 дней)

Холст, рисование, анимация

Синтаксис спреда, деструктуризация

Создание объектов с помощью конструкторов, классов, фабрик

Наследование классов

Геттеры и сеттеры, статические методы

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

Прототипирование

Типы данных Map и Set

Обещание, конкатенация, синтаксис 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 дней)

Закрепление изученного материала

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

Основы разработки на PHP (около 5 дней)

Настройка современной среды разработки

Знакомство с Docker для локальной разработки

Обзор инструментов IDE (Visual Studio Code, PhpStorm и т. д.)

Рабочий процесс Git

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

Переменные, типы данных, константы

Массивы и строки (включая новые функции в PHP 8.x)

Выражения, операторы, управляющие структуры

Функции, анонимные функции и закрытия

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

Союзные типы и именованные аргументы

Введение в атрибуты

Composer и управление пакетами

Стандарты PSR

Искусственный интеллект (ИИ) в рабочем процессе

Презентация конкретных технологий ИИ

и возможного применения в профессиональной среде

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

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

Запросы GET и POST

Работа с cookies и сессиями

Валидация и обеззараживание пользовательского ввода

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

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

AJAX и взаимодействие на основе JSON

Безопасность и обработка ошибок

Защита от XSS, CSRF и SQL-инъекций

Регистрация и отладка ошибок (с помощью таких инструментов, как Xdebug)

Работа с базами данных (около 4 дней)

Основы SQL и баз данных

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

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

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

Подключение PDO и безопасные SQL-запросы

Простые операции CRUD с MySQL

Ввод и вывод содержимого баз данных на веб-сайтах

Базы данных NoSQL и современные решения для хранения данных

Альтернативное хранение данных с помощью Redis (кэширование, сессии)

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

Введение в современные PHP-фреймворки

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

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

Инструменты для современной PHP-разработки

Введение в конвейеры CI/CD (например, GitHub Actions, GitLab CI)

Использование Docker для развертывания PHP-приложений

Классификация архитектур: монолит против микросервисов

Подготовка и планирование проекта (около 2 дней)

Планирование PHP-проекта

Структурирование и составление графика работы над проектом

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

Закрепление изученного материала

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

Объектно-ориентированное программирование (около 5 дней)

Основы ООП в PHP 8.x (классы, объекты, методы, свойства)

Продвижение свойств конструктора, атрибуты, типы объединения

Наследование, полиморфизм, интерфейсы, черты

Введение в паттерны проектирования (фабрика, стратегия)

Принципы SOLID и инъекция зависимостей

Модульные тесты с PHPUnit

Обработка исключений и отладка

Использование современного фреймворка (Laravel) (около 5 дней)

Введение в Laravel

Маршрутизация, контроллеры, модели, шаблоны лезвий

Eloquent ORM и миграция баз данных

Разработка RESTful API

Кэширование и оптимизация производительности

Создание команд Artisan

События, слушатели и вещание (Laravel Echo)

Очереди и задания (+ Laravel Horizon)

Уведомления и почта

Sanctum + Passport (Token-Auth для SPA и API)

Ресурсы API и ограничение скорости

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

Планирование и реализация современного веб-приложения

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

Отзывчивый дизайн с помощью Tailwind CSS или Bootstrap

Развертывание с помощью Docker

Работа над проектом, подготовка к сертификации и сертификационный экзамен "Сертифицированный PHP-разработчик" (около 5 дней)