Модуль 4
91,00ч

React и другие фреймворки

1.React.js: Знакомство
2.React.js: Components
3.React.js: Advanced
4.React.js: Patterns and practice
5.React.js: High level topics
6.Фреймворки и библиотеки
7.Vue.js
8.Flux.Redux
9.Анимация
Часов в программе
22,00 часа
лекции
27,00 часов
практика
41,00 час
самостоятельная
1,00 час
промежуточная аттестация
91,00 час
всего
Материально-технические условия реализации программы:
Вид занятий: внеаудиторные
Требуемое ПО:
Ноутбук или стационарный компьютер на macOS или Windows версии Vista и выше. Желательный объем оперативной памяти от 4 гб.
Видеокарта: Nvidia GeForce 600 / AMD HD 7000
Стабильный интернет: от 5/мбит с
Информационные ресуры
1.FrontEndDev — канал про фронтенд и веб-программирование в целом - http://t.me/front_end_dev (УК-2)
2.Frontender’s notes — поток информативных постов для фронтенд-разработчиков разного направления и уровня - http://t.me/frontendnoteschannel (УК-2)
3.Telegram-канал для тех, кто делает первые шаги в веб-программировании и ориентируется на развитие по линии фронтенда - http://t.me/frontendlib (УК-2)

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

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

Формы подачи материала:
-видео
-текст

Методы:
-асинхронная работа студента на платформе
-синхронная работа на вебинарах с преподавателями
-самостоятельная работа (выполнение заданий)

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

1.Методические разработки:
2.Анализ рынок конкурентов — изучаем, что предлагают другие школы и рынок вакансий, чтобы давать востребованные знания и навыки.
3.Проработка критериев по набору экспертов и авторов программы
4.Разработка контента в обучающие материалы и проектирование структуры курса
5.Анализ рынка вакансий на предмет актуальности знаний.
6.Создание авторами модулей программы. Каждый урок проходит многоуровневое ревью — эксперта, методиста, редактора, студента.
7.Чередование форматов подачи информации (текст — видео— таблица). Обязательно предоставление ссылок на дополнительные источники — документацию и полезные статьи, которые помогут лучше понять тему и расширят кругозор студента
8.В конце каждой темы у нас есть:
-итоговое тестирование, чтобы привести знания теории в систему,
-большая практическая задача для закрепления всех необходимых навыков модуля.
9.Обработка обратной связи от студентов по каждому модулю.

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

-Введение
-Компонентный подход
-Модули
-Пишем первый компонент React
-Что такое JSX?
-Понятие Virtual DOM
-Быстрый старт React-приложения
-Типы и состояния React-компонентов (state, props)
-Презентационные и компоненты-контейнеры
-Методы жизненного цикла компонента
-Render. Возвращаемые значения
-Практическое задание
-Children
-Обработка событий
-Работа с CSS
-Типизация React приложений
-Паттерны программирования
-Однонаправленный поток данных
-React Router
-Паттерны. Render prop
-Паттерны. Higher-order components
-Паттерны. Пример render prop
-Функциональное программирование. PureComponent
-Hooks на примере useState, useEffect
-Best Practices
-React Router
-React Router. Пишем роутинг с использованием ссылок и history API
-React-Router. Знакомство с библиотекой React-router-v4. Часть 1
-React Router. Знакомимся с библиотекой React router v4. Часть 2
-React Router. Знакомимся с библиотекой React router v4. Часть 3
-Работа с формами
-Refs
-Context
-More features & news
-Библиотеки
-Создание проекта
-Фреймворки
-Создание проекта на Angular
-Паттерны проектирования
-Пример использования Angular и его отличия от React
-Особенности фреймворка Vue.js
-Создание проекта
-Однофайловые компоненты
-Продвинутые приложения
-Добавляем ToDo-list в проект
-Архитектура Flux
-Связь Flux и Redux
-Введение в Redux
-Создаем хранилище и инициируем событие
-Связываем Redux с HTML-разметкой
-Redux connect
-Инициализация события
-Композиция функций — combineReducers
-Работа с асинхронностью. Middleware
-Композиция функций через compose. Redux devtools
-BindActionCreator. Структура redux приложения
-CSS в больших приложениях
-CSS-in-JS в React. Знакомство
-CSS-in-JS в React. Библиотека Styled components
-CSS-in-JS в React. Библиотека Reflexbox
-CSS анимации. Transition
-CSS анимации. Transform
-CSS анимации. Keyframes
-JavaScript анимации

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

React: современные шаблоны для разработки приложений 2-е издание/ Бэнкс Алекс, Порселло Ева - М.: Прогресс книга, 2022 - 320 с. - ISBN 978-5-4461-1492-4 (ОПК-6)

Темы

React.js: Знакомство React.js: Components React.js: Advanced React.js: Patterns and practice React.js: High level topics Фреймворки и библиотеки Vue.js Flux.Redux Анимация
Лекции
3,00ч
Практические занятия
3,00ч
Самостоятельная работа
4,00ч
Всего
10,00ч
Лекции
3,00ч
Практические занятия
3,00ч
Самостоятельная работа
4,00ч
Всего
10,00ч
Лекции
3,00ч
Практические занятия
3,00ч
Самостоятельная работа
4,00ч
Всего
10,00ч
Лекции
3,00ч
Практические занятия
3,00ч
Самостоятельная работа
4,00ч
Всего
10,00ч
Лекции
2,00ч
Практические занятия
3,00ч
Самостоятельная работа
5,00ч
Всего
10,00ч
Лекции
2,00ч
Практические занятия
3,00ч
Самостоятельная работа
5,00ч
Всего
10,00ч
Лекции
2,00ч
Практические занятия
3,00ч
Самостоятельная работа
5,00ч
Всего
10,00ч
Лекции
2,00ч
Практические занятия
3,00ч
Самостоятельная работа
5,00ч
Всего
10,00ч
Лекции
2,00ч
Практические занятия
3,00ч
Самостоятельная работа
5,00ч
Всего
10,00ч
Промежуточная аттестация 1,00 час
Практическое задание