PROGRAMA DEDESARROLLO WEB FULL STACK (blended)

Bloque 1 (Diplomado 1): HTML / CSS

En este bloque aprenderás a estructurar tu sitio web mediante HTML y a aplicar los estilos que desees con CSS.

Temas

Desarrollo web:

Entorno, Internet, Web, Cliente – Servidor, Front-end, Sitios web estáticos y dinámicos, Aplicaciones web, Desarrollo, Programación, Lenguajes de la web, Programación lógica, Maquetado, Estilado, Herramientas de desarrollo.

HTML:

Introducción al lenguaje, Sintaxis, Estructura del documento, Etiquetas semánticas, Etiquetas estructurales, Atributos, Etiquetas funcionales, Rutas relativas y absolutas, Vinculación de recursos, Buenas prácticas.

CSS:

Introducción al lenguaje, Sintaxis, Integración con HTML, Selectores por etiqueta, Selectores a través de atributos, Propiedades y valores, Sistema de cascada, Estilos por defecto, Posicionamiento de elementos, Modelo de cajas, Relatividad, Debugging en el explorador, Responsive web design, Unidades de medida relativas, Flexbox, Media-queries, Pseudo clases, Pseudo elementos, Transformaciones, Animación, Recursos externos (Google Fonts, FontAwesome), Framework y librerías (Bootstrap), Pre-procesadores (SASS).

Proyecto

Podcast Channel

El desafío está enfocado en el maquetado de la landing page de un canal de Podcast, siguiendo las guías visuales de una interfaz de usuario otorgada y desarrollando funcionalidades de reproducción de contenidos, navegación, compatibilidad con múltiples exploradores y dispositivos.

Bloque 2 (Diplomado 2) JAVASCRIPT

En este bloque, aprenderás a capturar cada comportamiento que suceda en tu sitio web, definir acciones y comunicarte con servicios externos.

Temas

Fundamentos:

Orígenes de la programación, Lenguajes de programación, Herramientas de desarrollo, Debugging, Datos, Variables, Operadores, Arreglos, Objetos, Lógica, Condicionales, Bucles, Estructura, Funciones, Clases.

DOM + AJAX:

Selección de elementos, Selección de grupos de elementos, Obtención de datos del DOM, Modificación del DOM, Modificación del CSSOM, Creación dinámica de elementos, Manejo de eventos, Browser API (localStorage userMedia), Asincronismo (async, await), Promesas (then, catch), Fetch API, Estructura de paquetes HTTP, Request methods, Status codes, JSON, CORS, Autenticación.

Proyecto

gifOS

El desafío consiste en la creación de una aplicación web interactiva para compartir GIFs animados, poniendo en práctica los fundamentos de la programación y el uso de JavaScript mediante la obtención de datos de la API de Giphy.com, trabajando con asincronismo y aprovechando herramientas nativas del explorador como la obtención de imágenes a través de la webcam

Bloque 3 (Diplomado 3) BACKEND

En este bloque, aprenderás a realizar aplicaciones que almacenen los datos de forma persistente mediante la administración de bases de datos.

Temas

Servidores:

Lenguajes del lado del servidor, Estructura de paquetes HTTP, Request methods, Status codes, Bases de datos relacionales, Bases de datos no relacionales.

Node.JS:

Express, Endpoints y métodos, Body parsing, Procesamiento de archivos, Programación orientada a objetos, REST, Buenas prácticas.

Bases de datos:

MySQL, Sintaxis SQL, Operaciones CRUD, Relaciones, NoSQL.

Proyecto

Delilah Restó

Este proyecto plantea la creación de un sistema de pedidos online para un restaurante.

Deberás poner en funcionamiento las partes necesarias para montar una REST API que permita realizar altas, bajas, modificaciones y obtención de información sobre una estructura de datos que podría consumir un cliente. Parte del desafío estará enfocado en lograr que el desarrollo del proyecto sea puesto en producción utilizando web services.