2013

Slabo de Desarrollo web Frontend con JavaScript

1. Datos informativos:
1.1. Curso:
1.2. Total de horas:
1.3. Modalidad:
1.4. Pre- requisitos:
1.5. Profesores:

Desarrollo web Frontend con JavaScript

24
presencial
El alumno debe tener conocimientos bsicos de programacin.
Recomendado el conocimiento bsico de HTML y CSS.
Gustavo Leon Rojas (gustavo@xenda.pe)

2. Sumilla:
El curso abarca la enseanza a nivel intermedio del lenguaje de programacin JavaScript
orientado al desarrollo de aplicaciones web del lado del navegador.
En los ltimos aos JavaScript ha obtenido un crecimiento exponencial, lo cual lo ha situado
como uno de los principales lenguajes utilizados dentro del desarrollo web, extendiendo su
uso en diferentes entornos desde servidores web hasta robtica.
El curso se enfoca en el aprendizaje de aspectos bsicos e intermedios de JavaScript, as
como el desarrollo de aplicaciones web del lado del navegador utilizando servicios de terceros
como Twitter, Facebook, Foursquare e Instagram.
3. Objetivos:
3.1. Objetivo general:
Desarrollar aplicaciones web del lado del navegador utilizando el lenguaje de
programacin JavaScript, a travs de sesiones 100% prcticas y el desarrollo de
ejercicios propuestos.

3.2. Objetivos especficos:

Entender JavaScript a nivel intermedio, conociendo la sintxis bsica del lenguaje as
como los patrones de diseo ms difundidos en la actualidad.
Utilizar las APIs que ofrece el navegador, base de las aplicaciones web como Google
Docs o Foursquare, as como el uso de bibliotecas como jQuery.

2013

Entender el concepto de aplicacin web y desarrollar una aplicacin bsica utilizando

Backbone.js.
Aprender el uso de servicios web externos como Twitter, Facebook, Foursquare e
Instagram utilizando XmlHttpRequest.

4. Contenidos:
I. Semana 1: Entendiendo JavaScript
1.1.
1.2.
1.3.

Sintxis bsica
Patrones de diseo
Objeto prototype

II. Semana 2: Manejo del DOM y APIs del navegador

2.1.
2.2.
2.3.

Manipulacin de HTML utilizando DOM

Manejo de eventos
APIs de HTML5: Geolocalizacin, LocalStorage, Online events, History API

III. Semana 3: Peticiones asncronas con XmlHttpRequest

3.1.
3.2.

Objeto XmlHttpRequest
Uso de JSON para consumo de servicios webs

IV. Semana 4: jQuery

4.1.
4.2.
4.3.

Introduccin a jQuery
Uso de jQuery.ajax
Promises y Deferred Object

V. Semana 5: Aplicaciones Web I: Modelos y Colecciones

5.1.
5.2.
5.3.
5.4.

Introduccin a aplicaciones web

Modelo REST
Modelos de Backbone.js
Colecciones de Backbone.js

VI. Semana 6: Aplicaciones Web II: Vistas y Routers

6.1.
6.2.

Vistas de Backbone.js
Routers de Backbone.js

2013

5. Metodologa:
El curso se orientar de manera prctica al entendimiento del manejo de JavaScript para la
creacin de aplicaciones web modernas del lado del navegador. Se emplearn los conceptos
tericos estrictamente necesarios para entender el correcto uso de JavaScript, los cuales se
reforzarn de ser necesarios mediante ejercicios propuestos por el docente y los alumnos al
final de cada clase.
As mismo, se propone la creacin de un proyecto final, el cual ser de tema libre, el cual
servir para afianzar los conocimientos presentados a lo largo del curso.
El docente servir de gua en el trascurso de las sesiones, tanto para los temas en clase como
para el desarrollo del trabajo final, as como facilitador de material adicional.
6. Evaluacin:
El proceso de evaluacin ser permanente y la distribucin de los pesos el siguiente:

Trabajo Final (60%)

Ejercicios propuestos (15%)
Participacin (10%)
Asistencia (15%)

7. Recursos bibliogrficos / digitales:

Diseo de patrones en JavaScript

Addy Osmani. (2012) Learning JavaScript Design Patterns.
http://addyosmani.com/resources/essentialjsdesignpatterns/book/

Referencia general de JavaScript

Mozilla. (2013) Mozilla Developer Network.
https://developer.mozilla.org/