Frontend разработка на React.js

Программа профессиональной переподготовки «Frontend разработка на React.js» соответствует профессиональному стандарту 06.035 «Разработчик WEB и мультимедийных приложений». Она разработана для тех, кто стремится овладеть современными технологиями разработки WEB приложений на основе React.js и приобрести профессиональные навыки в области проектирования, разработки и интеграции информационных ресурсов в локальных сетях и Интернете.

Мы предлагаем онлайн-обучение с выдачей диплома, что открывает отличные перспективы для тех, кто стремится получить право на новый вид профессиональной деятельности или сменить профессию. Наша программа позволит вам глубоко погрузиться в мир разработки WEB-приложений, освоить современные инструменты и методологии, а также развить практические навыки, необходимые для успешной карьеры в сфере разработки на React.js.

Что можно изучить в данной программе?

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

Для кого предназначена данная программа обучения?

Программа предназначена для людей, желающих освоить новую профессию и начать карьеру в сфере разработки фронтенда, с фокусом на использовании React.js, независимо от их предыдущего опыта и образования.

Что дает обучение в данной программе?

Обучение в программе дает возможность освоить инструменты и навыки, необходимые для создания современных и интерактивных пользовательских интерфейсов на базе React.js, расширяя ваши возможности в WEB-разработке.

Каков результат обучения?

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

Общие сведения​

Объём программы

250 ак. часов (время на просмотр видеолекции и выполнение практических заданий, сдачи тестов и аттестации)

Стоимость обучения

96 000 рублей

оплата возможна в 2 этапа

Категория слушателей

к освоению программы допускаются лица, имеющие или получающие среднее профессиональное и (или) высшее образование.

Контакты

+7 (499) 317-91-92
+7 (903) 105-90-17
uc@mpt.ru

Запись на обучение

Преподаватели программы

Шимбирёв Андрей Андреевич

Калинина Александра Владимировна

Документ об окончании

При успешном окончании обучения выдаётся диплом о профессиональной переподготовке Российского экономического университета им. Г.В. Плеханова

Модули и дисциплины

Основы WEB-разработки: HTML и CSS

Дисциплина "Основы WEB-разработки: HTML и CSS" является вводной в мир WEB-разработки и предназначена для тех, кто хочет научиться создавать простые сайты.

В начале мы рассмотрим установку HTML-редактора, который является важным инструментом для разработки WEB-страниц. Вы узнаете, как выбрать и настроить редактор, чтобы комфортно работать над своими проектами.

Затем мы перейдем к изучению структуры HTML-документа и форматированию текстовой информации. Вы познакомитесь с основными тегами HTML и научитесь создавать структурированный контент, а также применять стили и форматирование для придания WEB-страницам профессионального вида.

Важной частью этой дисциплины является оформление кода. Мы предоставим вам основные рекомендации по оформлению кода HTML и CSS, чтобы ваш код был понятным, читаемым и легко поддерживаемым.

Далее мы перейдем к работе с ссылками и изображениями. Вы узнаете, как создавать гиперссылки и добавлять изображения на WEB-страницу, а также как управлять их свойствами и расположением.

В разделе таблиц и списков вы изучите различные способы создания таблиц и списков в HTML. Вы научитесь структурировать данные с помощью таблиц и создавать упорядоченные и неупорядоченные списки для организации контента.

Следующая тема - основы CSS и работа с слоями. Вы погрузитесь в мир CSS и научитесь применять стили к элементам, изменять их размеры, цвета, отступы и многое другое. Вы также узнаете о понятии слоев и их использовании для контроля расположения и взаимодействия элементов на WEB-странице.

В разделе свойств для форматирования текста и псевдоклассов вы углубитесь в возможности CSS для стилизации текста. Вы изучите различные свойства, которые позволяют вам изменять шрифты, выравнивание, подчеркивание и другие аспекты текстового форматирования. Вы также узнаете о псевдоклассах и их применении для создания интерактивных эффектов.

Метаданные и элементы управления формами будут следующей темой. Вы узнаете о важности метаданных для оптимизации WEB-страницы для поисковых систем, а также о различных элементах управления формами и их использовании для сбора данных от пользователей.

В разделе обзора блочной модели и позиционирования мы рассмотрим основы блочной модели CSS и различные методы позиционирования элементов на странице. Вы также познакомитесь с гибким макетом CSS Flex и мощной системой сеток CSS Grid, которые помогут вам создавать адаптивные и гибкие WEB-макеты.

Семантическая вёрстка, медиазапросы CSS и HTML-мультимедиа будут следующими темами. Вы узнаете о важности семантической вёрстки для улучшения доступности и SEO-оптимизации WEB-страниц. Вы также изучите медиазапросы CSS, которые позволяют создавать адаптивные дизайны, и научитесь добавлять мультимедийные элементы, такие как видео и аудио, на свои WEB-страницы.

В заключительном разделе мы рассмотрим работу с блоками, CSS Content и эффектами CSS. Вы научитесь создавать и стилизовать блоки на странице, добавлять дополнительное содержимое с помощью CSS Content и применять различные эффекты, чтобы сделать вашу WEB-страницу более привлекательной и динамичной.

Дисциплина "Основы WEB-разработки: HTML и CSS" позволит вам освоить основы WEB-разработки и создавать качественные WEB-страницы с помощью HTML и CSS.

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

Модуль начинается с ознакомления с фреймворком React.js и настройкой рабочего пространства. Вы узнаете основные концепции React.js, его преимущества и возможности. Мы поможем вам установить и настроить среду разработки, чтобы вы были готовы начать создание своих проектов.

