JavaScript for Web Developers
Mark Simon
- Editorial
- Apress
- Año
- 2023
- Páginas
- ~336
- Nivel
- Básico
De qué trata
«JavaScript for Web Developers: Understanding the Basics» es una introducción a JavaScript moderno de Mark Simon, publicada por Apress en noviembre de 2023. Está dirigida a desarrolladores web principiantes que ya conocen HTML y CSS pero tienen poca o ninguna experiencia con JavaScript. Su estructura alterna capítulos de conceptos con proyectos que ponen en práctica lo aprendido.
El libro empieza con los fundamentos de la programación en JavaScript y sigue con la manipulación de elementos HTML a través del DOM. Luego trata los formularios y su procesamiento, la interacción con CSS desde código y los event listeners. Termina con Ajax, para intercambiar datos con el servidor sin recargar ni alterar la página. Todo se hace con JavaScript «vanilla» directamente en el navegador, sin frameworks ni herramientas de compilación, para que el lector entienda cómo se conectan JavaScript, HTML y CSS.
La mitad de los diez capítulos son proyectos guiados: un juego de adivinanzas, una presentación de diapositivas, un formulario de calculadora personalizado, un componente para mostrar y ocultar contenido, una galería tipo lightbox y una primera aplicación con Ajax. Es una base sólida y actual para dar el salto a React, Vue o Angular más adelante. No cubre frameworks, Node.js, módulos con bundlers ni pruebas automatizadas, y la parte asíncrona se limita a una introducción.
- JavaScript moderno
- Fundamentos de programación
- DOM
- Formularios
- CSS desde JavaScript
- Event listeners
- Ajax
- Fetch y datos asíncronos
- Vanilla JS
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Juego de adivinanzas
Primer proyecto: un juego sencillo de adivinar un número para practicar variables, condicionales, bucles y entrada y salida básica en JavaScript.
Presentación de diapositivas
Slide show que cambia imágenes manipulando elementos HTML desde JavaScript, a partir del capítulo sobre el DOM.
Formulario de calculadora personalizado
Formulario HTML que lee los datos del usuario, los valida y calcula resultados con JavaScript, aplicando el capítulo de formularios.
Mostrar y ocultar contenido
Componente interactivo, del tipo acordeón o panel desplegable, que alterna la visibilidad de secciones combinando clases CSS y event listeners.
Galería lightbox
Galería de imágenes que abre cada foto ampliada en una capa superpuesta, con manipulación del DOM, estilos CSS y manejo de eventos.
Introducción a Ajax
Proyecto final que obtiene datos del servidor de forma asíncrona y actualiza la página sin recargarla.
