Laboratorio de Angular: Optimización Web con Lighthouse y SSR
Publicado el 11 de enero de 2023
En este laboratorio entrenarás para tu primer día de trabajo como Angular Developer. Nicolas Molina te entregará una landing page hecha con Angular. Tu misión, si decides aceptarla, será optimizar las dependencias, animaciones y tiempo de carga, además de transformar el proyecto de Single Page Application (SPA) a Server Side Rendering (SSR). ¿Aceptas el reto, Platzinauta?
Clases del curso
Solución de la prueba
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.
Conoce quién enseña el curso
Nicolas Molina
Senior Web Developer con Angular y NestJS
🤝 Most Value Professional en Microsoft Developer Technologies
🌐 Google Developer Expert en Web Technologies y Angular
💯 Experto en Desarrollo Frontend y Backend con JavaScript
Proyecto del curso
Landing Page con Angular
Tu nuevo equipo tiene problemas con el rendimiento de landing page principal, el churn de los usuarios es bastante alto y no se está alcanzando las ventas esperadas. Tu misión es optimizar el proyecto con Angular para alcanzar un score mucho más alto en Lighthouse.
Ver proyectoconocimientos previos
- Laboratorio Profesional de Angular: Prueba Técnica
software y recursos necesarios
- Node.js
- NPM o Yarn
Mira las primeras 3 clases sin costo en este momento
4.8 · 35 opiniones
Willian Sanchez
Excelente curso practico
Andres Felipe Bolaños Fernandez
Excelente curso donde aprendes a correr el script de npm run analyze y optimizaciones de las paginas web.
Jesus David Duarte
Me encanto este curso el nivel esta alto y lo que se aprende aqui no lo he visto en otro lado
Vsqz Gabriel
Me encanto todo el laboratorio puse en practica mis conocimientos en angular y me ayudo muchos las explicaciones de Nico de como implementar SSR en angular
WILDES JARAMILLO HENAO
buen
Diego Vargas
Muy vigente en en mi caso especial con el tema de rendimiento y el SSR
Enrique Cruz Limon
fue una experiencia muy padre participar en este labaratorio lo recomiendo mucho
Jaime cervantes hidalgo
Excelente
Kevin Fiorentino
Excelente mini curso, gran reto sobre Angular, ideal para practicar los conocimiento en la tecnología. Gracias!
Yober Cieza Coronel
Excelente curso
Adrian Ernesto German Becerra
normalito
Julian Callejas
Gracias!
Geovanny Alexander Magallan De La Rosa
Excelente
Sebastian Pinto Becerra
Excelente como siempre
José De Jesús Valera Durán
Interesante ejercicio de la vida real
JORGE ADOLFO CALAMBAS CERON
EXCELENTE
Patricio Pilco
Buen laboratorio, debería existir una sección para este tipo de contenidos.
Daniel Lorenzo Scoccia
Muy interesante el contenido!
Rolando Fernández
Gran curso de Laboratorio de Angular: Optimización Web con Lighthouse y SSR.
Anderson De Jesús Díaz Rodríguez
Excelente instructor 💪
Victor Gomez
gracias
Ezequiel Bermúdez
No sabia del SSR hasta que vi este curso. Excelente profesor y contenido. Con mas cursos como este la comunidad crecera rapidamente
Carlos Gómez
Excelente curso
jose zuñiga
Excelente curso muy útil y un diferenciador con otros desarrolladores. Quizá le falto unas notas del curso para poderlas bajar y tenerlas a la mano.
Elioenai Garcia Garcia
Excelente curso
Ricardo Garduño Rojas
Expandir el conocimiento y animarme a optimizar mi proyecto actual
Luillin Adolfo Escobar Morales
Es muy interesante conocer posibles soluciones que pueden ser aplicadas en casos de uso reales.
Carlos Mario Paternina Pérez
genial
Andres Felipe Garcia Echeverria
Espectacular, más cursos así por favor.
Buen lab, temas interesantes.
Complementa este curso con nuestras rutas de aprendizaje
JavaScript
La Escuela de JavaScript de Platzi es nuestra más completa colección de cursos, proyectos y actividades colaborativas. JavaScript se consolida como el lenguaje de programación más utilizado en el mundo, siendo la herramienta para creación de páginas web dinámicas, aplicaciones web y software moderno de mayor demanda laboral. Arranca con los Fundamentos de JavaScript, manipula el DOM, crea Web Componentes con JavaScript Vanilla y conviértete en Frontend Developer con bibliotecas y frameworks más utilizados como Angular, Vue.js y React.js. También, refuerza tus habilidades como Backend Developer con Node.js o Express.js. <br /> <br /> ¡Comienza hoy con el <a style="color: #32b1fe;font-weight: bold;" href="/cursos/javascript/?utm_source=escuela-javascript">Curso de Fundamentos de JavaScript</a>!
Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.
JavaScript para Backend
Aprende a crear servidores escalables y seguros con Node.js. Integra bases de datos, autenticación y comunicación en tiempo real.
TypeScript
Mejora la calidad de tu código con TypeScript. Aprende tipos avanzados y programación orientada a objetos para proyectos robustos.Aumenta la seguridad de tu código con TypeScript.
Fundamentos de JavaScript
Domina las bases de JavaScript, manipula el DOM y mejora la interactividad de tus proyectos. Utiliza Web APIs, escribe código seguro y escalable con TypeScript.
Frontend a profundidad con Vue.js
Framework progresivo de Javascript para crear interfaces de forma sencilla y escalable para desarrollar aplicaciones web con diferentes grados de complejidad.
JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.