Фронтенд-разработка на ReactJS

Бакалавриат 2020/2021

Лучший по критерию «Полезность курса для расширения кругозора и разностороннего развития»

Лучший по критерию «Новизна полученных знаний»

Статус: Курс по выбору (Бизнес-информатика)

Направление: 38.03.05. Бизнес-информатика

Кто читает: Департамент бизнес-информатики

Где читается: Высшая школа бизнеса

Когда читается: 3-й курс, 4 модуль

Формат изучения: без онлайн-курса

Охват аудитории: для своего кампуса

Преподаватели: Статинов Валерий Константинович

Язык: русский

Кредиты: 3

Контактные часы: 30

Полная версия программы учебной дисциплины

Аннотация

В ходе изучения дисциплины учащиеся знакомятся с понятиями frontend и backend разработки, знакомятся с методами жизненного цикла классовых компонентов. Учащиеся получают практические навыки для реализации программ на языке javascript, по написанию frontend приложения по отображению данных, по реализации сложной верстки, применения css модулей, по внедрению redux в свой проект, по реализации сетевых запросов за данными на сервер. Изучаются схемы и способы реализации авторизации и аутентификации в приложении.

Цель освоения дисциплины

Целью изучения курса является овладение знаниями и практическими навыками, необходимыми для создания веб-приложений

Планируемые результаты обучения

понимают содержание frontend и backend разработки
могут сверстать несложный макет по дизайну
могут реализовать простейшие программы на языке javascript
могут написать простое frontend приложение по отображению данных
знают в какие моменты и при каких условиях вызываются те или иные методы жизненного цикла
могут реализовывать сложную верстку, применять css модули
понимают, как работает написанный ими код
могут переписать классовый компонент на функциональный
могут добавить новые страницы к своему приложению
понимают, зачем нужны state management библиотеки и могут внедрить redux в свой проект
могут реализовывать сетевые запросы за данными на сервер
знают про различные схемы и способы авторизации и аутонтификации, их достоинства и недостатки

Содержание учебной дисциплины

Понятия Frontend и backend
Знакомство с понятиями front/back; зоны ответственности, отличия
HTML и CSS
Знакомство с HTML, CSS
Знакомство с языком Javascript
Основы Javascript: синтаксис, управляющие конструкции
React hello world
Первая программа с использованием react; структура приложения, компоненты
Методы жизненного цикла
Знакомство с методами жизненного цикла классовых компонентов
Flexbox, scss
знакомство с flexbox, css модулями, scss синтаксисом
Virtual DOM, Javascript advanced
разбор того, как рабоает react; тонкости Javascript
React hooks
знакомство с react hooks
Библиотека React router
знакомство с библиотекой react router для добавления роутинга в приложение
Redux — библиотека для Javascript
обсуждение: зачем redux и как он работает, рассмотрение примера
Fetch, сетевые запросы
Разбор того, как осуществлять запросы на сервер. Знакомство с тонкостями сетевых запросов, осуществляемых из браузера, CORS
Авторизация
разбор того, как реализовывать авторизацию и аутентификацию в приложении

Элементы контроля

Домашнее задание 1
Домашнее задание 2
Домашнее задание 3
Домашнее задание 4
Домашнее задание 5
Домашнее задание 6
Домашнее задание 7
Домашнее задание 8
Домашнее задание 9
Финальный тест

Промежуточная аттестация

Промежуточная аттестация (4 модуль)
0.09 * Домашнее задание 1 + 0.09 * Домашнее задание 2 + 0.09 * Домашнее задание 3 + 0.09 * Домашнее задание 4 + 0.09 * Домашнее задание 5 + 0.09 * Домашнее задание 6 + 0.09 * Домашнее задание 7 + 0.09 * Домашнее задание 8 + 0.09 * Домашнее задание 9 + 0.19 * Финальный тест

Программа дисциплины