JavaScript para desarrolladores web

Programación JavaScript, programación orientada a objetos, programación funcional, patrones de JS y MVC con Backbone.js

Este curso de JavaScript está pensado para desarrolladores web con interés en ampliar sus conocimientos sobre patrones de diseño en JavaScript y su uso real con las librerías y frameworks más demandados.

El alumno aprenderá en este curso de JavaScript todo sobre los conceptos fundamentales de la programación, la programación funcional y orientada a objetos, los patrones de diseño y a trabajar con Backbone.js, el útil framework JavaScript basado en MVC.

Además, a lo largo del curso se irá desarrollando una aplicación web que sirva de repositorio de todo lo aprendido durante el curso, al tiempo de ser la práctica troncal de trabajo diario.

JavaScript para desarrolladores web

Sobre el Curso

• Horario: Martes y Jueves de 19h a 22h
• Fechas: 10/11/2015 - 22/12/2015

Teoría y Recursos

• Extra

Aplicaciones Realizadas

Formulario

• Objetivo:
  • Crear un formulario de inscripción para un evento ficticio. Impidiendo que un mismo usuario pueda registrarse más de una vez.
• Versiones:
  • Formulario Básico con queries
  • Formulario con Social Login (GitHub)

Acuaponia

• Objetivo:
  • Crear un sistema para el control de una granja acuapónica.
• Versiones:
  • Acuaponía usando Constructores (Estilo ECMA5)
  • Acuaponía usando namespace y patrón de factoría

Cajero Automático

• Objetivo:
  • El objetivo de este ejercicio es crear un cajero automático que funcione solamente con la consola de Chrome.
• Versiones:
  • Cajero Automático Básico
  • Cajero Automático orientado a eventos usando patrones y técnicas avanzadas
  • Cajero Automático usando Chain of Responsability Pattern
  • Cajero Automático con soporte offline

Libreta de contactos usando LocalStorage

• Objetivo:
  • Crear una libreta de contactos para guardar datos de contacto usando LocalStorage
• Versiones:
  • Básica: nombre y teléfono
  • Avanzada: múltiples datos (usando json)

MovieFire

• Objetivo:
  • Desarrolla una versión mejorada de MovieFire incluyendo llamadas AJAX a la base de datos de IMBD para enriquecer los datos, usando OMDb API.
• Versiones:
  • Incluyendo AJAX usando vanillajs
  • Versión vanillajs orientada a eventos y encapsulada
  • Incluyendo AJAX usando Backbonejs
  • Versión Backbone usando Requirejs

Posicionar al usuario

• Objetivo:
  • Utiliza Google Maps para posicionar al usuario.
• Versiones:
  • Geolocalización usando Google Maps

Star Wars con Geoposicionamiento

• Objetivo:
  • Posicionar al usuario y los cascos de la exposición de Star Wars con sus característicos iconos y la distancia estimada.
• Versiones:
  • Geolocalización usando Google Maps

BiciMad

• Objetivo:
  • Utiliza Ajax para posicionar al usuario y las estaciones de BiciMad en un mapa
• Versiones:
  • Posicionamiento del usuario y los totems
  • Información detallada de los totems usando DataTable y Jquery

Temario

Conceptos Básicos

• Objects
• Functions
• Variables
• Properties
• Inheritance
• Mixins
• Closures
• Context
• Namespaces
• Events
• HTTP Requests
• JSON, JSONP
• Error handling
• Code optimization

Programación Orientada a Objetos (POO)

• Prototipos
• Constructores
• hasOwnProperty, porpertyIsEnumerable
• Call, Apply

Programación funcional

• Modularidad
• Callbacks
• Event Driven Design

Patrones de código en JS

• Namespace
• Init-time branching
• Lazy definition
• Module
• Revealing Module

Patrones de diseño en JS

• Prototype
• Decorator
• Singleton
• Factory
• Iterator
• Façade
• Mediator
• Mixins
• Observer
• Chain of Responsability

MVC con Backbone.js

• Single Page Apps
• Models
• Views
• Collections

HTML5 API

• Selectors
• Geolocalización
• LocalStorage
• ContentEditable
• Offline
• History
• WebSockets

AJAX

• HTTP
• JSON
• JSONP
• CORS

Herramientas

• Git & github
• Cloud 9
• Firebase
• JSHint
• Mastering MarkDown