JavaScript para desarrolladores web
Programación con JavaScript, Manejo del DOM, Aplicaciones interactivas con AJAX, vanilla JS.
El Curso de JavaScript para desarrolladores web está pensado para que sus alumnos descubran el desarrollo con JavaScript nativo y adquieran las capacidades necesarias para crear profesionalmente sitios web dinámicos a medida de las necesidades de cada proyecto.
El objetivo principal de este curso de JS es que los alumnos aprendan la bases y fundamentos del lenguaje de programación más utilizado en el mundo del desarrollo interactivo. Aprenderán todo sobre los conceptos fundamentales y la lógica de la programación, la manipulación dinámica del DOM y el desarrollo de aplicaciones interactivas usando AJAX.
En el Curso de JavaScript para desarrolladores web conocerán en profundidad además todo lo necesario para desenvolverse con soltura en un entorno de desarrollo web moderno y con un flujo de trabajo eficiente: control de versiones con Git/GitHub, depuración, fundamentos de testing...
Como metodología de trabajo durante el curso, los alumnos desarrollarán como prácticas troncales diversas aplicaciones web que servirán además de repositorio de todo lo aprendido.
Con este curso de JavaScript aprenderás a...
- Desarrollar aplicaciones web a medida, eficientes y sin necesidad de librerías.
- Enriquecer fácilmente cualquier proyecto web manipulando dinámicamente el DOM.
- Conocer cómo trabajar con un control de versiones como Git.
- Tener la capacidad de contribuir a proyectos de código abierto usando GitHub.
- Serás capaz de integrarte en entornos donde se requiera el uso de frameworks de testing.
- Aprender cómo crear proyectos interactivos que requieran de AJAX.
JavaScript para desarrolladores web
Sobre el Curso
- Horario: Lunes y Miercoles de 19h a 22h
- Fechas: 27/01/2016 - 16/03/2016
Teoría y Recursos
Proyectos Personales de los alumnos
Across the universe de NoemiMS
Aplicaciones Realizadas
Máquina expendedora
- Objetivo:
- El objetivo de este ejercicio es crear una máquina expendedora que funcione solamente con la consola del navegador.
- Versiones:
Buenos Días, Madrid
-
Objetivo:
- Crear una aplicación que nos muestre en tiempo real usando AJAX y APIs de terceros la previsión meteorológica para hoy y los próximos 4 días, que además nos facilite de la información en tiempo real sobre la contaminación del aire en Madrid y la imagen al azar de una cámara de tráfico.
-
Concepto:
- Código:
NYTimes - Hardcover Fiction
-
Objetivo:
- Crear una aplicación que nos muestre los libros más vendidos según el NYTimes a fecha de hoy en la categoría de ficción, usando AJAX.
-
Concepto:
- Código:
NYTimes - Best Sellers
-
Objetivo:
- Crear una aplicación que nos muestre todas las listas de los más vendidos y nos permita elegir y visualizar el contenido de cada lista. Para realizar el ejercicio usaremos múltiples llamadas AJAX que se combinan dentro de un único archivo html.
-
Concepto:
- Dashboard
- En una lista
-
Código:
Spotify - Encuentra artistas similares
-
Objetivo:
- Crear una aplicación que nos permita buscar artistas similares partiendo del nombre de un grupo/cantante. Para realizar el ejercicio usaremos múltiples llamadas AJAX que se combianan dentro de un único archivo html, haciendo necesario la gestión de posibles errores entre las peticione y resultados incompletos o no deseados.
-
Concepto:
- Buscador
- Resultados
-
Código:
Temario
JavaScript en la actualidad
Carga eficiente de scripts
Lógica y abstracción aplicada a la programación
Pseudocódigo
Variables
- Operadores aritméticos
Funciones
- Funciones con parámetros
- Funciones callback
- Funciones con retorno
Condicionales
- Operadores lógicos
- Condicionales múltiples (Switch)
Bucles
Tipos de dato
- Datos numéricos
- Cadenas de texto
- Booleanos
- Null
- Undefined
- Objetos
Objetos nativos del DOM
- Document
- Window
- Navigator
Gestión del DOM con JavaScript
- Getters y Setters
- Agregar elementos
- Eliminar elementos
- Modificar Atributos y contenido
- Modificación de CSS
Eventos
Arrays
AJAX
- Fundamentos de la gestión asíncrona de información dinámica
- Envío de datos con POST
- Recepción y manipulación de datos dinámicos
- JSON
Flujo de trabajo eficiente
- Control de versiones con Git y GitHub
- Consola y Chrome DevTools
- Depuración de código
- Fundamentos esenciales de testing
Herramientas