
Video de presentación del curso.
Explicación de qué es el Full Stack y cuál es el Stack MERN.
Una explicación de por qué vamos ha usar React Js entre tantos otros Frameworks de JavaScript que existen.
Explicación de por que estamos usando Node JS para crear nuestro Backend y no otro lenguaje como puede ser PHP, Python, etc...
Explicación de por qué estamos usando Express JS.
Explicación de por que vamos a usar la base de datos MongoDB y no otras como Firebase, MySQL, Postgres, etc...
Explicación de por qué vamos a usar el ODM Mongoose y que nos facilita las cosas.
Una explicación de todo lo que vamos a ver en esta sección de Conceptos básicos sobre React JS.
Veremos que es el JSX de React y por que nos facilita mucho a la hora de programar.
Veremos los conceptos básicos que tiene React para entender mejor como funciona.
Crearemos nuestra primera app con el comando create-react-app.
Veremos toda la estructura de una aplicación de React JS.
Crearemos nuestro primer componente y veremos todas sus partes.
Veremos una explicación de que son los PROPS de React y como funcionan.
Pasaremos props básicos de una componente a otro para crear componentes reutilizables.
Pasaremos variables y objetos por los props de nuestros componentes.
Vamos a aprender como podemos pasar funciones completas entre componentes usando los props de React JS.
Veremos que es la asignación por destructuring y como no puede ayudar con el manejo de props.
Podemos definir en nuestros componentes props por defecto en el caso de que no le pasemos ninguno.
Veremos que el Template Strings y como nos puede ayudar a mostrar las variables en los componentes.
Veremos el uso del hook de estado useState de React.
Veremos el uso del hook de efecto useEffect de React.
En este curso vas a aprender a crear una aplicación web que será una web personal con panel de Administrador protegido por un login con JWT, todo paso a paso usando el MERN Stack que está compuesto por MongoDB, Express JS, React JS y Node JS.
Crearemos nuestra aplicación desde cero sin usar nada prefabricado, aprenderemos base de datos no relacional con MongoDB, en el Backend crearemos un API REST con Node JS y Express JS y en el Frontend usaremos React JS con Hooks y en la parte del CSS usaremos SASS.
Cuando tengamos nuestra aplicación terminara aprenderemos a desplegar nuestra aplicación en la nube.
Este curso tiene como objetivo enseñarte a desarrollar cualquier tipo de aplicación desde cero, convirtiéndote en un desarrollador Full Stack sobre el MERN Stack.
Estructura del curso
Instalación y configuración del entorno de trabajo.
Desacoplaremos nuestro proyecto en tres bloques, Base de Datos, Backend y Frontend.
Crearemos una API REST desde cero conectada a MongoDB.
Aprenderemos a usar el ODM Mongoose.
Añadiremos al Frontend SASS.
Crearemos una configuración dinámica de React Router Dom.
Crearemos Sistemas de Layouts.
Creamos un sistema de Auth protegido con JWT y tendremos el AccessToken para permitir acceso y RefreshToken para recuperar sesiones.
Creamos un panel de Administrador para que nuestros usuarios con privilegios puedan gestionar la web.
Construiremos un Menú completamente dinámico gestionado desde el panel de administrador.
Crearemos una Home Page llamativa.
Programaremos un Sistema de Newsletter 100% funcional desde cero.
Crearemos una sección para subir cursos conectada a la API de Afiliados Udemy.
Creamos un Sistema de Blog, con paginación y creación de URL dinámicas todo gestionado desde el panel de Administrador.
Gestionaremos el SEO On Page para mejorar nuestra visibilidad en Google.
Desplegaremos nuestra aplicación en varios servidores en la nube.