Syllabus

Clase 1:

• Introducción al Desarrollo Frontend
  • El Flujo de una Petición HTTP
  • Flujo de Trabajo Básico en Frontend
  • Navegadores y Herramientas
  • El DOM (investigando el DOM usando algunas herramientas)
  • Un Pequeño Ejemplo usando HTML para inspeccionar páginas
• CSS 2.1: Introducción
  • Embeber estilos
  • Selectores, Reglas y Estilos
  • El Box Model
• Git: Introducción a Git y a Github
  • Creando un repositorio
  • Hacer commits y subir a un repositorio remoto

Clase 2:

• CSS 2.1: Parte 2
  • Posicionamiento y Flotado
  • Fuentes, Imágenes, Video, Audio y otros elementos estáticos
  • Maquetación Simple: Maquetado de 2 layouts clásicos
• Javascript: Introducción
  • Variables y Tipos de Datos
  • Funciones
  • Objetos

Clase 3:

• Javascript: Parte 2
  • Alcance y Contexto
  • Principios de Programación Funcional
• CSS 2.1: Parte 3
  • Maquetación Compleja: Maquetado complejo, con distintos posicionamientos y otras complicaciones

Clase 4:

• Javascript: Parte 3 y Manipulación del DOM
  • Objetos y Principios de Prog. Orientada a Prototipos
  • El DOM expuesto a Javascript, Consultas al DOM y Programación de Eventos
• Introducción a jQuery y Ajax
  • Escritura de una app con jQuery explicando
    • Eventos
    • Animaciones
  • Ajax
    • Ajax sin jQuery (XHR)
    • Ajax con jQuery

Clase 5

• jQuery, Underscore y BackboneJS
  • Aprendiendo a usar plugins de jQuery
  • Escribiendo un plugin de jQuery
  • UnderscoreJS
  • Client Side Templates
  • Introducción a BackboneJS

Clase 6

• Construcción de una SPA(Single Page Applications)

  • Usar Backbone

• Incluir propuestos a desarrollar durante la semana, antes de la siguiente clase.