Desarrollo web con JavaScript y JQuery - Plan de Estudio

Introducción al desarrollo frontend

  • Arquitectura cliente-servidor
  • Tecnologías del navegador web: interacción entre HTML, CSS y JavaScript
  • Herramientas de trabajo (chrome dev tools)
  • ECMA Script y su relación con JavaScript
  • Implicancias de ES2015

Javascript elemental

  • Tipos de datos (actualizado a ES2015)
  • Estructuras de control
  • Arrays
  • Funciones
  • Objetos

Eventos y Document Object Model

  • ¿Qué es el DOM?.¿Qué es el BOM?
  • Manipulando el DOM con JS
  • Eventos del navegador
  • Eventos del usuario
  • Eventos temporales
  • Mecanismo de suscripción y propagación de eventos utilizando listeners

AJAX: Fundamentos

  • Asincronismo y EventLoop
  • Comunicación asincrónica con el servidor
  • Lenguaje de transporte de datos: JSON y XML
  • Interactuando con un servidor PHP y/o Python
  • Consumiendo servicios web
  • CORS

Introducción a JQuery

  • Bibliotecas javascript: ¿Qué son y para qué sirven?
  • ¿Por qué JQuery?
  • Estructura y funcionamiento
  • Manipulación avanzada del DOM
  • Eventos con jQuery

JQuery avanzado

  • Pedidos asincrónicos con jQuery
  • Concepto de objetos diferidos
  • Manejo de JSON y XML con jQuery
  • Introducción a la creación de Plugins para Jquery

Javascript avanzado

  • Scope y hoisting
  • Uso avanzado de funciones: comprendiendo el dynamic binding
  • Call / apply / bind: dominando el dynamic binding
  • Closures
  • Aplicación parcial de funciones

JavaScript ES2015

  • Variables de bloque let y const
  • Argumentos por defecto
  • Destructuración y el operador ...
  • Arrow functions: lexical binding
  • Promesas: relación con los objetos diferidos de jQuery

OOP en JavaScript

  • ¿Es JavaScript un lenguaje orientado a objetos?
  • Cadena de prototipos
  • Funciones constructoras
  • El operador new(), qué implica y por qué es confuso
  • Clases en ES2015
  • Formas de trabajar el encapsulamiento / privacidad
  • Concepto de duck-typing y polimorfismo en JavaScript

Desarrollo de webapps en la actualidad

  • Almacenar información en el navegador (localStorage)
  • Estrategias de modularización
  • El patrón de Función Autoinvocada (IIFE)
  • El patrón módulo
  • Módulos ES2015
  • Compatibilidad hacia atrás utilizando shims y polyfills
  • Compatibilidad crossbrowser utilizando transpilers
  • Minificación y paquetización del código
  • Node JS como herramienta de desarrollo
  • Buenas prácticas

Otros cursos que podrían interesarte: