Web Full Stack Developer Bootcamp

12h.

Repasaremos los conceptos básicos, la preparación de nuestros entorno de desarrollo (OS, CLI) y los conocimientos de programación básica (VSCode, desde 0 a funciones y metodologías ágiles), Conceptos básicos de programación, VSCode, Programación básica. Prepararemos el entorno de trabajo, VSCode y CLI. de lógica de programación, entornos de trabajo, el mismo IDE que usaremos durante el programa.

1. Programación Lógica
2. Programming basics
3. Entorno de trabajo, VSCode, CLI.
4. Metodologías ágiles

27h.

Primeros pasos en Desarrollo Web con HTML5 y CSS. Buscaremos conocer el funcionamiento de Internet y los servidores web, la importancia del diseño, y los diferentes roles de cada uno de los componentes. Dominaremos los elementos cotidianos de HTML y CSS.

1. Fundamentos Web
   • Conocer el funcionamiento de Internet y los servidores web
   • La importancia del diseño
   • Los diferentes roles de cada uno de los componentes
2. HTML5:
   • Qué es HTML
   • Elementos básicos Heading
   • Elementos básicos Paragraph
   • Tags Self Closing
   • Ejercicios
   • Elemento List
   • Nesting e Identación
   • Elementos anchor
   • Elementos image
   • Ejercicios
   • Páginas web múltiples
   • Html boilerplate
   • Hosting de páginas web
   • Hipervínculos.
   • Buenas prácticas en HTML.
3. CSS3
   • Introducción a CSS, porqué necesitamos CSS
   • Cómo añadir CSS
   • Selectores CSS
   • Ejercicios
   • Propiedades:
   • Colores CSS
   • Fuentes
   • Inspeccionar CSS
   • El modelo Box (márgenes, padding, bordes)
   • Cómo se aplican los estilos - La cascada, especificidad, herencia
   • Combinar selectores
   • Posicionamiento en CSS
   • CSS Display
   • CSS Float
   • Como crear sitios responsive
   • Media Queries
4. Flexbox
   • Uso de flexbox para el diseño de layout.
   • Comprensión básica de Flexbox
   • Creación de diseños flexibles y adaptables.
5. Grid
   • Diferencias y aplicaciones entre grid y flexbox.
   • Creación y organización de layouts con grid.
   • Bootstrap
   • Instalación y uso del marco Bootstrap.
   • Sistema de diseño de 12 columnas y componentes como botones, carruseles y barras de navegación.

30h.

Ahondaremos en uno de los lenguajes de programación más utilizados: Javascript.
Veremos aspectos elementales como sintaxis, tipos de datos, estructuras de control, funciones y programación orientada a objetos. Métodos y manipulación de arrays y objetos.

1. Javascript y Document Object Model (DOM)
   • Lenguajes tipados y no tipados
   • Variables, Tipos de datos.
   • Condicionales.
   • Ciclos/Bucles.
   • Functions
   • Tipos de Datos, variables, Convenciones de nombres
   • Strings, Concattenación, Slicing y Extracción.
   • Aritmética básica
   • Expresiones
   • Funciones - creación y consumo
   • Parámetros y argumentos.
   • Generción de números random.
   • Control if-else, condicionales, lógica. Compración,
   • Arrays en Javascript
   • Loops for, while
   • Añadir Javascript a los Websites
   • Introducción al DOM
   • Solucionar el reto del DOM
   • Seleccionar elementos HTML con Javascript
   • Manipular y cambiar estilos de elementos HTML
   • Estructura vs Estilo vs Comportamiento
   • Manipulación de Texto y la propiedad Text Content
   • Manipular los atributos de elementos HTML
   • Gestión de eventos
   • Funciones como argumentos
   • Sonidos
   • Switch
   • Objetos JS en profundidad
   • Listeners de ventos
   • Animación en un Website

18h.

Aprenderemos TypeScript como lenguaje basado en JavaScript con la característica de ser TIPADO y ORIENTADO A OBJETOS.

1. Conceptos básicos y el entorno de desarrollo de TypeScript.
2. Uso de tipos primitivos, especiales y complejos en TypeScript.
3. Declaración, tipado de funciones y objetos
4. Interfaces y tipos avanzados como union, intersection y genéricos.
5. Técnicas para manejar errores y depurar código en TypeScript
6. Creación de una App con TypeScript

36h.

Profundizaremos en el desarrollo FrontEnd a través de React, TypeScript y CSS avanzado.

1. Fundamentos:
   • Introducción a React, componentes, props, estado, hooks y enrutamiento.
2. Desarrollo:
   • Estado global con Redux, patrones avanzados, testing y optimizaciónEstado global con Redux, patrones avanzados, testing y optimización
3. Estilos y diseño avanzado:
   • CSS avanzado, diseño responsivo, CSS-in-JS y frameworks de diseñoCSS avanzado, diseño responsivo, CSS-in-JS y frameworks de diseño
