Фронтенд-разработчик

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

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

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