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

Изучаем html и css, верстку на flexbox и css grid, разбираем Codestyle и codeguid, БЭМ — методологию. Разбираем адаптацию сайтов под мобильные устройства. Рассматриваем верстку сайтов с помощью фреймворков (на примере bootstrap)

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

В блоке «Веб-дизайн» мы изучаем современные подходы к веб-дизайну, подробно работаем над каждым этапом разработки веб-интерфейсов:
– разрабатываем основу
– разрабатываем информационную архитектуру веб-сайта;
– прототипируем интерфейс;
– визуализируем интерфейс – получаем готовый дизайн-макет сайта.
Для успешной реализации каждого из этапов работы над дизайн-проектом подробно изучаем инструменты Figma и Photoshop.

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

WordPress, являясь одной из самых популярных систем управления контентом (CMS) в мире, широко используется для реализации огромного количества веб-проектов – от простых блогов до интернет-магазинов. Очень многие сайты на сегодняшний день реализуются с использованием данной CMS. Для профессионального разработчика WordPress – это гибкий и мощный инструмент для управления сложными веб-проектами.

В данном блоке мы подробно изучаем работу с WordPress:
– установка и структура системы;
– работа с базой данных;
– создание собственной темы на основе сверстанного проекта;
– создание шаблонов страниц;
– подключение плагинов;
– работа с панелью администратора

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

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

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

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

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

На курсе Backend-разработки на Node.js разбираем темы: асинхронность в Node.js, проектирование API, REST, CRUD, Express.js, работу с базами данных MongoDb и PostgreSQL

Что такое бд и зачем они нужны?
- Реляционные СУБД и язык SQL.
- Нереляционная БД NoSQL.
- Сравнение баз данных SQL (реляционных) и NoSQL (нереляционных).

Проектирование БД , нормальные формы, консистентность данных, отношение между таблицами

MySQL
- Типы данных и типы таблиц в MySQL
- Основные SQL-команды
- Агрегация и сортировка
- Оператор JOIN
- Индексы и Транзакции

MongoDB
- Особенности (понятие коллекции, документов и полей)
- Основные операции (CRUD-операции, фильтрация по полям, sort, skip, limit)
- Aggregation framework

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