Ingeniero FrontendPrincipiante8 módulos~4.0 horas prácticas3 modos de aprendizaje
JavaScript para el navegador
Construí CityScope, un explorador buscable de ciudades y clima, mientras dominás JavaScript moderno, el DOM, módulos, datos asíncronos, almacenamiento y depuración defensiva.
// Lo que podrás hacer- El puente entre el navegador y JavaScript y el camino por delante
- Creá la estructura semántica de CityScope y el punto de entrada del módulo
- Transformá los datos de la ciudad con funciones puras y closures
- Convertí el campo de búsqueda en una interfaz interactiva accesible
8 módulos, hechos para ejecutar
Cada módulo incluye código ejecutable. Expande cualquiera para ver su contenido.
00IntroducciónQué vamos a construir y por qué30 min
Preguntas que responde este módulo
- ¿Cómo podés observar la experiencia completa de CityScope que vas a construir?
- ¿Cómo podés elegir la ruta de aprendizaje que se ajuste a tus objetivos?
Empezar móduloVista previa gratis
01OrientaciónEl puente entre el navegador y JavaScript y el camino por delante30 min
Preguntas que responde este módulo
- ¿Cómo podés confirmar las herramientas y la línea base de HTML/CSS requeridas para el proyecto?
- ¿Cómo podés entender exactamente qué cubre este workshop y quer queda para después?
02Configuración del proyectoCreá la estructura semántica de CityScope y el punto de entrada del módulo30 min
Preguntas que responde este módulo
- ¿Cómo podés crear la estructura completa de carpetas de CityScope?
- ¿Cómo podés construir una shell accesible de búsqueda y resultados?
03Datos, funciones y alcanceTransformá los datos de la ciudad con funciones puras y closures30 min
Preguntas que responde este módulo
- ¿Cómo podés transformar arrays con map, filter y sort sin mutar los datos de origen?
- ¿Cómo podés usar alcance léxico y un closure para crear una función de búsqueda configurada?
04DOM, eventos y formulariosConvertí el campo de búsqueda en una interfaz interactiva accesible30 min
Preguntas que responde este módulo
- ¿Cómo podés seleccionar y actualizar nodos del DOM sin interpolación HTML insegura?
- ¿Cómo podés mantener sincronizado el estado accesible y el estado visible?
05Módulos y datos asíncronosCargá JSON local con fetch, promesas y estados explícitos de la interfaz de usuario30 min
Preguntas que responde este módulo
- ¿Cómo podés usar imports y exports de ES module para reforzar los límites del proyecto?
- ¿Cómo podés cargar y validar JSON con estados explícitos de carga, éxito, vacío y error?
06Almacenamiento y depuración defensivaPersistí favoritos y recuperate de forma segura de datos corruptos30 min
Preguntas que responde este módulo
- ¿Cómo podés serializar y restaurar ids de favoritos a través de `localStorage`?
- ¿Cómo podés depurar fallas ubicando el límite que violó su contrato?
07Verlo en acciónVerificá el explorador completo y demostrá lo que podés construir30 min
Preguntas que responde este módulo
- ¿Cómo podés correr la aplicación CityScope completa a través de su recorrido crítico de usuario?
- ¿Cómo podés verificar módulos puros y límites de integración con el navegador?
¿Listo para construir tu primer agente? JavaScript para el navegador?
Empezá con el Módulo 0 gratis y desbloqueá la ruta completa con un plan Pro.