JavaScript by Example
Dani Akash S
- Editorial
- Packt
- Año
- 2017
- Páginas
- ~298
- Nivel
- Intermedio
De qué trata
Libro de Dani Akash S, publicado por Packt en 2017, que enseña desarrollo web moderno con JavaScript (ES6 o posterior) construyendo una aplicación distinta en cada capítulo. Está pensado para quien conoce lo básico de JavaScript, HTML y CSS y quiere pasar de los ejemplos sueltos a proyectos reales, aprendiendo de paso las herramientas del ecosistema frontend de la época.
El recorrido empieza con la manipulación del DOM y los listeners de eventos, y sigue con la configuración de un flujo de trabajo moderno basado en Node.js y npm, Babel para transpilar ES6 y Webpack para empaquetar módulos y recursos. A lo largo de los capítulos se usan clases de ES6, módulos, layouts con Flexbox de CSS3, formularios con validación, gráficos, peticiones AJAX con distintas técnicas para consumir datos externos, WebRTC para comunicación en tiempo real y, en la parte final, React y Redux para construir interfaces con componentes y gestionar el estado global de la aplicación.
Su punto fuerte es la variedad de proyectos, cada uno centrado en una API o técnica concreta, lo que da una visión amplia del frontend en poco espacio. A cambio, ningún tema se trata a fondo: React y Redux ocupan solo dos capítulos y no se cubren pruebas automatizadas ni backend propio. Además, las versiones de Webpack, Babel y React de 2017 han cambiado bastante, así que conviene consultar la documentación actual y adaptar la configuración al seguir los ejemplos.
- ES6
- Manipulación del DOM
- Webpack
- Babel
- Node.js y npm
- Flexbox
- Formularios
- AJAX
- WebRTC
- React
- Redux
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
To-do List
Lista de tareas dinámica que introduce la manipulación del DOM y los listeners de eventos con JavaScript moderno.
Meme Creator
Aplicación para combinar imágenes y texto y generar memes, que sirve para introducir clases de ES6, módulos, layouts con Flexbox y el empaquetado con Webpack.
Event Registration App
Formulario responsivo de registro a eventos con validación y envío de datos, que además muestra las estadísticas de los registros en gráficos.
Videollamada en tiempo real con WebRTC
Aplicación de videollamada y chat en tiempo real entre navegadores basada en WebRTC.
Weather App
Aplicación del clima que obtiene datos de un servicio externo y muestra distintas formas de hacer peticiones AJAX.
Blog con React y Redux
Blog construido con componentes de React al que, en el capítulo final, se añade Redux para gestionar los datos compartidos entre componentes.
