Programa del curso

DESARROLLO WEB
FULLSTACK
 Información sobre el curso
Desarrollo Web Full Stack es una carrera pensada para aquellas personas
que buscan aprender a desarrollar aplicaciones y sitios web. Nos
enfocamos en el estudio de lenguajes y tecnologías con contenidos
actualizados, abordando desde la lógica de programación básica hasta
las mejores prácticas de la industria

Clases Remotas y
Duración:
Material online
8 meses Videos
Tutoriales
Presentaciones
Título: Prácticas
“Diplomatura en Podcast
Desarrollo Web FullStack” Clases asincrónicas
Plataformas de prueba

Requisitos:
Antes de comenzar, el alumno deberá completar un cuestionario nivelatorio y podrá acceder al
material inicial antes del inicio de clases desde su campus virtual.

¡Importante! los requerimientos técnicos del ordenador o pc son: Procesador Core i3 o superior,
RAM 4Gb o superior y resolución de pantalla 1280 x 800 o superior.

www.academianumen.com
01
Módulo 1 | Introducción al Desarrollo Web
Para comenzar, haremos una recorrida por los conceptos básicos del
desarrollo web, metodologías de planificación y todos los conceptos de los
diferentes lenguajes.

Unidad 1: Intro al desarrollo Unidad 3: Conceptos de desarrollo Web

● Entorno ● Prototipados y conceptos de HTML
● Internet, Web y Cliente - Servidor ● Box modeling (posicionamiento y
● Front-end visualización)
● Sitios web estáticos y dinámicos ● FlexBox
● Aplicaciones web ● Grids y Mobile First
● Desarrollo ● Animaciones
● Programación ● Primeros pasos al HTML
● Lenguajes de la web ● CSS (Multimedia, bases del scc y
● Programación lógica atributos)
● Maquetado ● Sintaxis CSS
● Estilado ● Integración CSS con HTML
● Herramientas de desarrollo. ● Intro a Pre-procesadores (SASS)
● Subida de sitios al servidor
Unidad 2: Metodologías de desarrollo ● Dominios
● Repositorios ● Hosting
● Cloud
● Uso de Github
● Metodologías de trabajo ágiles
● Metodología Scrum
● Plataformas de planificación y
seguimiento

www.academianumen.com
02
Módulo 2 | HTML, CSS, Bootstrap SASS y GIT
En este módulo, aprenderás a estructurar un sitio web mediante HTML y a
aplicar los estilos y capas visuales mediante CSS.

Unidad 1: HTML Unidad 3: Bootstrap

● Introducción al lenguaje ● Frameworks y librerías
● Sintaxis ● Estructuras y componentes
● Estructura del documento ● Bootstrap con JS
● Etiquetas semánticas, estructurales ● Bootstrap Themes y Responsive
y funcionales
● Atributos Unidad 4: SASS
● Rutas relativas y absolutas ● Procesadores CSS
● Vinculación de recursos ● Nesting
● Buenas prácticas. ● Import y Vars
● BEM
Unidad 2: CSS ● Operadores
● Selectores por etiqueta ● Condicionales
● Selectores a través de atributos
● Propiedades y valores Unidad 5: Servidores, seguridad y SEO
● Sistema de cascada ● Servidores
● Estilos por defecto ● Seguridad
● Posicionamiento de elementos ● Certificados SSL
● Modelo de cajas ● Conceptos básicos de SEO
● Relatividad
● Debugging en el explorador Unidad 6: GIT
● Responsive web design ● Comandos básicos de la terminal
● Unidades de medida relativas ● Repositorios
● Flexbox ● Ramas
● Media-queries ● Clonación de repositorios
● Pseudo clases y Pseudo elementos ● Páginas de GitHub
● Transformaciones
● Recursos externos (Google Fonts,
FontAwesome)
● Framework y librerías (Bootstrap)

www.academianumen.com
03 Módulo 3 | Javascript
El front-end de un sitio web es la parte donde los usuarios interactúan. Los
desarrolladores front-end son responsables por crear la interfaz visual
sobre la cuál los usuarios experimentan un producto. Principalmente lo
hacen a través de HTML (para definir la estructura de los elementos), CSS
(para definir los estilos) y Javascript (para crear interacción y lógica).

Unidad 1: Fundamentos Unidad 3: String y arrays

