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

HTML (около 5 дней)

Базовая основа

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

Основы CSS

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

Создание HTML-тегов (например, header, nav)

Встраивание графики и ее подготовка в Photoshop

Фавиконы

Ссылки

Внутренние, внешние, телефонные, mailto ссылки

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

Формы в HTML

Элементы форм

Интеграция видео и аудио элементов

Интеграция YouTube и Google Maps

Различия между XHTML и HTML

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

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

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

Основы CSS (около 5 дней)

Основы Dreamweaver

Варианты интеграции спецификаций CSS (внутренний, внешний, инлайн-стиль)

Оформление текста с помощью CSS

Атрибуты CSS для оформления границ и интервалов (padding, margin)

Оформление фона с помощью CSS

Основы работы с плавающими/прозрачными элементами

Интервалы между колонками с помощью float

Цвета с помощью CSS

Clearfix

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

Псевдоклассы (:nth-of-type)

Псевдоклассы списков/дисплеев/ссылок

Навигация с помощью 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

Цикл For

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

Sticky-menu (js/css)

Показать/скрыть меню с прокруткой

Использование vh/vw и калька

Обязательная печать информации/защита данных

Уведомление о cookie

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

Фильтр CSS

Переменные CSS

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

Object fit - заполнение графики рамкой

CSS-анимация

CSS-сетка

Grid-template-areas

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

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

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

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

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

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

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

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

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

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

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

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