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 с нуля и до рабочего приложения, часть 5
Rating: 5.0 out of 5(1 rating)
7 students

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

Прокачайте на практике использование 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
  • Практика интеграции приложений на React к платежному сервису Stripe

Course content

4 sections57 lectures5h 10m total length
  • Загрузка данных о покупателе2:42
  • Использование публичного ключа Stripe4:08
  • Компонент для запросов к API для оплаты2:54
  • Настройка вызова компонента для оплаты8:51
  • Управление данными с помощью useLocation4:49
  • Настройка формы ввода кредитных карт4:50
  • Интерфейс компонента для вывода сводной информации и заказе2:59
  • Интерфейс для типа со сводной информацией о заказе5:33
  • Настройка инициации запроса на обработку платежа по заказу 019:18
  • Настройка инициации запроса на обработку платежа по заказу 025:31

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  и API  на ASP.NET!

В первом разделе этой продвинутой части курса,  на примере интеграции клиенnской части на React с одной стороны и платежной системы Stripe с другой ,  вы получите общее представление,  о том как можно добавить на сайт оплату товаров online.

Сначала будет рассмотрен порядок загрузки данных о плательщике.

Затем будет создан публичный ключ Stripe.

Далее,  мы разберем как создать отдельный компонент для оплаты.

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

В следующем разделе этой части курса,   будет рассмотрен пример управления заказами на уровне клиентской части приложения.

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

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

Так же в заключительном разделе, будет показана настройка защиты доступа к ресурсам на сервере в API на ASP.NET,  а также передача валидного токена при формировании запросов к API из клиентской части приложения. 

И если вы до сих пор еще не решили, то включайтесь, и получите уникальный опыт full stack разработки на ReactJS + Redux+ WEB API ASP.NET!

Who this course is for:

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