Descripción del plan de formación

¿Por qué D3.js?

D3.js es una librería de javascript que permite hacer cualquier tipo de visualización de datos. Esa flexibilidad junto con el soporte de la comunidad ha transformado D3.js en una de las herramientas más atractivas e importantes en el mundo de la visualización de datos.

Si se pretende enfocar la carrera profesional al mundo de la visualización es imprescindible conocer y saber utilizar D3.js.

¿Por qué este curso?

Este curso, que se planifica en tres partes, ofrece la posibilidad de entrar con 0 conocimientos de D3.js y desarrollarlo paso por paso. Al final del curso el alumno adquirirá una noción amplia y profunda de D3.js, que le permitirá realizar cualquier tipo de visualización de datos.

Temario

Módulo 1: Familiarizarse con D3.js

Introducción a D3.js

• ¿Qué es y qué se puede hacer con D3.js?
• Entender cómo funciona el entorno de D3.js

Los fundamentales tecnológicos

• Entender los fundamentos de las siguientes tecnologías
  • DOM
  • HTML
  • CSS
  • SVG
  • Javascript

Los principales de D3.js

• Uso de
  • Selectors
  • Data loading (CSV, JSON, API)
  • Data Binding (enter, update, exit)
  • D3-scales
  • D3-axis & guides

La primera visualización en D3.js 

• Creación de un diagrama de dispersión paso por paso

Módulo 2: D3.js en la práctica 

El ejemplo clásico: Gráfico de barras

• Optimizar el gráfico paso por paso (ejes, lables, margen, multiples)

Trabajar con Generadores

• Funcionamiento y ejemplos de d3.lineas, d3.areas, d3.arcs y d3.diagonal

Trabajar con Layouts

• Funcionamiento y ejemplos:
  • Stack Layout (including d3.nest)
  • Pie/ Donut Layout
  • Dendogram Layout
  • Treemap Layout

Módulo 3: Visualizaciones avanzadas con D3.js

Animaciones

• Integrar transiciones y mociones
• Visualizar datos en tiempo real
• Crear el tiempo como una dimensión dinámica en la visualización

Interactividad

• Crear eventos (click, highlight, etc.)
• Utilizar el Zoom and Drag opción
• Trabajar con brushes
• Utilizar SVG def./patterns para añadir imágenes

Network visualisations

• Diferencia entre Static & Dynamic Network Diagrams
• Intro a Force
• Crear una visualización con el Force-Directed Layout

Trabajar con Layouts especiales

• Introducción
• Demo y ejemplo con el Chord Layout
• Demo y ejemplo con el Sankey Diagram Layout
• Demo y ejemplo con el World cloud Layout

Casos prácticos

En este curso los alumnos aprenderán primero teóricamente el concepto y las técnicas para hacer las visualizaciones en D3.js y, después de cada módulo, podrán poner en práctica la aplicación de los conocimientos adquiridos y hacer sus propias visualizaciones a través de ejercicios con datos ofrecidos por el profesor, por ejemplo de Worldbank (open data) o Twitter (utilizando API de twitter). También es posible que el alumno trabaje con sus propios datos.

Material

Los participantes recibirán una presentación con todos los links utilizados para enseñar la teoría y hacer los ejercicios. Además, tras el curso los alumnos podrán reutilizar todas las visualizaciones y el código correspondiente, que se habrá creado y utilizado en el curso.

Requisitos y conocimiento previo

Como D3.js es open source no es necesario instalar ningún software en el ordenador. Es recomendable abrir una cuenta antes del curso en JSBIN y sublime.

Fechas, horario y lugar

Actualmente no hay fechas disponibles. Mándanos un email para tenerte en lista y completar un grupo para poder organizarlo.

En caso de ser empresa te ayudamos a organizarlo a medida para tus empleados o compañeros.

Responsabilidades profesor

• Presentar el contenido conforme lo presentado en el programa de formación
• Dar acceso al material necesario (PDFs, ejercicios, software, etcs) para el curso contratado
• Proveer de local para impartir la formación

Responsabilidades alumno

Participar en la formación en el periodo determinado, trayendo un notebook con los requisitos mínimos necesarios para la participación en la formación, siendo estos los siguientes:

• Mínimo de 4GB de memoria RAM
• Mínimo de 10GB de espacio en disco (HD).
• Habilitada la virtualización tanto en software como hardware
• Poseer privilegios de administración

Observaciones importantes

Confirmaciones
Las confirmaciones serán enviadas a la dirección de e-mail enviada por el alumno

Cancelaciones
Los plazos para el cancelamiento de inscripciones solicitadas, son de 5 días laborales antes del inicio del curso.
En caso de cancelamiento fuera de plazo por parte del alumno, DevAcademy se reserva el derecho a cobrar un porcentaje (20%) del valor del curso.
DevAcademy se reserva el derecho de cancelar o posponer la formación, siempre y cuando avise al contratante y/o devuelva el importe íntegro en caso de cancelación

Obligaciones del alumno
Es obligatorio que el alumno cumpla con todos las obligaciones recomendadas por el profesor para seguir todos los ejercicios y no demorar ni perjudicar la clase. Es posible que días antes se envie un email como recordatorio al alumno con instrucciones a seguir u obligaciones desarrollar para poder estar preparado al comienzo de la clase.