● Orígenes de la programación ● Métodos
● Lenguajes de programación ● Tipos de datos
● Herramientas de desarrollo ● Función typeof
● Debugging ● Métodos para string y arrays
● Sintaxis general ● Funciones
● Variables y tipos de valores
● Condicionales Unidad 4: Storage y Json
● Operadores de comparación y ● sesionStorage y localStorage
lógicos ● setltem, getltem y removeltem
● Estructura de control ● Intro a Json
● Propiedades de JavaScript ● Usos
● Sentencia break/continue y otras ● Parseo de string a Json
estructuras de control
● Bucles Unidad 5: DOM + AJAX
● Selección de elementos y grupos
Unidad 2: Programación avanzada con ● Obtención de datos del DOM
funciones ● Modificación del DOM
● Funciones ● Modificación del CSSOM
● Parámetros ● Creación dinámica de elementos y
● Variables globales y locales manejo de eventos /
● Objetos ● Browser API (localStorage,
● Función constructora y new userMedia)
● Métodos vs funciones ● Asincronismo (async, await)
● Uso del This para el público y ● Promesas (then, catch)
privado ● Fetch API
● Estructura de paquetes HTTP
● Request methods
● Status codes
● JSON, CORS y Autenticación.

www.academianumen.com
04
Módulo 4 | React
Entrarás al mundo de React. Conocerás en detalle cómo crear una
aplicación con esta tecnología, trabajando con componentes, entendiendo
su ciclo de vida y cómo enlazarlos dentro de la aplicación

Unidad 1: Configuración de entorno Unidad 4: Storage y Json

● Nivelación HTML,CSS y JS, ● sesionStorage y localStorage
● Sintaxis de JS y ECMAscript 6, ● setltem, getltem y removeltem
● Variable "This" ● Intro a Json
● Componentes del Virtual DOM ● Usos
● Uso de ReactJS y NodeJS ● Parseo de string a Json
● JSX y CLI (aplicación en CLI)
●

Unidad 2: Virtual DOM

● Funciones
● Parámetros
● Variables globales y locales
● Objetos
● Función constructora y new
● Métodos vs funciones
● Uso del This para el publico y
privado

Unidad 3: String y arrays

● Métodos
● Tipos de datos
● Función typeof
● Métodos para string y arrays
● Funciones

www.academianumen.com
05
Módulo 5| Backend
Aprenderás a realizar aplicaciones que almacenen los datos de forma
persistente mediante la administración de bases de datos. Servidores,
Node.js, express y mucho más.

Unidad 1: Servidores con Javascript Unidad 4: Express

● Javascript, ECMAScript y ● Como instalar NPM
Typescript en Node.js ● Introducción a Express
● Conceptos básicos para desarrollar ● Instalación de Express en proyectos
Javascript en Node.js. ● Servidores con Express
● ES6 y nuevas sintaxis. ● Servir archivos estáticos con
● Aportes de ES7 a ES11. Express
● Introducción y uso de Typescript. ● Creación de rutas GET, POST, PUT, y
DELETE.
Unidad 2: Programación ● Uso de POSTMAN
● Sincronica y asincronica ● Capas de middlewere
● Funciones y callbacks ● Formularios de login
● Conceptos Iteradores, promesas y
observables Unidad 5: Motores de plantillas
● Motores de plantillas (Handlebars,
Unidad 3: Servidor web Pug y Ejs).
● Introducción a Node.js ● Layouts, vistas y componentes
● Patron Modulo parciales
● Escritura de programa en Node.js ● Servir contenido HTML utilizando
● Módulos Nativos Handlebars, Pug y Ejs
● Módulo HTTP
● Implementación de servidor Unidad 6: Desarrollo en Node.js
● Despligue en glitch.com ● Transpiler
● Manejo de archivos en forma ● Instalación y uso de Babel
sincrónica ● Instalación y uso de TSC
● Callbacks en forma asincrónica (TypeScript Compiler)
● Promesas (then-catch y async ● Bundler
await) ● Instalación y uso de Webpack
● Compilación en código Node.js
para producción

www.academianumen.com
06
Módulo 6| Backend Avanzado
Continuando con el aprendizaje del módulo 5, comenzaremos a trabajar
con lenguajes y programaciones más avanzados, pero fundamentales para
marcar la diferencia profesional.

Unidad 1: JSON y EXPRESS Unidad 2: Backend avanzado

