Temarios Cursos presenciales 2022

remix_learning_path.md

Aprende Desarrollo web Full-Stack con Remix

Módulo 1. Básicos de Typescript para comenzar

1.1. Entendiendo cómo funciona Typescript
1.2. Instalando las herramientas en VSCode
1.3. Declarando interfaces
1.4. Declarando tipos
1.5. Usando la linterna
1.6. Typescript en React y sus tipos
1.7. Instalando el CLI de Remix en la terminal
1.8. Entendiendo qué es un sitio estático
1.9. Iniciando un proyecto con Remix
1.10. Rutas básicas en Remix
1.11. Usando Loaders en Remix
1.12. Convenciones para el nombre de los archivos

Módulo 2. Bases de datos y Forms

2.1. Cómo modelar datos
2.2. Seleccionando una Base de datos SQL vs NoSQL
2.3. Instalando Prisma y agregando nuestro modelo
2.4. Agregando datos de inicio a la DB
2.5. Leyendo datos desde el Loader
2.6. Vista de lista 
2.7. Vista de detalle con una ruta anidada de Remix

Módulo 3. Formularios y Actions en Remmix

3.1. Formularios básicos en Remix
3.2. Actions en Remix
3.3. Validaciones en el servidor
3.4. El fetcher de Remix
3.4. Formularios asíncronos

Módulo 4. CRUD con Remix

4.1. Agragando Formik a nuestro formulario
4.2. Nested routes para edición con modal (pequeño hack muy útil)
4.3. Validación en el cliente con Yup
4.4. Modelando los datos en la DB
4.5. Migraciones
4.6. Usando Fetcher para detectar tareas pendientes

Módulo 5. Deployment a producción

5.1. Preparando nuestra app para producción
5.2. Agregando una página 404
5.3. Agregando un catchBondary
5.4. Agregando un errorBoundary
5.5. BONUS: Publicando en Fly.io
5.6. BONUS: Usando github actions para automatizar
5.7. BONUS: Publicando en Vercel

Temario_Principios_fullstack.md

Comenzando con desarrollo web Full-stack

A. Server side rendering

A.1. Dominando el "request - response"
A.2. El trabajo de un servidor
A.3. Entregar sólo lo necesario
A.4. El mito del SPA(single page app)
A.5. Servidor http con sólo NodeJS
A.6. Un clásico: ExpressJS
A.7. Reto del módulo: Mono-repo con Remix

B. La plataforma

B.1. Aprovechando lo que ya existe
B.2. Loaders y Actions (funciones del servidor)
B.3. Formularios y defaults html
B.4. Explorando las herramientas de desarrollo
B.5. Typescript no es JavaScript
B.6. Production Builds
B.7. Reto del módulo: Fetcher

C. Bases de datos SQL y noSQL

C.1. Cómo funcionan las DB
C.2. ¿Qué es mejor, SQL o noSQL?
C.3. Creando una DB
C.4. Conectando con mi DB
C.5. Agregando datos a mi DB
C.6. Consumiendo mi DB
C.7. Reto del módulo: CRUD en Remix

D. Producción, desarrollo e integración continua

D.1. Git y Github avanzado
D.2. Github Actions
D.3. Hosting de producción y staging
D.4. Trabajo en equipo y pull requests
D.5. Contenedores?
D.6. Prueba unitarias
D.7. Reto del módulo: Publicando tu proyecto con robots

E. Los frameworks front-end

E.1. ¿Porqué React es tan popular?
E.2. Otras opciones a React
E.3. Componentes
E.4. Props
E.5. States y Context
E.6. Hooks
E.7. Reto del módulo: Creando una web app con componentes

F. Full-stack y el desarrollo por islas

F.1. Diseñando el proyecto final
F.2. Alcances y deadlines
F.3. ¿Trabajo en equipo o sólo dev?
F.4. Estructura de la DB
F.5. MVP
F.6. Coding like crazy
F.7. Launch!

Temario_principios_web.md

Aprende los principios del desarrollo web

A. Qué es la web

A.1. Entendiendo cómo funciona Internet
A.2. Qué es "la web" y quien es su protagonista
A.3. Sitios web vs Aplicaciones web
A.4. Servicios y micro-servicios
A.5. Qué implica el diseño web
A.6. ¿Qué es la experiencia de usuario?
A.7. Reto del módulo: Imaginando un sitio web.

B. La plataforma

B.1. Navegadores y su historia
B.2. Compatibilidad
B.3. Los lenguajes de la web
B.4. Ejercicio de compatibilidad con CSS
B.5. EcmaScript y sus versiones
B.6. Vistazo al futuro: WebAssembly
B.7. Reto del módulo: Request - Response

C. HTML5

C.1. Entendiendo la relación HTML5
C.2. Mi primer página web
C.3. CSS y cómo superar el dolor
C.4. Figma y componentes web
C.5. De Figma hacia HTML5
C.6. Editores de código
C.7. Reto del módulo: Tu propio componente

D. Interacción

D.1. Hola JavaScript
D.2. Programación Interpretada
D.3. Funciones
D.4. Eventos del navegador
D.5. Callbacks
D.6. DOM y nodos
D.7. Reto del módulo: Mini juego con JavaScript

E. Hosting

E.1. Qué es la nube
E.2. Servidores y que opciones hay para publicar
E.3. Opciones gratuitas
E.4. Opciones empresariales
E.5. Mi propio servidor en casa
E.6. Mi propio servidor profesional
E.7. Reto del módulo: Publicando mi propio sitio web

F. Proyecto final

F.1. Imaginando mi proyecto
F.2. Diseñando el proyecto
F.3. Un poco de trabajo en equipo (Github)
F.4. Integración continua de mi proyecto
F.5. HardWork: Programando
F.6. Testing y QA
F.7. Show time!