Целью подготовки слушателей по программе является получение компетенций, необходимой для выполнения нового вида профессиональной деятельности в области информационных технологий «Связь, информационные и коммуникационные технологии (в сфере исследования, разработки, внедрения информационных технологий и систем)»; приобретение новой квалификации в «Разработчик web-приложений»
Web-программирование
Содержание программы
Основные темы модуля:
Спринт 1.1:
- Введение в такое HTML и CSS
- Базовые CSS-свойства
- Флексбокс-вёрстка
- расширенные возможности HTML и CSS
- Позиционирование элементов
- Структура файлов, пути к файлам
- Знакомство с Git
- Декомпозиция проекта по вёрстке
Спринт 1.2
- Проектирование структуры сайта
- HTML: видео, iframe, embed, API
- Анимации и трансформации
- Разметка и вёрстка форм
- Организация файлов по БЭМ
- Продвинутый Git
Спринт 1.3
- Макет и адаптивная вёрстка
- Grid Layout
- Разработка интерфейса для разных устрйоств
- Git для взрослых
Основные темы модуля:
Спринт 2.1:
- Знакомство с концепцией DOM
- Дебаггинг JavaScript
- Git для гигантов
Спринт 2.2
- Методы работы с данными и условия
- Создание, добавление и удаление элементов в DOM
- Массивы, функции
- Инструменты Git
Спринт 2.3
- Объекты и обработка событий
- Работы и валидация форм
- Модули в JS
- Сборка преокта. Webpack
- Продвинутый JavaScript. Асинхронность
- Работа с API из JavaScript
Основные темы модуля:
Спринт 3.1:
- Объектно-ориентированное программирование (ООП)
- ООП в интерфейсах
- Способы привязки this и потеря контекста
- Хранилище. LocalStorage и sessionStorage
- Прототипы объектов
Спринт 3.2
- Основы React
- Инструментарий React
- Продвинутый React
Спринт 3.3
- Глобальное состояние
- Библиотека Redux
- Drag and Drop в приложениях
Основные темы модуля:
Спринт 4.1:
- Роутинг в приложениях
- Безопасность в веб-приложениях
Спринт 4.2
- Повышение надежности приложения: TypeScript
- Использование TypeScript в React
Спринт 4.3
- Использование TypeScript в Redux приложениях
- Взаимодействие в режиме реального времени: WebSockets (WS)
- WS и Redux: собственный middleware для работы с сокетами
- Подготовка проекта к продакшену
- Настройка собственного удаленного сервера
- Вёрстка одностраничного сайта с помощью флексбокс-вёрстки, методологии БЭМ, анимации, шрифтов и фреймов.
- Вёрстка адаптивного сайта на Flexbox и Grid Layout (корректное отображение и на компьютере, и на телефоне).
- Вёрстка сайта с фотографиями при помощи JavaScript, системы «лайков», валидации форм.
- Подготовка инфраструктуры сайта с использованием Webpack.
- Создание структуры и верстка приложения на React, подключение Reduct-хранилища и реализация перетаскивания с помощью React-dnd.
- Добавление на сайт механизмов роутинга, авторизации и регистрации, защита маршрутов от неавторизованных пользователей.
- Реинженеринг сайта на TypeScript.
- Создание ленты заказов с использованием WebSocket и переписывание хранилища на TypeScript.
В результате освоения Программы слушатель будет:
Знать:
основные принципы верстки web-сайтов, синтаксис HTML, CSS, JavaScript, TypeScript, идеологию БЭМ при верстке, принцип работы с сервисами посредством API, многозвенную архитектуру web-приложений, протоколы и адресацию в сети интернет, парадигму объектно-ориентированного программирования.
Уметь:
разрабатывать адаптивные сайты с возможностью загрузки и отображения медиаконтента, использовать GIT для хранения исходников сайта, использовать ООП при разработке программного кода web-сайта
Иметь навыки:
разработки сайтов с использованием фреймворка React, авторизации и правил безопасности, развертывания полноценного web-сайта для предметно-ориентированной задачи.
Результатами подготовки слушателей по программе является получение компетенции, необходимой для выполнения нового вида профессиональной деятельности в области информационных технологий «Связь, информационные и коммуникационные технологии»; приобретение новой квалификации «Разработчик веб-приложений» (3 уровень).