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

О курсе

Курс профессиональной веб-разработки (программа "Web-технологии", 504 часа) направлен на подготовку разработчиков для IT-компаний. В качестве преподавателей на курсе выступают эксперты из IT-компаний, а также преподаватели-практики ННГУ.

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

Курс включает 2 семестра. В первом, слушатели изучают верстку, веб-дизайн, основы программирования JavaScript, React и продвижения сайтов. Во втором семестре изучаются профессиональные инструменты веб-разработки (PHP, Node.js, и т.д.). В процессе обучения Вы выполняете индивидуальные и командные проекты, работая над различными задачами веб-разработки.

Занятий первого семестра проходят в основном очно (плюс параллельно онлайн), часть занятий во втором семестре проходят онлайн. По окончании курса лучшие выпускники получат возможность пройти стажировку или трудоустроиться в IT-компании Нижнего Новгорода, либо выбрать траекторию развития по собственному усмотрению.

Что мы изучаем на курсе

1 семестр

Курс верстки сайтов

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 подход: Как проектировать сайты с учетом мобильных пользователей. Практические задания: Адаптация существующих макетов для мобильных устройств.

Курс веб-дизайна (Figma)

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

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

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

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

Курсы по основам веб-программирования (JavaScript)

1. На курсе изучаются основы программирования на JavaScript. Язык изучается с нуля.

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

Продвинутый курс Frontend-разработки

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

Курс интернет-маркетинга

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

2 семестр

Курсы по основам программирования PHP

1. На курсе изучаются основы программирования на PHP. Язык изучается с нуля.

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

Продвинутый курс Backend-разработки

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

Итоговый проект

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

Преподаватели

Исаев Никита

Frontend developer компании SOUNDSTREAM.

Бурова Маргарита

Project Manager, IT-компания "Lad". Преподаватель кафедры информационных технологий и инструментальных методов в экономике ИНЭК Университета Лобачевского.

Беспалько Анна

Кандидат пед. наук, доцент кафедры информационных технологий и инструментальных методов в экономике ИНЭК Университета Лобачевского.

Свинцова Наталья

UI/UX-дизайнер, опыт работы в IT - 15 лет.

Третьякова Алёна

Frontend-разработчик, опыт работы в IT - 12 лет.

Слугин Владимир

FullStack-разработчик. Начальник вычислительного центра Нижегородского радиотехнического колледжа. Занимается разработкой с 2017 года.

Куликов Дмитрий

Fullstack-разработчик, ООО «Студия Т_Г».

Абросимова Анна

Преподаватель Университета Лобачевского, к.э.н., доцент, автор программы «Профессиональный интернет маркетинг» на ФПК ННГУ, маркетолог-аналитик с 2009 года.

Стажировка

Отзывы

Брантов Даниил

На курсе мне всё понравилось. Понравилась работа преподавателей. Не могу выделить кого-либо конкретно из них, так как у каждого из них есть свой, разный подход к обучению, но при этом занятия проходили в понятном ключе. Программа очень насыщенная для отведенного ей времени. Желательно бы увеличить продолжительность обучения или немного сжать объем материала. Знания, полученные на программе, очень пригодились. Как раз сейчас работаю в этом направлении и продолжаю развиваться. Благодаря дипломному проекту, выполненному в рамках данного курса удалось найти работодателя! Поэтому, можно сказать, что обучение на данном курсе помогло с трудоустройством.

Хмелев Дмитрий

Курс был интересным, есть, что изучать дальше и как развиваться в дальнейшем. Из преподавателей хотелось бы выделить Алексея Широкова, так как он объяснял весь материал максимально широко. К сожалению, с трудоустройством обучение на программе пока не помогло. Буду повторно изучать материалы по данному курсу и развиваться дальше в этом направлении.

Мордашов Александр

Оцениваю курс по пятибалльной шкале на "5", всё понравилось. Запомнились занятия Алексея Ускова (он был нашим ментором и в целом понравились его занятия). Запомнились занятия по Веб-дизайну от Маргариты Буровой. Курс по JavaScript оказался слишком насыщенным и преподавался очень быстро. Занятия по теме "React" лучше бы растянуть по времени. Обучение на программе помогло трудоустроиться, и сейчас я продолжаю развиваться в этой сфере.

Спиридонов Артем

Оцениваю курс на "отлично", всё понравилось. Запомнились занятия Алексея Ускова (просто преподавал хорошо). Хотелось бы, чтобы другие преподаватели чуть помедленнее объясняли материал. Каких-либо дополнительных пожеланий по улучшению курса у меня нет, всё нормально. На данный момент учусь, поэтому применяю полученные знания только при подготовке к занятиям.

Гребешов Андрей

Оцениваю курс по пятибалльной шкале на "5". Запомнились занятия Алексея Ускова и Алексея Широкова, так как на их занятиях была работа с реальным проектом, что помогло в дальнейшем с трудоустройством. Каких-либо пожелания другим преподавателям нет (всё нормально). Относительно программы курса, хотелось бы побольше практики. Обучение на программе помогло трудоустроиться в компанию "Olprime".

Владимир Урюпин

Порой было трудно, не успевал за всеми (тогда еще работал на старом месте), но в итоге полученные знания и умения помогли пойти дальше и профессионально развиваться на новом месте. Курс реально серьезный, грамотный, преподаватели видно, что опытные и внимательные к слушателям :) Спасибо большое организаторам за возможность реальной практики на стажировке во время обучения, это помогло понять принцип командной разработки и поработать над реальным проектом.