Javascript basics, fundamentals, advanced. React&Redux& Node.js (базовый модуль)

Модуль направлен на обретение базовых компетенций в направлении frontend разработки. Участники научатся:
1. Работать с языком JS
2. Использовать основные конструкции и принципы программирования на js и на языках программирования в целом
3. Использовать язык программирования JS на более продвинутом уровне, изучат все последние новинки в синтаксисе и конструкциях js
4. Использовать навык разработки клиентского веб приложения с использованием React и Redux

Часов в программе

64,00 часа

лекции

72,00 часа

практика

6,00 часов

самостоятельная

15,00 часов

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

157,00 часов

всего

Материально-технические условия реализации программы:

Вид занятий: Занятия Базового модуля
Требуемое ПО:
- Sublime text 3 (https://www.sublimetext.com/)
- Google Chrome (https://www.google.com/intl/ru_ru/chrome/)
- ZOOM https://zoom.us/
- GIT https://about.gitlab.com/
- visual studio code (https://code.visualstudio.com/download)

Информационные ресуры

Ссылки на электронные ресурсы:
1. https://learn.javascript.ru/ - электронный учебник по js
2. https://habr.com/ru/post/498860/ - справочник по react и redux
3. http://htmlbook.ru/ - справочник по тегам
4. http://htmlbook.ru/
5. https://www.w3schools.com/
6. https://githowto.com/
7. https://proglib.io/p/sass-for-15-minutes

Образовательные ресуры

ссылки на бесплатные образовательные ресурсы по теме: 1. "HTML, CSS, and Javascript for Web Developers" https://www.coursera.org/learn/html-css-javascript-for-web-developers 2. "Разработка интерфейсов: вёрстка и JavaScript" https://www.coursera.org/learn/html-css-javascript-for-web-developers 3. "Front-End Web Development with React" https://www.coursera.org/learn/front-end-react

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

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

Проблемно-развивающие методы
Исследовательский метод
Объяснительно-иллюстративный метод
Частично-поисковый метод
Метод контроля и самоконтроля
Самостоятельная работа по освоению теоретического материала
Самоконтроль через ответы на вопросы по видеолекциям и выполнение практических заданий для самоконтроля
Промежуточный контроль (тесты по темам для промежуточной аттестации)
Итоговый контроль (итоговое тестирование по курсу)
Консультативная поддержка преподавателя и менторов в режиме онлайн

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

разработан прототип референса для практикоориентированного кейса

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

1. https://redux.js.org/basics/usage-with-react - подключение redux в react приложение
2. https://nodejs.org/en/docs/ - документация по Node.js
3. https://www.w3schools.com/sql/ - базовые знания по SQL
4. https://git-scm.com/book/ru/v2/ - методические пособия
5. https://learngitbranching.js.org/?locale=ru_RU - онлайн симулятор работы git
6. https://habr.com/ru/post/485294/ (примеры работ)
7. https://www.hackerrank.com/domains/tutorials/10-days-of-javascript (перечень задач для самостоятельного решения)
8. git https://learngitbranching.js.org/ - тренажер для практической отработки

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

1. "HTML и CSS: 25 уроков для начинающих", Дронов Владимир Александрович
2. "JavaScript: карманный справочник. 3-е изд", Флэнаган Д.
3 "Bootstrap и CSS-препроцессор Sass. Самое необходимое", Прохоренок Николай Анатольевич
4. "React and React Native, a complete hands-on guide to modern web and mobile development with React.js"
5. "Node Cookbook. Discover solutions, techniques, and best practices for server-side web development with Node.js 14"
6. "Git", Практическое руководство.
7. "Управление и контроль версий в разработке программного обеспечения" Фишерман Леонид Владленович

Темы

Основы языка Javascript Циклы, массивы, структуры данных Функции и функциональное программирование Объекты в Javascript Введение в DOM Обработка событий в javascript Асинхронные запросы Продвинутый ООП Визуализация данных (canvas) Web-компонент Сборщик js Безопасность клиентской стороны Введение в ReactJS Работа с состоянием компонента Жизненный цикл React-компонента React и UI-библиотека Роутинг в React Роутинг в React Redux. Управление состоянием приложения Redux middlewares, подключение роутера к Redux и хранение данных с помощью Redux-persist Асинхронные запросы к серверу Работа с API Progressive Web App Модель MVC и ее реализация на Node.js Библиотека Express Работа с файловой системой Обработка и хранение данных. Подключение к базе данных Написание REST API и подключение его к React приложению Практикоориентированный кейс

Лекции
2,00ч

Всего
2,00ч

Промежуточная аттестация 15,00 часов

практикориентированный кейс