Модуль 3
106,00ч

Разработка WEB-приложений на фреймворке React.js

В рамках данного модуля идет изучение языка программирования JavaScript для возможности создание лаконичной анимации WEB-ресурса путем управления DOM-дерева в сочетании с асинхронной обработкой и передачей данных на сервер c помощью фреймворка React и основанном на нем фреймворка Nest
Часов в программе
6,00 часов
лекции
54,00 часа
практика
42,00 часа
самостоятельная
4,00 часа
промежуточная аттестация
106,00 часов
всего
Материально-технические условия реализации программы:
Вид занятий: Практические и лекционные занятия
Требуемое ПО:
Персональный компьютер с установленным на нем Visual Studio Code, SQL server, Браузер, графические редакторы MS Office 2010 и выше, проектор, Google-сервисы для проведения обучения
Информационные ресуры
1. Мартишин, С. А. Базы данных: Работа с распределенными базами данных и файловыми системами на примере MongoDB и HDFS с использованием Node.js, Express.js, Apache Spark и Scala : учебное пособие / С.А. Мартишин, В.Л. Симонов, М.В. Храпченко. — Москва : ИНФРА-М, 2021. — 235 с. + Доп. материалы [Электронный ресурс]. — (Среднее профессиональное образование). - ISBN 978-5-16-015643-9. - Текст : электронный. - URL: https://znanium.com/catalog/product/1189321 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
2. Рамальо, Л. Python. К вершинам мастерства / Лучано Рамальо ; пер. с англ. А.А. Слинкина. - Москва : ДМК Пресс, 2016. - 768 с. - ISBN 978-5-97060-384-0. - Текст : электронный. - URL: https://znanium.com/catalog/product/1028052 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
3. Маккинни, У. Маккинли, У. Python и анализ данных / Уэс Маккинли ; пер. с англ. А.А. Слинкина. - Москва : ДМК Пресс, 2015. - 482 с. - ISBN 978-5-97060-315-4. - Текст : электронный. - URL: https://znanium.com/catalog/product/1027796 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
Образовательные ресуры
1. Мартишин, С. А. Базы данных: Работа с распределенными базами данных и файловыми системами на примере MongoDB и HDFS с использованием Node.js, Express.js, Apache Spark и Scala : учебное пособие / С.А. Мартишин, В.Л. Симонов, М.В. Храпченко. — Москва : ИНФРА-М, 2021. — 235 с. + Доп. материалы [Электронный ресурс]. — (Высшее образование: Бакалавриат). — DOI 10.12737/textbook_5cc063e18baca3.52928692. - ISBN 978-5-16-015133-5. - Текст : электронный. - URL: https://znanium.com/catalog/product/1214862 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
2. Брэдшоу, Ш. MongoDB: полное руководство : научно-популярное издание / Ш. Брэдшоу, И. Брэзил, К. Ходоров ; пер. с англ. Д. А. Беликова. - Москва : ДМК Пресс, 2020. - 540 с. - ISBN 978-5-97060-792-3. - Текст : электронный. - URL: https://znanium.com/catalog/product/1210677 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
3. Мартишин, С. А. Базы данных. Практическое применение СУБД SQL и NoSQL-типа для проектирования информационных систем : учебное пособие / С.А. Мартишин, В.Л. Симонов, М.В. Храпченко. — Москва : ФОРУМ : ИНФРА-М, 2021. — 368 с. — (Высшее образование: Бакалавриат). - ISBN 978-5-8199-0718-4. - Текст : электронный. - URL: https://znanium.com/catalog/product/1215513 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
Сьоре, Э. Проектирование и реализация систем управления базами данных : учебное пособие / Эдвард Сьоре ; пер. с анг. А. Н. Киселева ; научн. ред. Е. В. Рогов. - Москва : ДМК Пресс, 2021. - 466 с. - ISBN 978-5-97060-488-5. - Текст : электронный. - URL: https://znanium.com/catalog/product/1225360 (дата обращения: 22.03.2022). – Режим доступа: по подписке.

Учебно-методические материалы

Методы, формы и технологии

Вид занятий: Лекции с использованием мультимедиа, Практические задания – выполнение заданий для закрепления полученных знаний по верстке

Методические разработки

Комплекты кейсов

Материалы курса

Хортон, А. Разработка веб-приложений в ReactJS / А. Хорто, Р. Вайс ; пер. с англ. Р.Н. Рагимова. - Москва : ДМК Пресс, 2016. - 254 с. - ISBN 978-5-94074-819-9. - Текст : электронный. - URL: https://znanium.com/catalog/product/1028107
Пример кейсов по модулю Разработка WEB-приложений на фреймворке React.js: https://drive.google.com/drive/folders/1xaPKpbXD0XvW5kUbArGIovxIy54_i2__?usp=sharing

