Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
ReaсtJS и ASP.NET с нуля и до рабочего приложения, часть 4
Rating: 5.0 out of 5(1 rating)
8 students

ReaсtJS и ASP.NET с нуля и до рабочего приложения, часть 4

Прокачайте на практике использование React, Redux, TypeScript и API на ASP NET для создания интернет магазина
Last updated 4/2025
Russian

What you'll learn

  • Практика использования React 18
  • Практика использования Redux для React
  • Практика использования маршрутизации в React
  • Практика использования TypeScript в проектах на React
  • Практика подключения проектов на React к ресурсам API на ASP NET

Course content

4 sections65 lectures5h 17m total length
  • Использование Typescript6:45
  • Создание проекта по шаблону с Typescript и React2:45
  • Установка пакетов для всего WEB приложения1:43
  • Удаление лишних файлов из проекта3:56
  • Установка стилей и иконок Bootstrap3:57
  • Компоненты Заголовка и нижнего колонтитула6:23
  • Интерфейс заголовка для страниц сайта2:55
  • Получение данных из API и внедрение TypeScript интерфейсов9:20
  • Компонент для главной страницы и оптимизация кода5:52
  • Компонент для карточки товара5:43
  • Интерфейс карточек товаров и главной страницы4:16
  • Маршрутизация и страница NotFound7:41
  • Интерфейс страницы с описанием товара6:34

Requirements

  • Понимание основ Html, CSS и JavaScript
  • Visual Studio Code
  • Git/GitHub
  • Bootstrap
  • Понимание основ React 18 и функциональных компонентов в React
  • Понимание основ маршрутизации в React
  • Понимание основ управления данными с помощью Redux
  • Понимание основ взаимодействия с ресурсами API

Description

Это четвертая часть  курса по использованию  React, Redux, TypeScript и WEB API на ASP.NET,  для создания полно функционального E-commerce приложения.

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

В этой части курса,  вы получите практический опыт создания работающего прототипа приложения, для интернет торговли, с использованием React, Redux, TypeScript и ресурсов API на ASP.NET. По мере создания и отладки компонентов приложения на React, вам придется решать некоторые проблемы самостоятельно.

Впрочем если вы не справитесь сами, то можете получить помощь от переводчика этого курса.

По мере прохождения курса, вы создадите полноценный проект с интернетом магазином, код которого вы сможете выложить на GitHub, как доказательство того, что вы действительно что то знаете в full stack разработке на React и ASP.NET.

Цель этого курса, достаточно проста, дать возможность начинающим разработчикам, понимание того,  куда и как развиваются веб технологии,  в части front end, на примере фреймворка ReactJS 

Однако поскольку эта часть  курса, начинается, с создания примера проекта на  React, он также подойдет и тем кто уже работает в веб разработке и разбирается в HTML, CSS и JavaScript, но ничего не знает про библиотеку React и серверную часть, на премере WEB API ASP.NET.     

Это будет практическая часть курса, в которой вы продожите изучение на практике разработку  на  React,  Redux  и API  на ASP.NET!

В первом разделе этой продвинутой части курса, вы получите краткое представление об особенностях использования TypeScript в проектах на React.

Затем будет показан пример создания из шаблона,  проекта на React c  использованием TypeScript.

Также, здесь будут рассмотрены все пакеты, рекомендуемые для использования в проекте.

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

 Также в этой части будет показано, какие инструменты, потребуются для разработки, а также какие расширения будут использованы для написания кода на React.

Затем,  будут рассмотрены компоненты для верхнего и нижнего колонтитулов веб приложения.

Далее, будут рассмотрены компоненты для настройки взаимодействия с внешним API на ASP NET.

После чего, будут созданы компонент для главной страницы сайта и компонент для карточек товаров интернет магазина и компонент с детальным описанием товара.

Затем, будет рассмотрен компонент, для настройки маршрутизации в приложении.


В следующем разделе, будет рассмотрено использование пакетов Redux Toolkit, или точнее RTK Query, также для управления данными о товарах, будет использовано хранилище Redux и Slice.


Далее, будет рассмотрена реализация функциональности управления данными о товарах в корзине покупок, для приложений с React и Redux.

Для управления данными о товарах во внешнем API, из браузеров клиентов, с помощью React и Redux, будут использованы запросы и мутации.

Также, будут добавлены,  компонент с описанием списка товаров в корзине покупок, а также с компонент для ввода данных о получателе товаров.

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

Затем,  будут созданы контролируемые компоненты,  для управления данными о получателе товара.

И если вы до сих пор еще не решили, нужен ли вам этот курс,  то начинайте!

Who this course is for:

  • Для всех, кого интересует ReactJS
  • Для backend разработчиков, особенно для .NET/Java разработчиков, которые хотели освоить frontend на React