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

所在平台: Udemy

课程主页: https://www.udemy.com/course/redux-react-for-back-end-ru/

课程评论:没有评论

第一个写评论        关注课程

课程简介

## Coursera 课程内容总结:ReactJS 与 ASP.NET 从零到工作应用(第二部分) 本课程是关于 React 和 Redux 库以及 ASP.NET API 的第二部分,侧重于实践。通过完成练习和构建简单的项目,学员将深入理解 Redux 在 React 开发中使用的基本概念、术语和模式。 **课程目标:** * **掌握 React + Redux 实战:** 通过创建实际项目,获得使用 React 和 Redux 进行开发的实践经验。 * **理解前端技术发展:** 了解现代前端技术的发展趋势,以 React.js + Redux 为例。 * **从零到入门级开发者:** 帮助初学者从零开始,逐步成长为能够独立开发 React + Redux 应用的开发者。 * **适用人群广泛:** 即使已有 HTML, CSS, JavaScript 基础但对 ReactJS 等 JS 库不熟悉的 Web 开发者,也能从本课程中受益。 **核心内容概览:** 1. **Redux 基础介绍:** * Redux 的基本概念和作用。 * 开发所需工具和扩展的介绍。 2. **Redux 核心概念详解:** * **Store (存储):** Redux 的核心数据存储。 * **Reducers (减速器):** 如何根据 Action 更新 State。 * **Actions (动作):** 触发 State 改变的事件。 3. **React 与 Redux 集成:** * 在 React 组件中获取 Redux Store 中的数据。 * 在 React 组件中触发(dispatch)Redux Actions。 4. **高级 Redux 技术:** * **Slices (切片):** 组织和管理 Redux 数据的模块化方式。 * 多组件间的数据管理。 * 从外部 Reducer 监听 Actions 激活。 * 在独立文件中组织 Actions 的导入导出。 5. **组件导入导出优化:** * 在单体应用中组织组件导入导出的替代方案。 6. **Redux Toolkit Query (RTK Query) 实战:** * 使用 RTK Query 生成异步 HTTP 请求与外部 API 交互。 * **JSON Server:** 搭建简单的测试服务器,模拟 API 请求和响应。 * **RTK Query 的 Query 和 Mutation:** 详细讲解它们的特性和区别。 * **CRUD 操作实现:** 通过 Query 和 Mutation 实现基本的 CRUD(创建、读取、更新、删除)操作,从简单到复杂,支持传递对象和参数。 * **数据管理与缓存:** 学习基于标签管理状态,以及对重复请求进行数据缓存,并对来自外部 API 的响应数据进行排序。 **课程产出:** * 掌握 Redux 和 RTK Query 的核心概念和实战技巧。 * 能够独立构建简单的 React + Redux 应用程序。 * 为 GitHub 上的项目提供实践证明,展示对 React.js 框架的理解。 **课程价值:** 本课程不仅能让学员理解现代 Web 界面的开发方式,还能帮助他们亲手构建出令人印象深刻的应用。 ---

课程评论(0条)

课程详情

Это вторая часть курса по библиотеке React и Redux, и API ASP.NET, является в большей части, практической, где по мере выполнения заданий и создания простейших проектов, также будут, достаточно детально рассмотрены базовые понятия, концепции и термины, используемые в Redux для React. В курсе вы получите практический опыт создания простых приложений на React + Redux, где будут задания, для самостоятельного выполнения, а также по ходу изучения курса, вы создадите несколько проектов, которые можно выложить на GitHub, как доказательство того, что вы действительно что то знаете об этом фреймворке. Цель этой части курса, достаточно проста, дать возможность начинающим разработчикам, понимание того, куда и как развиваются веб технологии в части front end, на примере фреймворка React.js + Redux. Однако поскольку эта часть курсу, начинается с основ Redux, он также подойдет и тем кто уже работает в веб разработке и разбирается в HTML, CSS и JavaScript, но ничего не знает про JS библиотеки, типа ReactJS. Это будет практическая часть обучения, в которой, вы сможете пройти путь с нуля и до начинающего разработчика в React JS + Redux!Вначале, вы получите общее представление о том что такое Redux, также в этой части будет показано, какие инструменты, потребуются для разработки, а также какие расширения будут использованы для написания кода на React + Redux. Далее будет рассмотрен пример использования Redux, для хранения и управления данными в приложениях.Затем будет подробно рассмотрено, что такое хранилище или store в Redux, что такое редукторы или reducers в Redux, что такое Actions, или методы действия в Redux.Далее, на примере работающего кода, будут рассмотрены способы получения данных из хранилища Redux, в компонентах React, возможности управления методами действия Redux, из компонентов React.Затем будет рассмотрено понятие slice или срезов в Redux, управления данными в нескольких компонентов React, настройка прослушивания активации методов действия из внешних редукторов в Redux.Также будет рассмотрены возможности методов действий во внешних файлах в Redux.Затем будут рассмотрены альтернативные возможности организации импорта и экспорта компонентов в едином приложении. В следующем разделе, но основе простого примера приложения, будут рассмотрены возможности генерации асинхронных HTTP запросов во внешние API, с помощью Redux Toolkit Query. Что бы проверить работоспособность создаваемого приложения, сначала будет рассмотрена возможность, установки простого тестового json - сервера, который может эмулировать обработку запросов и формирование ответов для Redux Toolkit Query.Затем на простом примере, будет рассмотрена возможность создания компонентов React,которые могут взаимодействовать с внешними API, генерировать запросы для них и получать ответы, которые могут быть в свою очередь, доступны для остальных компонентов приложения.Далее, будут рассмотрены такие понятия как Query и Mutation в Redux, в чем их особенности и различия.Затем последовательно, будет рассмотрено формирование функциональности основных CRUD операций, с помощью Query и Mutation, с переходом от простых видов запросов, до сложных запросов, с передачей объектов и/или параметров в таких запросах.Здесь также будут рассмотрены вопросы управления данными в состоянии, для компонентов на основе тегов, а также использование кеширования данных, для однотипных запросов и сортировки данных полученных в ответах из внешних API.Этого вводного курса по Redux и RTK Query будет достаточно, что бы не только понимать, как разрабатываются современные веб интерфейсы, но также и создать простые приложения на React + Redux.И если вы до сих пор еще не решили, нужен ли вам этот курс, но дочитали до конца описание этой части курса, то решайтесь - значит вам это действительно нужно!

课程标签

0人关注该课程

主题相关的课程