Учебная литература

1. Вейл, Эстель HTML5. Разработка приложений для мобильных устройств / Эстель Вейл. - М.: Питер, 2019. - 705 c.
2. Гоше, Хуан Диего HTML5. Для профессионалов / Гоше Хуан Диего. - М.: Питер, 2019. - 149 c.
3. Лоре, А. Проектирование веб-API: практическое руководство / А. Лоре; пер. с анг. Д. А. Беликова. - Москва: ДМК Пресс, 2020. - 440 с.
4. Малышева, Е.Н. Web-технологии: учеб. пособие для обучающихся по направлениям подготовки 51.03.06 «Библиотечно-информационная деятельность», 46.03.20 «Документоведение и архивоведение», квалификация (степень) выпускника «бакалавр» / Е.Н. Малышева. - Кемерово: Кемеров. гос. ин-т культуры, 2020. - 116 с.
5. Немцова, Т. И. Компьютерная графика и web-дизайн: учебное пособие / Т.И. Немцова, Т.В. Казанкова, А.В. Шнякин; под ред. Л.Г. Гагариной. — Москва: ФОРУМ: ИНФРА-М, 2022. — 400 с.
6. Лисьев, Г. А. Программное обеспечение компьютерных сетей и web-серверов: учебное пособие / Г.А. Лисьев, П.Ю. Романов, Ю.И. Аскерко. — Москва: ИНФРА-М, 2021. — 145 с.
7. Исаченко, О. В. Программное обеспечение компьютерных сетей: учебное пособие / О.В. Исаченко. — 2-е изд., испр. и доп. — Москва: ИНФРА-М, 2021. — 158 с.
8. Фаррелл, Б. Веб-компоненты в действии: практическое руководство / Б. Фаррелл ; пер. с англ. Д. А. Беликов. - Москва: ДМК Пресс, 2020. - 462 с.

Темы

Тема 1. Ознакомление с фреймворком React.js. Настройка рабочего пространства Тема 2. Внедрение фреймворка Nest.js. Принцип использования Тема 3. Основы TypeScript Тема 4. Создание простого проекта Тема 5. Жизненный цикл в React.js Тема 6. UI-компоненты в Figma Тема 7. Компоненты на примере новостной карточки Тема 8. Statefull-компоненты Тема 9. Компоненты высшего порядка Тема 10. Слои Тема 11. Переменные окружения Тема 12. API Тема 13. Контекст Тема 14. Роутинг Тема 15. Работа с формами Тема 16. Framer Motion анимация Тема 17. Доступность элементов с клавиатуры Тема 18. Production
Лекции
2,00ч
Всего
2,00ч
Лекции
2,00ч
Всего
2,00ч
Лекции
2,00ч
Самостоятельная работа
2,00ч
Всего
4,00ч
Практические занятия
2,00ч
Самостоятельная работа
2,00ч
Всего
4,00ч
Практические занятия
2,00ч
Самостоятельная работа
2,00ч
Всего
4,00ч
Практические занятия
2,00ч
Самостоятельная работа
2,00ч
Всего
4,00ч
Практические занятия
4,00ч
Самостоятельная работа
2,00ч
Всего
6,00ч
Практические занятия
4,00ч
Самостоятельная работа
2,00ч
Всего
6,00ч
Практические занятия
4,00ч
Самостоятельная работа
2,00ч
Всего
6,00ч
Практические занятия
4,00ч
Самостоятельная работа
2,00ч
Всего
6,00ч
Практические занятия
4,00ч
Самостоятельная работа
2,00ч
Всего
6,00ч
Практические занятия
4,00ч
Самостоятельная работа
2,00ч
Всего
6,00ч
Практические занятия
4,00ч
Самостоятельная работа
4,00ч
Всего
8,00ч
Практические занятия
4,00ч
Самостоятельная работа
4,00ч
Всего
8,00ч
Практические занятия
4,00ч
Самостоятельная работа
4,00ч
Всего
8,00ч
Практические занятия
4,00ч
Самостоятельная работа
4,00ч
Всего
8,00ч
Практические занятия
4,00ч
Самостоятельная работа
4,00ч
Всего
8,00ч
Практические занятия
4,00ч
Самостоятельная работа
2,00ч
Всего
6,00ч
Промежуточная аттестация 4,00 часа
Решение практического кейса по программированию + решение торических задач из самых частых вопросов собеседований младших frontend-разработчиков