NOVEDADES ANGULAR 18 | Curso tutorial completo gratis por Sergie Code

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.

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:00:13 Saludo Inicial
00:01:23 Diapositivas de novedades
00:03:34 Signals Inputs
00:12:08 Signal Outputs
00:16:53 Signal Queries
00:22:57 Model Inputs
00:25:45 Actualización ng-content
00:28:15 Propiedad events para formularios
00:30:24 Redirección de rutas con funciones
00:34:49 Repetición de Eventos (Angular + Wiz)
00:41:26 ngOptimizedImage
00:48:00 Partial Hydration (defer)
00:51:11 Defer (estable)
00:52:36 Nueva Web Oficial
00:53:56 Angular Material 3
00:55:18 public/assets
00:57:18 Proyecto Angular 18
01:05:26 public/assets (proyecto)
01:13:08 Signal Inputs (proyecto)
01:21:45 Signal Outputs (proyecto)
01:22:43 Angular Material 3(proyecto)
01:29:16 Signal Queries (proyecto)
01:33:22 Model Inputs (proyecto)
01:35:28 ng-content (proyecto)
01:37:35 ngOptimizedImage (proyecto)
01:42:00 Defer (proyecto)
01:48:16 Propiedad events para formularios (proyecto)
01:53:33 Redirección de rutas con funciones (proyecto)
02:03:27 ¿Cómo crear un proyecto de cero?
02:09:57 Despedida

-- *Enlaces importantes para el curso* --

-- *Repositorios de versiones anteriores* --

-- *Mis redes* --

#angular #javascript #programacion #desarrolloweb #curso #tutorial #gratis #cursogratis

[SergieCode]

-- *Enlaces importantes para el curso* --

-- *Repositorios de versiones anteriores* --

[DylanNavarro]

Mi vieja me dio la vida y Sergie Code las ganas de vivirla

[spectronewcastro]

9 horas para el estreno que Emocion 👩‍💻😁😁⏰, Like poderoso para ti SergieCode 🇧🇴🇧🇴🇧🇴🇧🇴

[josedanielpalacioarango]

Que genial! amo tus cursos, cuando uno de php o c# ?

[dianavicente]

Sergie gracias a ti he podido aprender muchísimo empece desde tu primer curso, tienes un don para explicar 🩷🫶

[Grishopping]

Gracias por el video ...Amigo podrias hacer un video sobre turborepo con prisma... que opinas de esta herramienta?
si puedes colocar un ejemplo con prisma seria fantastico

[luisfernandodeolazabalsche]

Muchísimas gracias, quería preguntarte yo estoy usando tailwind más que todo porque se puede personalizar mucho pero ahora que veo tu código me gustaría utilizar más Bootstrap quita mucha complejidad al código html, ¿sueles utilizar bootstrap y Angular Material? Si nos puedes platicar un poco que sueles usar estaría genial.

[Stephen_]

Que chuzo meterse en Angular con sergie de YouTube 😮, pero debo empezar por el del curso desde cero. Bastante pro aprender programación web que hay mucho.


Sergie, espero en algún momento hagas alguno de desarrollo móvil con Android Studio o con el mismo VSCode (React native, ya que tienes el de ReactJS)🎉

[marcomolina]

excelente video!, nuevo sub!!!!
saludos.

[xavierortegamancilla]

Hola veo todos tus videos puedes hacer un tutorial y como crear un backend con intellij idea

[isaiasemanuelcalfin]

Buenas, te hago una consulta. Estuve viendo el repositorio y vi que todos los componentes utilizan standalone, entiendo que esa caracteristica se utiliza para hacer independientes a los componentes y asi poder utilizarlos sin la necesidad de un modulo. En los casos en los que necesitemos un componente sea utilizado de forma general. Ejemplo, multiples componentes que utlicien un boton personalizado. ¿ No seria mas facil de codear la utilizacion de modulos?, siendo asi ¿ la utlizacion de los modulos sigue siendo exactamente igual que antes?, ¿ necesito importarlos en el config.ts de la raiz?. Desde ya muchas gracias! me encanto el video, muy claro y bien explicado! me sacaste muchas dudas!

[lihue]

Hola Sergie, hay que hacer el de Angular que hiciste hace meses y después éste?

[XhimponiX]

Hola Sergi, te quiero agradecer por tus cursos, la verdad que han sido muy prácticos y útiles. Yo soy un desarrollador de Java y me han servido para aprender estas nuevas tecnologías y de echo ya hacer cosas a nivel profesional en mi trabajo... Ya termine el de CSS, TypeScript, los 2 de Angular, y el de Python. Quedo a la espera del de Python OO... Nuevamente mil gracias y un saludo desde Bogotá!

[svenm]

Buenísimo, un video super necesario👍🏻

[jorgezapata]

Hola sergi excelente curso
tengo una duda en el curso de mas de 7hrs le instalo la v18 funcionara los proyectos? o tengo q instalar la v16 ... Desde el comienzo y despues actualizarlo

[manuelzorondo]

Éxitos en tu nueva etapa como desarrollador 🎉

[victorhoyos]

Hola. gracias por el contenido, como puedo colocar una imagen del logo? que cambios hay en Angular 18 para llamar los archivos estaticos. gracias

[benjaminveli]

Sos un grande amigo, tenía el problema de las imágenes jajaja, muchas gracias

[sebablanc]

Vengo trabajando con Angular desde su versión 5 y veo que en las nuevas versiones, no hay nada realmente nuevo. Simplemente cambiaron las sintaxis por algo un poco más sencillo.
Pero por ejemplo en lo de la redirección, en las versiones anteriores se podía tranquilamente resolver con un CanLoad o CanActivate y esas funciones dentro de la ruta

[VictormanuelTarrillollonto-cq]

Discula soy nuevo con angular, pero debo de aprender angular 16, 17 y desoues pasarme a este o solo veo el de 17 y luego este?