ACADEMIA 4.0 | 1º CUATRIMESTRE 2025

BOOTCAMP FULL STACK ENGINEER 

 ►►CURSADA HÍBRIDA ◄◄

------------------------------------------------------------------------------------------------------------------------------------------------------

  ► CONTENIDO DEL CURSO  

Un bootcamp es una capacitación intensiva donde se ven distintas tecnologías  asociadas a la realización de un caso práctico de uso. En el caso de este bootcamp,  se aprenden tecnologías de diseño, maquetado y programación de un sitio web y su  servicio de backend, para así lograr desarrollar una tienda de compras (ECommerce)  paso a paso.  

En forma práctica se aprenderán HTML, CSS, JavaScript/ECMAScript, ReactJS,  Redux, Entorno NodeJS, MongoDB Database e integración de la pasarela de pagos,  para lograr crear una aplicación web que utiliza el stack de desarrollo MERN. 

------------------------------------------------------------------------------------------------------------------------------------------------------

  ► PLAN DE ESTUDIOS   

HTML

• ¿Qué es la Web? Diferencias entre Web e Internet. ¿Qué es HTML? Consola para desarrolladores en navegadores. ¿Qué es CSS? Estructura de documento HTML. Elementos de texto (h1 - h6, p, strong, b, em, i). Comentarios de HTML
• Elementos de línea y de bloque. Listas. ¿Qué son los atributos?. Validación en W3.org. Uso de CSS en línea y en etiqueta style. Comentarios de CSS. Primeras propiedades de CSS. Selectores de etiqueta y grupo
• Emmet básico. Formato de colores. Imágenes. Tipografías. Google Fonts
• Vínculos. Validación de archivo CSS externo. Estilizado y pseudoclases para vínculos. Más propiedades de CSS
• Etiquetas semánticas estructurales. Formularios 
• Emmet avanzado. Tablas. Infames. Uso de Google Maps, Youtube, cotizacion-dolar.com.ar y meteoblue.com o windy.com. Etiqueta video.

CSS BÁSICO + AVANZADO

• Selectores de etiqueta, id y clase. Selectores de grupo, adyacentes y descendentes. Tipografías.
• Modelo de caja. Display.
• Pseudo clases :hover, :link, :visited, :active, :focus. Position absolute, relative, fixed, static.
• Float. Contadores y profundización en ::after y ::before.
• Flex
• Grid: trabajo con propiedades de grilla
• Selectores avanzados. Jerarquías de selectores.
• Variables de CSS. Menús simples desplegables con CSS.
• Regla media. Meta viewport. Diseño responsive.
• Transformaciones. Transiciones. Animaciones.
• Introducción a SASS
• Continuación de SASS

JAVASCRIPT DESDE CERO

• Sintaxis. Variables. Operadores. Ventanas interactivas.
• Condicionales if, else, if else. Condicionales anidados. Switch.
• Funciones. Eventos.
• Acceso a elementos HTML y modificación de los mismos.
• Estructuras repetitivas.
• Arrays
• Acceso a múltiples elementos HTML. Modificación de clases.
• Objetos, propiedades y métodos. Acordeón
• Query y librerías
• Handlebards 

JAVASCRIPT AVANZADO

• ES6 diferencias var, let, const - arrow function - BOM DOM
• Acceder a los elementos de la Página, leer y modificar contenidos y estilos CSS
• Callback, eventos, función anónima, propagación de eventos, eventos custom
• Eventos en formularios, validaciones del lado del cliente, expresiones regulares
• Javascri´t sincrónico y asincrónico, AJAX, petición HTTP con XMLHttpResquest
• Inyección HTML con AJAX, concepto y creación de una SPA
• API de History, integración con la SPA, APU REST
• Peticiones AJAX extremas, CORS, JSONP
• AJAX binario, eventos de progreso, blob, API Drag ans Drop
• Peticiones AJAX encadenadas, callback hell, promises then catch y async await, fetch
• Prototipos, objetos literales, object create, scope, contexto, closure de funciones, funciones constructoras, herencia en JS5, function class y herencia en ES6, composición 
• Funciones IIFE, funciones autoinvocadas, patrones en JS: módulo y revelador
• Persistencia en el navegador. localStorage, eventos de storage

REACTJS

• Creando un proyecto ReactJS (Node Js, CRA, Webpack, Badel)
• Introducción a componentes
• Componentes y propiedades
• Estado y ciclo de vida
• Manejo de eventos
• Renderizado condicional (map, Iter, reduce)
• Formularios 
• Levantando el estado (uplifting)
• Introducción a React - Router
• Hooks (useState, useEffect, useContext, useReducer, crear propios hooks)
• Context API
• Consumo de API REST.com axios con async await
• Patron de estado global Redux
• Middlewarea: concepto y creación
• TypeScript en React.JS.

NODE.JS

• ¿Qué es nodejs? Comparación de otras plataformas, ciclo de vida, consolas, npm, git, github. Creación de un proyecto JavaScript fuera del servidor.
• Servidor HTTP nativo, rutas, métodos. Publicación local, Uso de Postman en test. File Sytem sincrónico y asincrónico. Uso de fs en servidor.
• Servidor en la nube: glitch y Heroku. Express: creación de un proyecto, rutas, middlewares. Headers, errores, eventos. Servicio estático archivos.
• Generación de HTML dinámico: template string. Motores de plantillas: custom, handlebards, Pug, ejs.
• Creación de una API REST FULL: get, post, put y delete. Postman, validación con Joi. Subir archivos con multer. Envío de correo con nodemailer
• Persistencia con flie system y base de datos. MongoDB. Instalación servidor de base de datos local. Querys en clientes CLI y GUI
• DBaaS. Mongo Atlas, clientes CLI y GUI y Web. Integración con node.js a través de mongoose con callbacks y promises, modelos y esquemas CRUD
• Arquitectura MVC de un servidor NOde.js. Patrones de diseño: singleton, Factory. Persistencia en el servidor. Patrones DAO/DTO, Repository
• Configuración del servidor: uso de dotenv. Uso de Badel, Webpack y Typescript en un proyecto de servidor node.js
• Pasarela de pagos: primera parte
• Pasarela de pagos: segunda parte

-----------------------------------------------------------------------------------------------------------------------------------------------------

  ► PROYECTO FINAL    

• Desarrollaremos un e-commerce cubriendo todas las etapas de un sistema  de comercio electrónico. 
• Elaboraremos un catálogo de productos. 
• Armaremos un carrito de compras con promociones. 
• Configuraremos el checkout con diferentes medios y tarjetas de crédito.
• Diseñaremos la mejor experiencia de compra para tus usuarios.
• Durante el proyecto integrador trabajaremos en la nube y guardaremos los  avances en un repositorio Git. 
• Todas las actividades que se realicen en el Bootcamp pasarán a formar parte  de tu proyecto personal.

------------------------------------------------------------------------------------------------------------------------------------------------------

  ► REQUISITOS DE PRE-INSCRIPCIÓN    

• Ser mayor de 18 años
• Poseer DNI argentino
• Se exige un mínimo del 70% de asistencia para recibir el certificado
• Contar con una PC o notebook con acceso a internet
• Conocimientos básicos en programación y diseño web

------------------------------------------------------------------------------------------------------------------------------------------------------

  ► DÍAS Y HORARIOS DE CURSADA   

El curso se dicta los lunes y jueves de 10 a 12hs. de manera Híbrida ( virtual y presencial). Primer clase > Presencial. A partir del 29 de mayo hasta el 4 de diciembre.

------------------------------------------------------------------------------------------------------------------------------------------------------

                                            ►► IMPORTANTE ◄◄                                      

• El formulario de pre-inscripción estará disponible el lunes 12 de mayo a las 10hs. y hasta el domingo 18 de mayo hasta las 16hs., y/o al agotar vacantes, lo que ocurra primero.
• Recordá que para poder completar el formulario de pre-inscripción deberás gestionar previamente tu Identidad Digital VL, siguiendo los pasos que se indican en este tutorial
• Las vacantes son limitadas y podés pre-inscribirte solamente a un (1) solo curso, en caso de pre-inscribirte a más de 1 curso se darán de baja todas las pre-inscripciones.
• Generalmente nuestras pre-inscripciones agotan sus vacantes a los pocos minutos por lo que te recomendamos ingresar al formulario a las 10hs. en punto.
• Para completar la pre-inscripción deberás contar con una foto de ambos lados de tu DNI, la cual te recomendamos que tengas en el dispositivo antes de comenzar con la pre-inscripción.
• Te informamos que las vacantes serán asignadas por orden de pre-inscripción online y tendrán prioridad aquellas personas que acrediten mediante su D.N.I. residir en Vicente López.
• Las vacantes serán confirmadas por mail los días previos la inicio del curso, por lo que te pedimos que revises todas tus casillas, especialmente Spam o correo no deseado, regularmente.