Este proyecto sirve como una introducción al desarrollo moderno de aplicaciones web con JavaScript, donde el foco principal esta puesto en construir SPAs (single page applications), o aplicaciones de una sola página, con ReactJS que utilicen APIs REST construidas con Node.js. En éste proyecto tambien se agregará una sección sobre GraphQL, una alternativa moderna a APIs REST.

Se cubrirá algo de testing, configuración y manejo de entorno, y el uso de MongoDB para persistir los datos de la aplicación, como así también CI/CD y finalmente una introducción a TypeScript y React-Native.

Vale aclarar que este curso estará en constante actualización y que cualquier aporte es bienvenido.

Parte 0: Fundametos de las aplicaciones Webs

1. Fundamentos de las aplicaciones Web
   • HTTP GET
   • Aplicaciones web tradicionales
   • La lógica de la aplicación corriendo en el navegador
   • Control de eventos y funciones Callback
   • DOM o Modelo de Objetos del Documento
   • Manipulando el Document-Object desde la consola
   • CSS
   • Cargando una página que contiene JavaScript
   • Formularios y HTTP POST
   • AJAX
   • SPA o aplicación de una página
   • Librerías de JavaScript
   • Desarrollo web full stack
   • Fatiga JavaScript
   • Tutoriales
     • HTML
     • CSS
     • Mi primer formulario HTML

Parte 1: Introducción a React

1. JavaScript
2. Introducción a React
3. Estado del componente, manejo de eventos
4. Un estado mas complejo, depurando aplicaciones React

Parte 2: Comunicación con el servidor

1. Renderizando una colección, módulos
2. Formularios
3. Obteniendo datos del servidor
4. Alterando datos en el servidor
5. Agregando estilos a las aplicaciones React

Parte 3: Programando un servidor con NodeJS y Express

1. Node.js y Express
2. Desplegando una aplicación en internet
3. Guardando datos en MongoDB
4. Validación y ESLint

Parte 4: Testeando el servidor Express, administración de usuarios

1. Estructura de las aplicaciones backend, introducción al testing
2. Testeando el backend
3. Administración de usuarios
4. Autenticación con Token

Parte 5: Testeando aplicaciones React

1. Login en el frontend
2. props.children y proptypes
3. Testeando aplicaciones React
4. Testeo de punta a punta

Parte 6: Manejo de estados con Redux

1. Arquitectura Flux y Redux
2. Muchos reducers
3. Comunicación con el servidor en una aplicación redux
4. connect

Parte 7: React rounter, custom hooks, estilo de la aplicación con CSS y Webpack

1. React-router
2. Custom hooks
3. Mas sobre estilos
4. Webpack
5. Componentes de Clase y más

Parte 8: GraphQL

1. Servidor GraphQL
2. React y GraphQL
3. Base de datos y administración de usuarios
4. Login y actualización del cache
5. Fragments y Subscriptions

Parte 9: CI/CD

1. Introducción a CI/CD
2. Comenzando con GitHub Actions
3. Deployment
4. Siempre verde
5. Expandiendose más

Parte 10: TypeScript

1. Introducción
2. Primeros pasos con TypeScript
3. Escribiendo una aplicación Express
4. React con tipos

React Native

1. Introducción a React Native
2. Lo básico de React Native
3. Comunicación con el servidor
4. Testeo