● Diseño de mocks de datos ● Global Process y Child Process
● Diseño para Back/Front. ● Spawn, fork, exec y execFile.
● Desarrollo mockapi ● Módulo Cluster: Definición y uso.
● JSON Normalización: Normalizando ● Forever y PM2.
orígenes de datos. ● Nginx como reverse proxy -
● Concepto y ventajas. configuración.
● Denormalización. ● Balanceo de carga. Esquemas de
● Cookies, sesiones, storages red.
● Asegurando aplicaciones. ● Contenido estático.
● Memory, file, Redis, RedisLab. ● Integración con Node.js
● Autorización y Autenticación: ● Logs -principios, módulos,
● Mecanismos de Auth. Integración rendimiento.
de passport a un servidor basado ● Log4s, Winston y Pino.
en Express. ● Profiling, herramientas y análisis
● Estrategias de login con redes ● Rendimiento - artillery, autocannon
sociales. y 0x.
● JSON Web Token (JWT). ● Productos Cloud y soluciones de
● Desarrollo registro y login de terceros: Uso de Git para deploy.
usuario utilizando MongoDB ● Deploy en Heroku. Deploy en AWS:
EC2, S3, RouteS3, Balance.
● E-mailing y Messaging:
Nodemailer,
enviando mails desde Node.js.
Twilio, envío de SMS y Whatsapp.
● Seguridad: OWASP paso a paso.

www.academianumen.com
07 Módulo 7| Base de datos
En este módulo se hará una introducción al mundo de las bases de datos.
Trabajarás en su diseño, construcción y posible modificación, para luego
trabajar con consultas simples y avanzadas. Para finalizar, conocerás una librería
que te permitirá integrar de manera rápida, fácil y cómoda la base de datos en
el ambiente de Node.js.

Unidad 1: SQL y Node.js: Unidad 3: CRUD en MongoDB Client

● Base de datos SQL MySQL. ● CRUD.
● Clientes MySQL (CLI, UI). ● Operaciones básicas en
● Conectar base de datos MySQL a MongoDB.
través de Knex. ● Creación de bases de datos,
● Integración base de datos MySQL a colecciones y documentos en
un proyecto Node.js. colecciones.
● Knex con SQLite3. ● Edición, reemplazo y borrado de
● Operaciones CRUD. documentos. Creación y
configuración de usuarios.
Unidad 2: MongoDB
● Introducción a MongoDB Unidad 4: MongoDB y Node.js
● Tipos de bases de datos ● Integración con una base de datos
● NoSQL vs SQL. MongoDB con Node.js.
● Arquitectura, instalación y ● Estructura de una base de datos no
configuración de MongoDB. relacional con Mongoose.
● Acceso a una base de datos ● MongoAtlas
MongoDB. ● Integración a Firebase con Node.js.
● Clientes de MongoDB (CLI, UI)

www.academianumen.com
08 Módulo Extra| Phyton
En este módulo, recorrerás los conceptos más básicos del lenguaje, desde cómo realizar la
instalación, cómo utilizar un editor de texto o realizar el seguimiento de errores en el código
desarrollado. Python es un lenguaje que posee muchas aplicaciones y hoy en día se puede
utilizar para realizar sitios web escalables, realizar cálculos estructurales complejos con
elementos finitos, videojuegos, entre otras muchas aplicaciones.

Unidad 1: Introducción al lenguaje Unidad 4: Base de datos SQL

● Introducción ● API estándar.
● La consola interactiva. ● Los módulos sqlite3 .
● IDLE: un editor de código ● Los módulos PyMySQL.
integrado. ● Conexión a una base de datos y
● Tipos de datos ejecución de consultas.
● Control de flujo ● Obtener el resultado de una consulta.
● Operadores lógicos. ● Inyección de código SQL y cómo
prevenirla.
Unidad 2: Excepciones y módulos Unidad 5: Scripting
● Funciones ● Operaciones sobre cadenas
● Más sobre colecciones ● Caracteres especiales
● Entrada y salida de archivos ● La función incorporada “repr()”
● La función “open”. ● Argumentos del programa
● Modos para la apertura de ● El módulo “subprocess”.
archivos. ● Invocar un comando o programa
● Los métodos “read” y “write”. desde Python.
Unidad 6: Desarrollo de APPS de escritorio
Unidad 3: Excepciones y módulos ● Introducción a librerías gráficas.
● Excepciones ● Desarrollo con Tcl/Tk vía el módulo
● Módulos y paquetes “tkinter”.
● Separación del código en módulos. ● Botones.
● La librería estándar. ● Cajas de texto.
● Instalando módulos de terceros vía ● Etiquetas.
“pip” ● Menús.
● Instalando módulos de terceros vía ● Listas.
“setuptools”. ● Convertir un script de Python a un
archivo ejecutable.

www.academianumen.com
WWW.ACADEMIANUMEN.COM
+54 11 6233 0325 | [email protected]