Desarrollo Web Full Stack Online Oct_24

JS, ES6, Frontend, Backend, testing, Deploy. Stack MERN: Mongo, Express, React, Node.js

 

¿Qué vas a aprender?

A dominar las tecnologías Front-end y Back-end en desarrollo web. A crear interfaces de usuario atractivas. A gestionar eficientemente las bases de datos y los servidores. A profundizar en las tecnologías y los lenguajes de programación más utilizados en empresas para desarrollo web. Aprende sobre HTML; CSS, JavaScript, Express, Node JS, React y bases de datos con MongoDB y SQL.

top

🗺️ Navegación rápida

• HTML | CSS | JS Fundamentals Sprints 1 y 2
• JS Avanzado Sprints 3 a 8
• Backend Sprints 9 a 15
• Frontend Sprints 18 a 24

✅ Challenges Resueltos
✅ Stackblitz - Resueltos

Nota: para abrir los enlaces en una nueva pestaña CTRL+click (en Windows y Linux) o CMD+click (en MacOS) sobre el link.

📚 Temario

Ramp Up

🚀 SPRINT 1. HTML y CSS

HTML Fundamentos

• Lenguaje de marcado y lado del cliente
• Encabezados, párrafos, formato de texto, citas, listas, comentarios
• Enlaces, tablas y etiquetas multimedia
• Formularios y etiquetas semánticas

CSS

1. Introducción a CSS

• ¿Qué es CSS?
• Un elemento en CSS
• Conectando HTML y CSS
• Selectores, modelo de cajas y posición
• Display & Flexbox

2. Flexbox y Media Queries

• Mobile first y media queries
• Transform, transiciones y animaciones

🚀 SPRINT 2. JS Fundamentos

• Variables y tipos de datos
• Operadores, Arrays y Bucles
• Funciones, Condicionales y Objetos

Volver arriba

Core

JS_Avanzado

🚀 SPRINT 3. JS Avanzado 1

• Terminal y comandos
• Git y GitHub
• DOM, nodos y eventos
• SetAttribute

🚀 SPRINT 4. JS Avanzado 2

• Funciones puras y arrays
• Métodos de array
• Fetch

🚀 SPRINT 5. JS Avanzado 3

• Destructuring
• Spread Operator y Rest Operator
• Bucles avanzados
  • Foreach, Map, Reduce, Filter
• localSotrage y sessionStorage
• Métodos de objeto

🚀 SPRINT 6. JS Avanzado 4

• Asincronía y promesas
• Async/Await
• Axios
• API

🧑🏻‍🚀 SPRINTS 7 y 8. Project Break 1

Volver arriba

BACKEND

🚀 SPRINT 9. node.js

• Qué es Node.js
• Asincronía y Eventos
• Modulos
• Modulo HTTP
• Modulo File System
• Modulo URL
• NPM
• Event Loop
• Creación de Servidores HTTP
• Rutas y Métodos HTTP

🚀 SPRINT 10. express.js

• Qué es Express.js
• Rutas
• Middlewares
• Plantillas de vistas
• Enrutamiento modular
• Manejo de Archivos Estáticos
• Instalación y configuración

🚀 SPRINT 11. API Rest y Scrapping

• Creación de una API REST con Express.js
• Definición de Rutas y Métodos
• Pruebas de la API
• CRUD
• Scraping con JavaScript: Axios y Cheeri

🚀 SPRINT 12. AUTH0 JWT y Fetch / Axios

• Qué es Auth0 JWT
• JSON Web Tokens (JWT)
• Bcrypt
• Middleware para Sesiones, Bcrypt y JWT
• CORS

🚀 SPRINT 13. SQL

- Instalación
- SQL Tipos de Datos
- MySQL - Estructuras y Consultas Básicas
- Consultas y comandos

🚀 SPRINT 14. TESTING, MongoDB y Mongoose

TESTING: Jest y Supertest

• Qué es Jest
• Pruebas unitarias
• Matchers
• Mocks y Espías Integrados
• Pruebas Asíncronas
• Snapshot Testing

MongoDB y Mongoose

• Introducción a MongoDB
• Documentos y Colecciones
• Mongoose: Modelado de Datos para MongoDB en Node.js
• Definición de Esquemas y Modelos con Mongoose
• Operaciones CRUD Básicas con Mongoose

🚀 SPRINT 15. DOCUMENTACIÓN y DEPLOY

• DOCUMENTAFCIÓN con Swagger y Swagger UI
• DEPLOY con Render

🧑🏻‍🚀 SPRINTS 16 y 17. Project Break 2

🚀 SPRINT 18. REACT y CLEANCODE

• Introducción a React
• JSX en React
• Componentes en React
• El Hook useState
• Cleancode

🚀 SPRINT 19. REACT Routing y useEffect

• Routing
  • Componentes: BrowserRouter, Routes, Route, Link, Outlet
• useEffect
• Formularios en React
  • Componentes controlados y useState
  • Componentes no controlados y DOM
• Estilos en React

Volver arriba