-- *Enlaces importantes para el curso* -- 📂 Repositorio de novedades de Angular 18 github.com/sergiecode/novedades-angular-18 📂 Repositorio con los pasos para crear un proyecto Angular 18 github.com/sergiecode/angular-18-test 📂Repositorio de diapositivas de Angular: github.com/sergiecode/angular-diapositivas -- *Repositorios de versiones anteriores* -- 📂Repositorio novedades Angular 16: github.com/sergiecode/proyecto-angular-novedades-tutorial 📂Landing page en Angular 17: github.com/sergiecode/landing-page-angular-17
Estoy impresionado con la calidad del contenido, muchas gracias!! me voy a seguir con el de novedades de angular 19 despues de completar el Angular desde Cero! excelente, sigue asi!!
Hola Sergie. El contenido que haces es estupendo. Espero que prontamente llegues a los 100.000 suscriptores y obtengas esa placa de youtube que tanto mereces. Esto sí que es contenido gratuito de alta calidad. El mejor contenido que he visto hasta el momento para programadores. Saludos!!
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á!
Que chuzo meterse en Angular con sergie de TH-cam 😮, 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)🎉
Excelente hermano por tus cursos son los mejores gracias por compartir tus conocimientos con los demas sos grande pibe sigue adelante con mas cursos @SergieCode
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
@@SergieCode Buenos dias, muchas gracias, solo habia visto la parte donde explicas lo de la carpeta public y assets, no donde explicas la ruta de la imagen. yo estaba colocando la carpeta public en la ruta y tu explicas que va desde assets. gracias nuevamente
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.
Uso lo que requiera el proyecto en el que estoy trabajando, Tailwind y Bootstrap son buenas bibliotcas que te ayudan a ahorrar tiempo en estructuras prediseñadas. Depende cual sea el objetivo! Si necesitas personalizar mucho el diseño a veces es mejor usar CSS, SCSS! Pero si necesitás componentes pre-diseñados ambas son excelentes elecciones!
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
Angular 17 y 18 traen por defecto una estructura levemente distinta sin módulos. Por una cuestión de continuidad recomendaría arrancar con 16, luego 17 y finalmente 18. Al trabajar en una empresa vas a necesitar saber código legacy ya que la versión 16 tiene sólo un año y seguramente todo el código de 2023 fue escrito como máximo en 16 y nadie migra todo tan rápido. Si vas a usar directamente 17 o 18 usá esto para crear el proyecto: ng new nombre-de-la-aplicación --no-standalone El --no-standalone te instalará el app.module.ts y el ngmodule al igual que se usaba en Angular 16 para atrás
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!
Si es standalone se puede importar en el import propio del components las veces que sea necesario sin usar modulos! (Angular tiende hacia eso y seguramente en las próximas versiones desaparecerán los módulos)
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
Quizás como fuiste transicionando de a poco no lo sentís tanto, pero yo creo que hubo varias cosas disruptivas que son muy positivas como las Signals, SSR y la más grande es la tendencia a eliminar los módulos por el sistema Stand Alone de Componentes. También eliminar el uso de zone.js va a ser muy positivo a mi parecer. Hace poco hicimos una migración de un proyecto y demoramos como un mes en que cumpla "con la nueva filosofía" porque es distinta la forma en la que hay que pensar el proyecto con esta nueva distribución. Antes era como un árbol donde caía la información de general a más específico y ahora es más horizontal pero eficiente. Depende el proyecto quizás!
Eliminá del angular.json el prerender: true Sino hay que usar afterNextRender Por lo que vi estás haicendo mi curso de Angular 16/17 te recomiendo que hagas los proyectos en las versiones que sugiero para no toparte con este tipo de cosas así podés enfocarte en aprender primero las bases! Saludos!
![Primeros pasos con Angular 18 [2024]](/img/n.gif)
-- *Enlaces importantes para el curso* --
📂 Repositorio de novedades de Angular 18 github.com/sergiecode/novedades-angular-18
📂 Repositorio con los pasos para crear un proyecto Angular 18 github.com/sergiecode/angular-18-test
📂Repositorio de diapositivas de Angular: github.com/sergiecode/angular-diapositivas
-- *Repositorios de versiones anteriores* --
📂Repositorio novedades Angular 16: github.com/sergiecode/proyecto-angular-novedades-tutorial
📂Landing page en Angular 17: github.com/sergiecode/landing-page-angular-17
Estoy impresionado con la calidad del contenido, muchas gracias!! me voy a seguir con el de novedades de angular 19 despues de completar el Angular desde Cero! excelente, sigue asi!!
Aca comenzando el cursito. Gracias Sergi por el curso
Hola Sergie. El contenido que haces es estupendo. Espero que prontamente llegues a los 100.000 suscriptores y obtengas esa placa de youtube que tanto mereces. Esto sí que es contenido gratuito de alta calidad. El mejor contenido que he visto hasta el momento para programadores. Saludos!!
Excelente explicacion y muchisimas gracias!
Sergie gracias a ti he podido aprender muchísimo empece desde tu primer curso, tienes un don para explicar 🩷🫶
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á!
Muchas Gracias! Se vienen pronto los de POO!!!
Mi vieja me dio la vida y Sergie Code las ganas de vivirla
Sos un grande amigo , tenía el problema de las imágenes jajaja , muchas gracias
9 horas para el estreno que Emocion 👩💻😁😁⏰ , Like poderoso para ti SergieCode 🇧🇴🇧🇴🇧🇴🇧🇴
Éxitos en tu nueva etapa como desarrollador 🎉
excelente video!, nuevo sub!!!!
saludos.
Que chuzo meterse en Angular con sergie de TH-cam 😮, 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)🎉
Que genial! amo tus cursos, cuando uno de php o c# ?
Super saludos.
Ya se te extrañaba, crack. 💪👊
Excelente hermano por tus cursos son los mejores gracias por compartir tus conocimientos con los demas sos grande pibe sigue adelante con mas cursos @SergieCode
Buenísimo, un video super necesario👍🏻
Dios te bendiga :D
que good eres sergie
A 2 horas del estrenoo🎉🎉
GRACIAS ❤❤
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
Curso de SQL, please....
Hola Sergie , hay que hacer el de Angular que hiciste hace meses y después éste?
Así es, este es la continuación del otro, es como agregarle 3 secciones más!
Hola veo todos tus videos puedes hacer un tutorial y como crear un backend con intellij idea
Hola. gracias por el contenido, como puedo colocar una imagen del logo? que cambios hay en Angular 18 para llamar los archivos estaticos. gracias
Dentro de la carpeta assets y llamarlo de ahí! Está explicado en el video! Saludos!
@@SergieCode Buenos dias, muchas gracias, solo habia visto la parte donde explicas lo de la carpeta public y assets, no donde explicas la ruta de la imagen. yo estaba colocando la carpeta public en la ruta y tu explicas que va desde assets. gracias nuevamente
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.
Uso lo que requiera el proyecto en el que estoy trabajando, Tailwind y Bootstrap son buenas bibliotcas que te ayudan a ahorrar tiempo en estructuras prediseñadas. Depende cual sea el objetivo! Si necesitas personalizar mucho el diseño a veces es mejor usar CSS, SCSS! Pero si necesitás componentes pre-diseñados ambas son excelentes elecciones!
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
Angular 17 y 18 traen por defecto una estructura levemente distinta sin módulos.
Por una cuestión de continuidad recomendaría arrancar con 16, luego 17 y finalmente 18.
Al trabajar en una empresa vas a necesitar saber código legacy ya que la versión 16 tiene sólo un año y seguramente todo el código de 2023 fue escrito como máximo en 16 y nadie migra todo tan rápido.
Si vas a usar directamente 17 o 18 usá esto para crear el proyecto:
ng new nombre-de-la-aplicación --no-standalone
El --no-standalone te instalará el app.module.ts y el ngmodule al igual que se usaba en Angular 16 para atrás
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!
Si es standalone se puede importar en el import propio del components las veces que sea necesario sin usar modulos! (Angular tiende hacia eso y seguramente en las próximas versiones desaparecerán los módulos)
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?
Sí, primero hay que hacer Angular desde cero donde se ven los conceptos desde el comienzo y luego podrás ver este!
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
Quizás como fuiste transicionando de a poco no lo sentís tanto, pero yo creo que hubo varias cosas disruptivas que son muy positivas como las Signals, SSR y la más grande es la tendencia a eliminar los módulos por el sistema Stand Alone de Componentes.
También eliminar el uso de zone.js va a ser muy positivo a mi parecer.
Hace poco hicimos una migración de un proyecto y demoramos como un mes en que cumpla "con la nueva filosofía" porque es distinta la forma en la que hay que pensar el proyecto con esta nueva distribución. Antes era como un árbol donde caía la información de general a más específico y ahora es más horizontal pero eficiente. Depende el proyecto quizás!
Porfa podrias hacer un video consumiendo una api con angulor 18 y signals seria de gran ayuda
En el video de Angular desde cero está hecho con Angular 17 no debería haber ningún tipo de diferencia con Angular 18. Saludos!
ayudaa, como usar el locaStorage con esta nueva version :(
Eliminá del angular.json el prerender: true
Sino hay que usar afterNextRender
Por lo que vi estás haicendo mi curso de Angular 16/17 te recomiendo que hagas los proyectos en las versiones que sugiero para no toparte con este tipo de cosas así podés enfocarte en aprender primero las bases! Saludos!
👍
Aun no comprendo a la totalidad🐢 Angular 16 y ya salió 18
No te preocupes, si tenés sólido Angular 16 no deberías tener problema usando Angular 18 la base es la misma!