4. Performance y optimización front end:
   • Optimización de carga y rendimiento, lazy loading, SEO y análisis con Lighthouse.Optimización de carga y rendimiento, lazy loading, SEO y análisis con Lighthouse.
5. Desarrollo progresivo y PWAs:
   • Implementación de Progressive Web Apps, Service Workers, notificaciones push y estrategias offline-first.

24h.

Comenzaremos a aprender a desarrollar el middleware con Node.js. El middleware es como el pegamento que une diferentes componentes de software, permitiendo que trabajen juntos de manera eficiente y coordinada.

1. Desarrollo backend con Node.js.
2. Uso de NPM, bucles de eventos, emisores y manejo del sistema de archivos.

9h.

Express.js es un framework minimalista y flexible para Node.js que se ha convertido en uno de los más populares para el desarrollo de aplicaciones web del lado del servidor. Una de las características clave de Express.js es su potente sistema de middleware.

1. Qué es Express.js
2. Crear mi propio servidor con Express
3. HTTP requests.
4. Postman
5. Introducción al Middleware
6. Middlewares personalizados

12h.

Aprender a usar APIs de terceros en el desarrollo de middleware te permite ampliar las funcionalidades de tus aplicaciones, ahorrar tiempo y recursos, y crear soluciones más completas y escalables al aprovechar servicios externos y datos de otras fuentes.

1. Introducción a API’s
2. Structurar las peticiones API
3. Postman
4. Qué es JSON
5. Hacer una petición API en el lado del Servidor
6. Autenticación API
7. Rest API
8. APIs públicas

45h.

Comprender las bases de datos SQL y NoSQL es fundamental para cualquier desarrollador backend, ya que estas tecnologías son la columna vertebral de la mayoría de las aplicaciones modernas. Cada una ofrece ventajas y desventajas específicas, y la elección de una u otra dependerá en gran medida de las características y requisitos de la aplicación.

1. Introducción a BD
2. Fundamentos de modelado de datos
3. Bases de datos relaciones
4. Modelos de datos
5. Mapeo de relaciones de entidad ERD
6. SQL vs No-SQL
7. Introducción a PostgreSQL
8. Instalación
9. Tipos y keywords
10. pgAdmin para Crear una tabla.
11. READ, SELECT, WHERE, LIKE, UINQUE, INSERT, …
12. Relaciones
13. Introducción a MongoDB
14. Instalación
15. Conceptos básicos
16. CRUD operations
17. Índices
18. Agregaciones
19. Modelas de datos
20. Replication
21. Avanzados: Sharding, Seguridad, Backaup, Rendimiento
22. Integración con aplicaciones

9h.

Comprender el diseño, implementación, documentación y mantenimiento de APIs RESTful es crucial para construir aplicaciones web modernas y escalables, ya que permite crear interfaces claras y eficientes para que diferentes sistemas se comuniquen entre sí de manera estandarizada.

1. Diseño de APIs RESTful.
2. Implementación de operaciones CRUD.
3. Desarrollo, documentación y mantenimiento de APIs RESTful.

6h.

Comprender la autenticación JWT y local es esencial para asegurar las aplicaciones web, permitiendo identificar de forma segura a los usuarios y protegiendo sus datos.

1. Implementación y seguridad de autenticación con JWT y métodos locales

12h.

Aprender Docker o contenedores es esencial para el despliegue en producción porque facilita la creación de entornos de ejecución consistentes, aislados y escalables, lo que agiliza el desarrollo, mejora la portabilidad y garantiza la fiabilidad de las aplicaciones.

1. Fundamentos de contenedores, trabajo con imágenes y contenedores.
2. Uso de Docker Compose para gestionar la aplicación y sus dependencias.

6h.

Aprender sobre hosting y despliegue de aplicaciones es fundamental para llevar tus proyectos de desarrollo a un entorno de producción accesible a los usuarios.

1. Hosting y despliegue de aplicaciones.
2. Uso de GitHub Pages y Heroku.
3. Estrategias y herramientas para despliegue automatizado de aplicaciones

6h.

La seguridad de las aplicaciones web es un aspecto crítico en el desarrollo de software moderno. Exploraremos los principios fundamentales, las mejores prácticas y las herramientas clave para proteger tus aplicaciones.

1. Principios y prácticas para asegurar aplicaciones web en producción.
2. Principios de seguridad web
3. Configuración de HTTPS y certificados SSL
4. Gestión de secretos y variables de entorno
5. Pruebas de seguridad (OWASP Top 10)
6. Auditorías y monitoreo de seguridad

6h.

El monitoreo y gestión post-despliegue de aplicaciones, es importante para mantener el rendimiento y la disponibilidad de las aplicaciones en producción.

1. Monitoreo y gestión post-despliegue de aplicaciones.
2. Herramientas y técnicas para monitoreo de aplicaciones, logs, alertas, optimización del rendimiento y gestión de incidentes