2 курс

HTML

Введение в HTML и базовые теги

Изучаемые темы:

Структура HTML-документа

Изучаемые технологии:

Форматирование текста и ссылки

Семантические теги

Семантические теги

Форматирование текста

Модуль "HTML" посвящен изучению основных концепций и инструментов языка разметки гипертекста (HTML) для создания веб-страниц и веб-приложений. В этом модуле студенты изучат основы структуры и синтаксиса HTML, такие как теги, атрибуты, таблицы, формы и гиперссылки, и узнают, как использовать эти элементы для создания веб-страниц с различным контентом и функциональностью. Кроме того, студенты изучат различные инструменты и технологии для создания веб-страниц, такие как CSS и JavaScript, и узнают, как использовать эти инструменты для создания более сложных и интерактивных веб-страниц. Целью этого модуля является обеспечение студентов навыками, необходимыми для создания веб-страниц и веб-приложений с использованием языка HTML и связанных с ним инструментов и технологий.

Таблицы, формы и атрибуты

Создание таблиц

Формы

Глобальные атрибуты

Списки и ссылки

CSS

Темы:

Способы подключения

Изучаемые технологии:

Введение в CSS + селекторы

Блочная модель

Цветовые модели

Flexbox

Модуль "CSS" посвящен изучению основных концепций и инструментов каскадных таблиц стилей (CSS) для оформления веб-страниц и веб-приложений. В этом модуле студенты изучат основы структуры и синтаксиса CSS, такие как селекторы, свойства, значения и каскадность, и узнают, как использовать эти элементы для создания различных стилей и оформлений для веб-страниц. Кроме того, студенты изучат различные инструменты и технологии для работы с CSS, такие как препроцессоры, фреймворки и библиотеки, и узнают, как использовать эти инструменты для создания более сложных и эффективных стилей и оформлений. Целью этого модуля является обеспечение студентов навыками, необходимыми для создания веб-страниц и веб-приложений с использованием каскадных таблиц стилей и связанных с ними инструментов и технологий.

Свойства текста

Свойства

Псевдоклассы

Псевдоэлементы

Определение и синтаксис

Стилизация границ

Нормализация и сброс стилей

Основные понятия Grid Layout

Grid Layout

Отзывчивый адаптивный дизайн

Свойства переходов

Свойства и создание анимаций

Медиазапросы

Медиазапросы

Bootstrap

Tailwind CSS

Тенденции

Внутренние и внешние отступы

GIT

Темы:

Коммит

Изучаемые технологии:

Введение в Git и основы

Основные команды Git

Ветки

Студенты изучают теоретические основы систем контроля версий и назначение таск-трекеров. Устанавливают Git, настраивают репозиторий и знакомятся с базовыми понятиями этой системы контроля версий. Создают и управляют задачами в таск-трекере. Понимание принципов работы систем контроля версий и таск-трекеров, а также способность создавать и управлять задачами внутри репозитория.

Слияние

Git init

Работа с ветками

Работа с удаленными репозиториями

Продвинутые функции Git и работа в команде

Git clone

Git add

Стирание изменений

Использование тегов

Стэшинг изменений

Pull requests

Code review

Введение в JS

Темы:

Переменные

Изучаемые технологии:

Введение в JavaScript

Cинтаксические конструкции

Условные конструкции

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

Условия и циклы

Функции

Массивы и методы работы с массивами

Объекты и основные методы работы с объектами

Взаимодействие с HTML (DOM)

События и обработчики событий

Работа с npm пакетами

Определение и вызов функций

Основные методы массивов

Основные методы объектов

DOM

Введение в события

Основные элементы форм

npm

Node.js

3 курс

Продвинутый JS

Темы:

Изучаемые технологии:

Асинхронное программирование

Колбэки (callbacks)

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

Методы промисов

Промисы

Async/Await

Работа с fetch API

Работа с Axios

SetTimeout и SetInterval

Рекурсия

Работа с Web Storage

Введение в тестирование JEST

Тестирование с Cypress

Введение в fetch API

Введение в библиотеку Axios

Введение в setTimeout и setInterval

Web Storage API

Введение в WebSockets

Cypress

REACT

Темы:

Create React App

Изучаемые технологии:

JSX и основы компонентов

Модуль "React" посвящен изучению основных концепций и инструментов библиотеки React для создания веб-приложений с использованием языка программирования JavaScript. В этом модуле студенты изучат основы структуры и синтаксиса React, такие как компоненты, состояния, пропсы и цикл жизни компонентов, и узнают, как использовать эти элементы для создания интерактивных и динамических веб-приложений. Кроме того, студенты изучат различные инструменты и технологии для работы с React, такие как Redux, React Router и инструменты разработки, и узнают, как использовать эти инструменты для создания более сложных и эффективных веб-приложений. Целью этого модуля является обеспечение студентов навыками, необходимыми для создания веб-приложений с использованием библиотеки React и связанных с ней инструментов и технологий.

Управление событиями

Жизненный цикл

Styled components

Условный рендеринг

Контекст API

Введение в JSX

useEffect

Управление формами в React

HOC

Введение в Context API

Использование операторов if

4 курс

Type Script

Темы:

Введение в TypeScript

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

Интеграция TypeScript с React

Типизация компонентов и пропсов

Типизация состояния и хуков

Типизация контекста и редюсеров

Введение в Recharts

Введение в Xarrow

Введение в Dnd-kit

Интеграция Recharts, Xarrow

Динамическое переключение тем

Создание пользовательских тем

Использование CSS-переменных

Изучаемые технологии:

Типизация хуков: useState, useEffect

Типизация рендер-пропсов и children

Основы создания графиков и диаграмм

Xarrow

Оптимизация производительности

MobX

Темы:

Введение в MobX

Модуль "MobX" посвящен изучению основных концепций и инструментов библиотеки MobX для управления состоянием веб-приложений с использованием языка программирования JavaScript. MobX является библиотекой для управления состоянием, которая позволяет управлять сложными и динамическими данными в веб-приложениях с использованием простой и гибкой модели. В этом модуле студенты изучат основы структуры и синтаксиса MobX, такие как наблюдаемые данные, действия и производные данные, и узнают, как использовать эти элементы для создания интерактивных и динамических веб-приложений. Кроме того, студенты изучат различные инструменты и технологии для работы с MobX, такие как интеграция с React и другими библиотеками, и узнают, как использовать эти инструменты для создания более сложных и эффективных веб-приложений. Целью этого модуля является обеспечение студентов навыками, необходимыми для создания веб-приложений с использованием библиотеки MobX и связанных с ней инструментов и технологий.

React Hook Form

Изучаемые технологии:

Computed и наблюдатели

Асинхронные действия

Использование MobX с TypeScript

Тестирование MobX-приложений

Введение в React Hook Form

Введение в React i18next

Что такое React i18next

Применение декораторов

Тестирование MobX-приложений

Дипломный проект

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

Индивидуальная траектория

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

Документ об образовании

Что получают студенты:

Свидетельство о дополнительном образовании по программе подготовки “UX/UI дизайнер”


Свидетельство о профессии с присвоением квалификации “Оператор электронно-вичислительных и вычислительных машин”