Онлайн-курс профессиональной веб-разработки (программа "Web-технологии" 504 часа)

1. Введение в HTML и CSS
Что такое HTML и CSS: Основы веб-разработки, структура HTML-документа, роль CSS в стилизации. Семантическая разметка: Использование семантических тегов для улучшения доступности и SEO. Основные теги HTML: Знакомство с основными тегами.

---

---

2. Основы CSS
Селекторы и свойства. Цвета, шрифты и фон. Модели коробок (Box Model): Понимание отступов (margin), границ (border) и внутреннего отступа (padding).

---

---

3. Верстка с помощью Flexbox
Основы Flexbox: Принципы работы с flex-контейнерами и flex-элементами. Практические задания: Создание адаптивных макетов с использованием Flexbox.

---

---

4. Верстка с помощью CSS Grid
Основы CSS Grid: Понимание сеточной модели, создание сеток и работа с ячейками. Практические задания: Создание сложных макетов с использованием CSS Grid.

---

---

5. Codestyle и Codeguides
Значение кодстайла: Почему важно придерживаться единого стиля кода. Инструменты для проверки стиля.

---

---

6. Методология БЭМ
Что такое БЭМ: Основы методологии БЭМ (Блок, Элемент, Модификатор). Структура классов: Как правильно именовать классы по БЭМ. Практические примеры: Верстка компонентов с использованием БЭМ.

---

---

7. Адаптация сайтов под мобильные устройства
Responsive Design: Принципы адаптивной верстки и медиа-запросы. Mobile First подход: Как проектировать сайты с учетом мобильных пользователей. Практические задания: Адаптация существующих макетов для мобильных устройств.

1. Веб-разработчику сегодня необходимо обладать в том числе компетенциями в области веб-дизайна. Почему это важно? Во-первых, для реализации по-настоящему комплексной и профессиональной работы над сайтом. Полноценный конкурентоспособный продукт можно получить только проработав все возможные аспекты, и дизайн интерфейса в этом играет очень важную роль. Во-вторых, знания, умения и навыки в области веб-дизайна необходимы разработчику в целях максимально эффективной коммуникации со всеми участниками проекта.

---

---

2. В блоке «Веб-дизайн» мы изучаем современные подходы к веб-дизайну, подробно работаем над каждым этапом разработки веб-интерфейсов

---

---

3. Для успешной реализации каждого из этапов работы над дизайн-проектом подробно изучаем инструмент Figma

---

---

4. В результате освоения данного учебного блока курса каждый обучающийся будет владеть современными инструментами прототипирования и визуализации интерфейсов, а также обладать необходимыми теоретическими и практическими знаниями для успешной реализации проектов веб-дизайна.

1. На курсе изучаются основы программирования на 2 языках: PHP и JavaScript. Оба языка изучаются с нуля.

---

---

2. В изучение PHP входит: синтаксис PHP, переменные, операторы, массивы, управляющие конструкции (ветвления и циклы); работа со строками, функции; методы GET, POST, COOKIE; СУБД MySQL.

---

---

3. В изучение Javascript: типы данных и переменные, операторы и выражения, условные выражения, циклы, массивы, функции, объекты, методы в массивах и объектах, строки, регулярные выражения, DOM, jQuery.

Разбираем комплексное продвижение сайта в поисковых системах: SEO и его составляющие (внутреннюю и внешнюю оптимизацию, поведенческие и коммерческие факторы), техническую оптимизацию сайта, контекстную рекламу.

На курсе Front-end разработка на React пишем браузерную часть web-приложения. Разбираем темы: инициализация react-приложения, виртуальный DOM, компоненты, props и states, особенности потока данных, классовые и функциональные компоненты, менеджер состояний Redux, роутинг, redux-thunk middleware и асинхронные экшны и многое другое.

1. Язык JavaScript. Рантаймы исполнения языка: браузер, платформа Nodejs. Установка инструментария для старта. Первый проект. Репозиторий GIT

---

---

2. Разделение кода Nodejs пакета на модули. Разновидности модулей: CommonJS modules, ECMAScript modules

---

---

3. Ввод/вывод данных в Nodejs-приложениях: STDIN, STDOUT, STDERROR. Работа с переменными окружения. IPC (межпроцессное взаимодействие)

---

---

4. Протокол HTTP(S). Создание простого веб-сервера на Nodejs

---

---

5. Создание CRUD API с имитацией базы данных. Основы работы с инструментами Postman и curl

---

---

6. Создание back-end приложения на фреймворке Express. Интеграция в приложение примера front-end кода

---

---

7. Минимально необходимый и пока достаточный функционал Docker и Docker-Compose без погружения в детали или "вынужденное знакомство с Docker".

---

---

8. Подключение базы данных к back-end приложению на фреймворке Express посредством ORM Sequelize

---

---

9. Аутентификация JWT. Добавление аутентификации в back-end и front-end

---

---

10. Проектирование back-end приложения на фреймворке Express. Запуск Full-Stack приложения.

1. Основы реляционных баз данных. Нормализация баз данных. Основы языка SQL

---

---

2. Проектирование реляционной базы данных. Практическое занятие

1. Вспоминаем базу языка

---

---

2. Разбираем особенности использования английского языка в сфере IT

В качестве дипломной работы слушатели создают профессиональный сайт с использованием современных инструментов веб-разработки