React para Empresas - Crea un Micro-Ecommerce React y Strapi
What you'll learn
- Aprenderás a construir Single Page Applications (SPA) con React
- Aprenderás a utilizar TailwindCss
- Aprenderás a utilizar hooks en React
- Aprenderás a Crear un store con reduxToolkit
- Aprenderás a crear componentes reutilizables con diferentes propiedades
- Aprenderás cómo instalar librerías de componentes para ahorrar tiempo de desarrollo
- Aprenderás a configurar una base de datos con Strapi y el control de sus colecciones
- Aprenderás a comunicarte con una base datos con Axios
- Aprenderás registro de usuarios e inicio de sesión con JWT y Strapi
- Aprenderás a integrar la pasarela de pagos de PayPal
Requirements
- Descargar el material que se encuentra en los recursos de las diferentes clases de cada sección. Tener principios en Javascript, HTML y Css
Description
React es un de las librerías más populares que se pueden aprender en esos días, para construir interfaces rápidas y modernas para la web, también es la puerta de entrada a React native para desarrollar aplicaciones IOS o android.
En este curso teórico-práctico crearemos un proyecto Micro-Ecommerce donde los usuarios podrán registrarse y comprar productos, para ello utilizaremos React como frontend y Strapi como backend.
Utilizaremos como librería gráfica TailwindCss.
Empezaremos por lo básico de React para ir aumentando poco a poco la dificultad en los conceptos, para que te vuelvas un experto.
Veremos como administrar datos con strapi y como consumirlos desde React.
Te dejamos la lista de contenidos.
Aprenderás sobre:
Como iniciar un proyecto React
Instalar y configurar TailwindCss en un proyecto React
Que son y como se utilizan los componentes
Declarar propiedades en los componentes
Crear Rutas con React Router V6
Rutas dinámicas con React Router V6
Los diferentes tipos de eventos en React
Renderizar listas
Los diferentes tipos des ganchos (Hooks) de React
Capturar valores de formularios
Crear un store con reduxToolkit
Ganchos de reduxToolKit y slices
Validación de formularios con ReactHookForm
Instalar y configurar Strapi
Que son las colecciones y las relaciones en Strapi
Adjuntar un plugin en Strapi
Pedir datos desde React a Strapi via Axios
Populate Data
Registro e inicio de sesión con JWT y Strapi
Filtros Strapi
Bonus (adjuntar paypal a tu proyecto)
Este curso te enseñará todo lo que necesitas para ser un desarrollador React.
¿CÓMO ES EL CURSO?
El curso se divide en varias secciones:
En las primeras secciones abordaremos las tecnologías React, TailwindCSS y React router, como están estructurados y cómo funcionan y como configurarlos.
En las otras secciones vamos a configurar el backend con Strapi y a pedir los datos desde react
Iremos paso a paso mostrando la teoría y luego poniéndola en práctica, siempre mostraremos varias posibilidades de llegar a un mismo resultado.
Es recomendable tener conocimientos básicos Javascript, todo lo otro lo aprenderás acá.
¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?
Depende de ti. Estimo que en menos de un mes puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.
¿CUÁLES SON LOS REQUISITOS?
Descargar el material que se encuentra en los recursos de las diferentes clases de cada sección. Tener principios en Javascript, HTML y Css
¿A QUIÉN VA DIRIGIDO ESTE CURSO?
Este curso va dirigido a personas que buscan incursionar en el desarrollo frontend con React o las personas que quieren profundizar en sus conocimientos React.
Who this course is for:
- Este curso va dirigido a personas que buscan incursionar en el desarrollo frontend con React o las personas que quieren profundizar en sus conocimientos React.
Instructors
Mi nombre es Juan Fernando Urrego, soy profesional en Diseño Visual, programador y especialista en Administración de la Informática Educativa. Dedicado tiempo completo a la docencia en Desarrollo Web y Diseño Interactivo. Fundador del portal de cursos Tutoriales a tu Alcance. Soy un convencido de que la internet es la oportunidad del conocimiento, la educación y los empleos del futuro.
En el año 2006 cuando estaba terminando mis estudios universitarios en Diseño gráfico, decidí tomar dos cursos extra de diseño web, uno de maquetación en HTML con CSS y el otro de Action Script que era bastante popular para la época. Gracias a estos cursos conseguí trabajo como diseñador web y comencé a enamorarme de la programación, allí comprendí que lo mio era el desarrollo web.
Entré a otros cursos como Javascript, Jquery, Php y Mysql entre otros, empleaba mi tiempo libre para crear proyectos personales y ayudarle a mis amigos con dudas en el desarrollo web. Años después, mi amigo Juan Urrego me propuso ser profesor en una institución educativa de Colombia, no fue difícil tomar la decisión porqué es algo que siempre quise ser. En esta institución dicte cursos de diseño pero sobretodo de programación web.
Luego me fui a vivir a otro país, donde actualmente trabajo como desarrollador web full stack, también estoy realizando una maestría en UX.
Me apasiona aprender (siempre lo estamos haciendo) y compartir mis conocimientos.