Следующая тема - создание простого проекта с использованием React.js. Вы узнаете, как создать базовую структуру проекта и настроить компоненты для работы. Мы рассмотрим пример компонента на основе карточки, чтобы показать вам, как создавать и использовать компоненты в React.js.

Bootstrap будет также рассмотрен в этом модуле. Вы узнаете о популярном CSS-фреймворке Bootstrap и его интеграции с React.js. Вы научитесь использовать готовые компоненты Bootstrap и создавать стильные и отзывчивые WEB-приложения.

Далее мы перейдем к работе с API и HTTP-запросами в React.js. Вы узнаете, как делать HTTP-запросы с использованием react hooks и fetch API. Вы также изучите жизненный цикл компонентов, асинхронную разработку и использование библиотеки axios для удобной работы с запросами.

Роутинг будет следующей темой в модуле. Вы узнаете, как реализовать роутинг в вашем WEB-приложении с помощью библиотеки react-router. Мы также рассмотрим работу с формами, включая валидацию и обработку введенных данных.

Вы познакомитесь с концепцией слоев и внедрением фреймворка Nest.js. Вы узнаете, как разделить ваше WEB-приложение на слои для улучшения его структуры и масштабируемости. Мы рассмотрим принципы использования фреймворка Nest.js в сочетании с React.js.

Контекст будет также рассмотрен в этом модуле. Вы узнаете, как использовать контекст в React.js для передачи данных и состояния между компонентами. Мы рассмотрим примеры использования контекста для создания глобального состояния в вашем приложении.

Framer motion и Figma - это инструменты, которые помогут вам создавать интерактивные и динамичные пользовательские интерфейсы. Вы познакомитесь с анимациями, предоставляемыми библиотекой Framer motion, а также с возможностями дизайна и прототипирования, предоставляемыми Figma.

В заключение модуля мы рассмотрим основы TypeScript. TypeScript - это язык программирования, который добавляет статическую типизацию к JavaScript. Вы узнаете основы TypeScript и как использовать его с React.js для создания более надежных и поддерживаемых WEB-приложений.

Мы также коснемся таких тем, как компоненты высшего порядка, переменные окружения и развертывание приложения в production-окружении.

Программирование на языке JavaScript

Модуль начинается с краткого обзора языка JavaScript, его возможностей и применений. Вы узнаете, почему JavaScript является одним из наиболее популярных языков программирования и как он интегрируется с WEB-разработкой.

Затем мы рассмотрим установку и основные настройки среды разработки Visual Studio Code, которая является мощным инструментом для разработки на JavaScript. Вы узнаете, как настроить среду разработки для комфортной работы над своими проектами.

Основы программирования начинаются с изучения переменных и типов данных в JavaScript. Вы познакомитесь с различными типами данных, такими как числа, строки, булевы значения и другие, а также научитесь создавать переменные и работать с ними.

Вы также изучите базовые арифметические операции и условные конструкции. Вы узнаете, как выполнять математические операции в JavaScript и как использовать условные операторы, такие как if-else и switch, для принятия решений в программе.

Операторы цикла будут следующей темой. Вы узнаете, как использовать циклы, такие как for и while, для повторения выполнения определенного кода. Это позволит вам создавать более эффективные и масштабируемые программы.

Функции и строки будут также рассмотрены в этом модуле. Вы изучите, как создавать и использовать функции в JavaScript для выполнения определенных задач, а также как работать со строками, выполнять операции с ними и применять различные методы работы со строковыми данными.

Массивы являются важной частью программирования, и мы уделим им особое внимание. Вы узнаете, как создавать и манипулировать массивами, выполнять операции с элементами массива и использовать их для хранения и обработки данных.

Мы также рассмотрим манипуляции с HTML-элементами и управление DOM-деревом. Вы научитесь изменять содержимое и структуру WEB-страницы с помощью JavaScript, а также реагировать на пользовательские события и взаимодействовать с элементами страницы.

Двумерные массивы будут следующей темой. Вы узнаете, как создавать и манипулировать двумерными массивами, которые представляют собой таблицы с данными. Это поможет вам работать с более сложными структурами данных и решать задачи, требующие многомерных массивов.

Принципы создания форм и основные события также будут рассмотрены. Вы узнаете, как создавать формы на WEB-странице и обрабатывать данные, введенные пользователем. Вы также познакомитесь с основными событиями JavaScript, такими как клики, наведения и отправка формы.

Объекты и классы являются важной частью языка JavaScript, и мы уделим им особое внимание. Вы изучите, как создавать объекты, использовать их свойства и методы, а также как создавать классы и создавать экземпляры объектов.

Обработка ошибок и методы работы с DOM будут следующими темами. Вы узнаете, как обрабатывать ошибки в JavaScript и создавать резервные планы для исключительных ситуаций. Вы также изучите различные методы работы с DOM (объектная модель документа), которые позволяют вам изменять и управлять элементами и содержимым WEB-страницы.

В заключительной части модуля мы рассмотрим работу с модулями и предоставим краткий обзор Node.js и менеджеров пакетов. Вы узнаете о модульной структуре в JavaScript, использовании внешних модулей и инструментах, которые помогут вам управлять зависимостями и пакетами в своих проектах.

ЯЗЫКИ​​

HTML, CSS, JavaScript​.

Инструменты​​

Notepad++, Visual Studio Code, Figma, Node.js, Менеджеры пакетов (например, npm)

Фреймворки

React.js, Bootstrap, Nest.js.