Summary
Full Transcript
🧠 Probá Brilliant de manera gratuita durante 30 días + 20% descuento anual: https://www.brilliant.org/sergiecode Salió la nueva versión de este robusto framework de JavaScript y no quería dejarte sin todas las magníficas novedades que trae. En este curso tutorial repasaremos una a una las nuevas características y veremos un trabajo práctico donde se aplican. Angular es un framework de código abierto basado en TypeScript mantenido por Google y una comunidad activa de desarrolladores. Diseñado para la creación eficiente de aplicaciones web dinámicas y de una sola página (SPA), Angular ofrece una estructura robusta basada en componentes. Para poder tomar este curso debes haber visto el curso de ANGULAR DESDE CERO el cual tiene su curso completo en este canal en el siguiente link: https://youtu.be/soInCF7nbDw y las NOVEDADES DE ANGULAR 18 en este link: https://youtu.be/Qmci2rvN4F8 Si este curso te ha servido asegúrate de suscribirte a mi canal para estar al tanto de los próximos, ya que pronto estaré subiendo los primeros pasos en librerías y Frameworks muy populares y con mucha salida laboral. Mi objetivo es que puedas adquirir los conocimientos necesarios para crear tus propias aplicaciones web sin tener que invertir dinero en costosos cursos de programación. -- *Secciones del curso* -- 00:00:00 Intro 00:03:03 Diapositivas de novedades 00:03:03 Novedades de Angular 19 00:05:36 Incremental Hydration 00:13:03 Event Replay by default 00:15:56 Route-level render mode 00:21:03 SSR with Zoneless Angular 00:23:35 Mejoras para el desarrollador 00:25:15 HMR: Hot Module Replacement 00:27:47 Standalone by default 00:30:22 Standalone obligatorio 00:31:20 Alerta importación no usada 00:32:10 Environment variables 00:33:55 Variables in Templates 00:35:35 Mejoras en Testing 00:36:50 CSP by default 00:39:30 Evolución de la reactividad 00:40:25 Reactividad mejorada 00:41:20 Inputs, Outputs, Queries 00:42:52 Angular Schematics 00:43:46 linkedSignal 00:46:25 resource y rxResource 00:53:50 Effect 00:55:19 Experimental Zoneless 00:57:14 Material y CDK 00:59:20 Drag and Drop 2D 01:00:09 Tab Reordering 01:00:32 Nuevo Timepicker 01:02:04 Práctica proyecto Angular 19 01:11:05 Muestra HMR 01:12:15 Configuración Hidratación Incremental 01:16:30 Configuración Route-level render mode 01:18:30 Standalone estricto e importaciones 01:21:21 Despedida -- *Enlaces importantes para el curso* -- 📂 Repositorio de Novedades Angular 19: https://github.com/sergiecode/novedades-angular-19 📂 Repositorio de Incremental Hydration: https://github.com/sergiecode/angular19-incremental-hydration 📂 Repositorio de Renderizado a nivel de ruta: https://github.com/sergiecode/angular19-route-render-level-mode -- *Repositorios de versiones anteriores* -- 📂Repositorio novedades Angular 16: https://github.com/sergiecode/proyecto-angular-novedades-tutorial 📂Landing page en Angular 17: https://github.com/sergiecode/landing-page-angular-17 📂 Repositorio de novedades de Angular 18 https://github.com/sergiecode/novedades-angular-18 📂 Repositorio con los pasos para crear un proyecto Angular 18 https://github.com/sergiecode/angular-18-test 📂Repositorio de diapositivas de Angular: https://github.com/sergiecode/angular-diapositivas -- *Mis redes* -- 📸 Instagram: https://www.instagram.com/sergiecode 🧑🏼💻 LinkedIn: https://www.linkedin.com/in/sergiecode/ 📽️Youtube: https://www.youtube.com/@SergieCode 😺 Github: https://github.com/sergiecode 👤 Facebook: https://www.facebook.com/sergiecodeok 🎞️ Tiktok: https://www.tiktok.com/@sergiecode 🕊️Twitter: https://twitter.com/sergiecode 🧵Threads: https://www.threads.net/@sergiecode #angular #javascript #programacion #desarrolloweb #curso #tutorial #gratis #cursogratis
