Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI

Sé un profesional, construye Apps reales y transforma tu habilidades.

4.90 (53 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
473
students
14.5 hours
content
Nov 2023
last update
$64.99
regular price

What you will learn

Instalaremos los entornos de desarollo y extensiones necesarias

Implementarás Material UI para que tu proyecto se destaque del resto

Aprenderás los conceptos básicos de Javascript ES6 y React

Implementarás Axios para conectarnos a nuestra API Net C#

Aprenderás a desarrollar Functional Components

Entenderás el funcionamiento de un componente controlado y no controlado

Sabrás implementar ciclos de vida mediante Hooks: useState, useRef, useEffect

Implementarás Context en React

Desarrollarás desde cero una API Rest en Net C# (Models, Controllers, DbContext y Settings)

Implementaremos JWT, SHA y LocalStorage para sesiones de usuario y seguridad

Aprenderás a desplegar tu aplicación completa en IIS

Description

Únete a nuestro emocionante curso de React!

Donde dominarás el manejo de JavaScript ES6, React Hooks, Functional Components, Jerarquía de Componentes y más.
También aprenderás a utilizar Hooks como useState, useRef, useEffect, useHistory, React Router y Styled Components.
Además, implementarás Material UI para diseños profesionales y de calidad.

En el backend, crearás una API REST con controladores y modelos de datos, conectándola a React a través de Axios.
Aprenderás a implementar medidas de seguridad con SHA, JSON Web Tokens y LocalStorage para proteger los datos y la información del usuario.

Por último, pero no menos importante, aprenderás a publicar tu aplicación en un proveedor de servicios de alojamiento web y hosting que ofrece una variedad de funciones y capacidades para hospedar sitios web y aplicaciones en línea.

Este curso es adecuado tanto para principiantes como para aquellos con conocimientos previos. Proporcionamos soporte constante y acceso a contenido actualizado.

Herramientas utilizadas:

· Visual Studio Code

· React

· JavaScript (ES6)

· React Hooks

· Functional Components

· Props

· React Router

· Styled Components

· API REST

· Modelo de datos

· Axios

· SHA (Seguridad)

· JSON Web Tokens (JWT)

· LocalStorage

· .NET Core (C#)

· Material UI

· HTML5

· CSS


Prepárate para impulsar tus habilidades y destacarte en el mundo del desarrollo tecnológico.

¡Un futuro lleno de posibilidades te espera!


Content

Introducción y Objetivos del curso

Bienvenidos
¿Qué aprenderemos en el curso?
Proyecto objetivo

Información importante

Velocidad de reproducción y marcadores
¿Cómo hacer preguntas?
¿Como obtengo los recursos descargables?
Grupo exclusivo de alumnos
Suscríbete al grupo exclusivo de alumnos

Software necesario

Introducción
Herramientas necesarias
Instalando Visual Studio Code
Visual Studio Code Shortcuts
Extensiones Visual Studio Code
Configurando Prettier
Instalando Node
Instalando Visual Studio Community
Instalando Postman

Introducción a Javascript Ecma Script 6

Introducción
Creando proyecto
let const y Scope
Concatenando con Backticks
Funciones Flecha (Arrow Functions)
Función Map
Operador Spread
Promesas: Fetch API
Async y Await
Import y Export
Desestructuración de Objetos
Descargar ejemplo IntroJS
Exámen de prueba (no obligatorio)

Introducción a React

¿Que es React?

Aprendiendo React

Introducción
Crear proyecto React
¿Cómo funciona React?
Componente Funcional, JSX y Virtual DOM
Componentes y Props PARTE 1
Componentes y Props PARTE 2
Estructura de componentes y uso de Snippets
Navegación con React Router
Link Router
Recursos descargables de la sección

Comenzando con Hooks, CSS y más en React

Introducción
Desestructuración de Props
Hook de estado: useState
Hook de referencia: useRef
Estilos CSS globales y por Componente PARTE 1
Estilos CSS globales y por Componente PARTE 2
Recursos descargables de la sección

API Rest Controlador Película

Introducción
Creando API Rest Net Core 5.0
Descargar Base de Datos SQL Películas
Configurando appsettings.json
Configurando la clase Startup.cs
Creando la clase PeliculasDbContext.cs
Configurando launchSettings.json
Creando modelo Pelicula.cs
Creando controlador PeliculaController.cs
Testear con Postman nuestro Endpoint
Recursos descargables de la sección

Fetch, Axios y CORS: Consumiendo nuestra API desde React

Introducción
Fetch para visualizar peliculas en componente PARTE 1
Fetch para visualizar peliculas en componente PARTE 2
Instalando Axios
Creando Middleware Axios Services
Creando Peliculas Services
Implementando Axios en componente Peliculas
Recursos descargables de la sección

Fin del curso

Despedida

Screenshots

Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI - Screenshot_01Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI - Screenshot_02Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI - Screenshot_03Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI - Screenshot_04

Reviews

Jesus
May 25, 2023
el curso deberia actualizarse a lo mas reciente tanto en react como en el back end todo lo demas muy bien

Coupons

DateDiscountStatus
2/13/202286% OFF
expired
3/2/202286% OFF
expired
10/27/202385% OFF
expired
11/5/202385% OFF
expired
11/17/202385% OFF
expired
1/12/202485% OFF
expired
1/19/202485% OFF
expired
2/6/202485% OFF
expired
3/4/202485% OFF
expired

Charts

Price

Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI - Price chart

Rating

Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI - Ratings chart

Enrollment distribution

Conviértete en Full Stack Dev: React/API Net C#/SQL/Mat UI - Distribution chart
3677766
udemy ID
12/3/2020
course created date
9/9/2021
course indexed date
Bot
course submited by