|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-de-principiante-a-experto-creando-mas-de-10-aplicaciones/
课程评论：没有评论
课程名称：《React 与 TypeScript - 完整指南：创建 10+ 项目》 课程概述：本课程旨在通过实际项目逐步教授 React 和 TypeScript 的使用。即使你的 JavaScript 基础较弱，课程也包含详细的入门介绍，帮助你掌握必要的知识。如果你想学习 React 却只记住了 Pokémon 的名字，那么这个课程适合你。在课程中，我们将涉及 React 的整个生态系统，包括状态管理、Hooks 的使用、创建自定义 Hooks、高级 Hooks、全局状态管理、组件与事件、查询外部 API 及创建自己的 API。 项目清单： 1. **购物车**：学习 React 的基础，创建一个具有数量和价格功能的真实购物车，并了解 TypeScript 的优点。 2. **小费与消费计算器**：为餐厅设计的项目，用户可以生成订单并选择小费。 3. **卡路里和锻炼计数器**：处理表单输入，进行数据验证，并了解 useReducer 的使用。 4. **使用 useReducer 迁移购物车**：将购物车项目迁移到 useReducer，深入理解新技术。 5. **使用 useReducer 迁移小费计算器**：同样将小费计算器迁移到 useReducer。 6. **开支与预算控制**：利用 Context API 管理全局状态，实现按类别过滤开支和数据可视化。 7. **患者管理系统**：学习 Zustand 和 React Hook Form，用于全局状态管理和表单处理。 8. **天气应用**：创建一个从 API 获取数据的应用，练习 API 请求和响应处理。 9. **加密货币估价器**：连接 API 获取加密货币的价格，使用 Zustand 和 Zod 进行响应验证。 10. **食谱搜索器**：实现多页面应用，使用 React Router DOM 构建。 11. **产品管理系统**：开发首个全栈项目，使用 PERN 技术栈，涉及 REST API、测试和文档化。 12. **任务与项目管理器**：最复杂的项目，使用 MERN 技术栈，包括用户认证系统及角色管理。 13. **食品 kiosko**：课程最后介绍 Next.js，涉及多种现代技术实现完整功能。 本课程通过这些项目涵盖了 React 与 TypeScript 的所有关键概念，帮助学生在实际操作中掌握这些技术。
Aprende React con TypeScript paso a paso creando proyectos del mundo real.El único curso en Udemy que enseña React con proyectos del mundo real; Incluso si tus bases de JavaScript no son muy fuertes el curso tiene una introducción con todo lo que debes saber.¿Quisiste aprender React y solo te aprendiste los nombres de los Pokemon? entonces este curso es para ti.En este curso aprenderemos a crear proyectos reales abarcando todo el ecosistema de React: State, Hooks, crear tus propios hooks, hooks avanzados, estado global, componentes y eventos, consultar API's externas y crear tus propias API'sTodos los Proyectos incluyen TypeScript desde el inicio.Proyecto 01: Carrito de compras.- En este proyecto estaremos aprendiendo los fundamentos de React: Componentes, Eventos y State, mientras creas un carrito de compras real con cantidades, precios, y más, tomaremos este mismo carrito para mostrarte como crear tus propios Hooks y como transformarlo a código de TypeScript y cuales son sus beneficios.Proyecto 02: Calculadora de Propinas y Consumos: Un proyecto ideal para restaurantes donde se podrá generar una orden con consumos y la persona podrá elegir la propina que desea dejar.Proyecto 03: Contador de Calorias y Ejercicios: Una de las tareas que más vas a realizar en tu vida como Developer es procesar formularios; en este proyecto tendremos un formulario, leeremos sus datos, lo vamos a procesar y realizar algunas operaciones como validación y mucho más, además aprenderás que es useReducer para manejar estados complejos en tus apps.Proyecto 04: Migrar Carrito de Compras a useReducer: En este capítulo estaremos viendo como tomar el proyecto de carrito de compras y convertirlo hacia useReducer; cuando tomas un proyecto que conoces en una tecnología nueva es garantía que podrás entender mejor los conceptos.Proyecto 05: Migrar Calculadora de Propinas hacia useReducer: Veamos como migrar nuestro otro proyecto hacia useReducer.Proyecto 06: Control de Gastos y Presupuestos: En este proyecto estaremos viendo que es Context API para tener un estado global sin dependencias; Context API va a ayudarte a no pasar props por cada componente, completamos el curso con filtrar gastos por categoría, calendario de fechas de gastos, gráficas y mucho más!Proyecto 07: Administrador de Pacientes: Este proyecto añade 2 herramientas nuevas: Zustand para manejar un estado global de forma muy simple y React Hook Form, una librería para tener validación y procesamiento en formularios de forma bastante sencilla.Proyecto 08: Aplicación de Clima: Esta será nuestra primera aplicación que obtiene datos de una API, como React Developer vas a trabajar en muchos proyectos que incluyen API's; estaremos viendo como validar y enviar peticiones hacia API, como leer las respuestas y como mostrar esa información.Proyecto 09: Cotizador de Criptomonedas: Este proyecto al igual que el anterior se conecta a una API para obtener el precio de una Criptomoneda en dolares, pesos mexicanos y otras monedas; Este proyecto incluye Zustand y Zod para validar las respuestas que obtenemos de nuestra API.Proyecto 10: Buscador de Recetas: Este es nuestro primer proyecto que incluye múltiples páginas; lo estaremos realizando con React Router DOM la librería más popular para crear aplicaciones en React de múltiples página, este curso utiliza el Slice Pattern para tener múltiples Stores de Zustand!Proyecto 11: Administrador de Productos: Este es nuestro primer proyecto Full Stack donde estaremos creando tanto frontend como backend utilizando el PERN (PostgreSQL, Node.js, Express y React) este proyecto utiliza una REST API que conectaremos con React, añadiremos temas más avanzados como Testing y Documentación de API's.Proyecto 12: Administrador de Tareas y Proyectos: Este es el Proyecto más avanzado del curso, utiliza el MERN stack que es uno de los más populares hoy en día, este proyecto incluye un sistema robusto de autenticación y registro de usuarios con confirmación de cuentas y resetear el password en caso de olvidarlo; además incluye roles y los usuarios solo pueden realizar ciertas acciones. El curso incluye además una REST API bastante compleja y avanzada, El curso utiliza también React Query, Tailwindcss, React Router, Mongoose, Express, TypeScript y mucho más.Proyecto 13: Quiosco de Comida: Finalizaremos este curso con una introducción a Next.js, utilizaremos la versión 14 con App Router, Server Actions, Prisma, Zod, Zustand, Tailwind, y mucho más, el proyecto incluye subida de archivos, CRUD Completo, paginador, buscador y más.
