ReactJS Básico
Indice del Curso
El contenido del curso Curso práctico de ReactJS - Carrito de Compra tiene 2 Unidades en orden correlativo, organizado por un número determinado de capítulos:
Carrito de compras - Js
1 Manejo del DOM con Javascript
Para esta primera lección usaremos una cabecera hecha con html y css para explicar de manera sencilla cómo manipular el dom con Js...
2 La documentación de Javascript
En esta nueva lección, estaremos viendo cual es la documentación más usada de Javascript así como revisar que interfaces)estuvimos...
3 Agregando eventos con Javascript
A partir del código dado usaremos Javascript para agregar contenido al carrito, por lo que veremos temas como agregar hijos y even...
4 Funciones en Javascript
La lección de hoy estará enfocada en avanzar con la inserción de cursos al carrito, pero como tema general abordaremos todo lo ref...
5 Objetos en Javascript
Extendiendo lo visto en la lección anterior, retomaremos algunos conceptos alrededor del uso del this; además de ver la forma más...
6 ¿Cómo usar el localStorage?
Última lección de la unidad, se usará el localStorage para darle al carrito la capacidad de poder conservar los cursos en él a pes...Carrito de compras - REACT
7 Node.js, JSX, Vite y primeros pasos
Alguna vez te has preguntado porque necesitamos instalar Node para usar React o que es Vite, en esta lección aclararemos temas bás...
8 El apartado visual del sitio web
En esta lección nos centraremos en explicar como se distribuirán las carpetas dentro de src, además que tendremos una breve introd...
9 Algunas diferencias entre React y Javascript
A lo largo de la lección de hoy iremos agregando más contenido, la idea es avanzar hasta tener una cabecera y el nombre de un par...
10 Primer acercamiento a los hooks
En esta lección desarrollaremos lo referente a la desestructuración (de objetos y arrays) y tendremos nuestro primer acercamiento...
11 Creando un proveedor para el contexto
Esta es la lección más larga del curso, aprenderemos sobre el contexto y ahondaremos en el proveedor, aplicándola en crear un filt...
12 Terminando el carrito y consumiendo apis con AXIOS
La última lección del curso, terminaremos todo lo referente al carrito y cambiaremos nuestra fuente de datos de un archivo plano a...Requisitos
No es curso de programacion básica asi que espero que tengas conocimientos mínimos de lógica de programación, bucles, bifurcaciones y programación orientada a objetos, también necesito que sepas lo mínimo de css pero como te estaremos mostrando el código de los estilos realmente no es obligatorio; otras cosas que también vas a necesitar son:
- Algún cliente donde correr la api Laravel (wamp, xamp, Docker)
- Editor de código (Visual Code como recomendación)
- Windows 10 o superior (versiones recientes de Node no trabajan con windows 7)
- Navegador (Chrome, Brave, Firefox, etc).
Descargables del Proyecto
Disponible
El curso tendrá dos unidades, la primera orientada a que aprendas lo mínimo necesario de Javascript para poder iniciarte en React (aun así los conceptos más importantes como desestructuración o la sintaxis de expansión las dejo para la unidad dos), esto lo lograremos con el proyecto que le da título a la unidad "Carrito de compras", un ejercicio bastante común, pero que tendrá el toque extra de Codea (código por lección al final de cada página) para que entiendas cómo funcionaba javascript antes de React, el hacer un carrito de compras requerirá conocer sobre: manejar el dom, insertar eventos, crear funciones, crear objetos y otro puñado de conceptos que te estaremos enseñando.
En cuanto a segunda unidad, repetiremos el ejercicio, pero esta vez en react, es decir, nuestro carrito de compras pasará a estar hecho en React, lo que necesitara que aprendamos nuevos conceptos como lo son todo el entorno que hay que saber para programar con React (Node.js, JSX, Vite), una paradigma de programación diferente (React es declarativo, no imperativo como lo es el javascript de la primera unidad) y unas nociones extra sobre librerías que complementan perfectamente a React (axios y react router).
Cabe aclarar que este no es un curso de Laravel, aquí en Codea tenemos cursos actualizados sobre Laravel por lo que en este curso aunque usaremos una api Laravel realmente no nos detendremos en los detalles más técnicos del framework.
1233
