este video me abrio la cabeza para una idea de seria donde hagas el front y trabajes en colaboracion con otro dev de backend como hdleon, y armen algun producto sencillo mostrando un poco mas la gestion de proyecto. de ahi en mas gracias por el content siempre!
hola midu! estoy con angular en el FP y este video me ha ayudado una barbaridad, si te sobra tiempo ojala subas una 2ª parte con los formularios, propierti building y esas cosas. Un saludo, me encanta tu contenido
¡Excelente Tutorial! 🤓 Muy claro, preciso y se valora un montón la explicación de Conceptos de Desarrollo Web que no están necesariamente relacionados con Angular como tecnología, sino que aplican de manera general a todo el desarrollo. ¡Muchísimas gracias! 🤟🏻
Midu, este tuto no lo veo porque estoy arrancando recien pero me sorprende la actividad que tenes en las paltaformas, supongo que tenes "empleados" que suben tus videos y demas pero dioss, cada un rato hay algo nuevo que mirar en tu canal. Muy bueno
si, esto realmente es un fragmento de un stream suyo en twitch, mucho de su contenido lo realiza en directo y ya luego sus editores se encargan de recortar y editar para los vídeos o los shorts/tiktoks etc
57:12 El VSCode integra la importación del decorador, cuando se selecciona adentro de las opciones de la edición dinámica, pero no cuando uno termina de digitarlo manualmente.
34:43, Si puede completar automáticamente la importación del componente con el nombre de la clase, que lo haga con el tag puede llegar a complicar, cuando se están comparando dos componentes, por ejemplo como para un cambio de un componente por otro que usen el mismo nombre de tag, y no estar editando todas las instancias del tag, aunque igual podría ser configurable.
*Solución al error si no quiere ejecutar los scripts desde visual studio* Consideración a tomar en cuenta al momento de querer levantar el proyecto, desde visual studio nos arroja el siguiente error. No se puede cargar el archivo “Aquí aparece la ruta de donde se encuentra tu proyecto” porque la ejecución de scripts está deshabilitada en este sistema. para resolverlo solo es ejecutar como administrador la *powershell* con el siguiente comando, *Set-ExecutionPolicy Unrestricted*. Nos aventara una instrucción para habilitar los scripts solo pondremos *S*, y listo ya nos dejara usar los scripts de angular dentro de la terminal de visual studio.
Justo mañana me pasan un proyecto en angular, no sabia ni como instalarlo, espero poder hacer lo que piden ajjajaja xd pero que buen video midu gracias, son como esos videos que dicen aprende tal cosa en tan solo 10 minutos, eres el mejor... saludos
Tu curso no es para principiantes, te aceleras demasiado y hay mucha cosas que haces tan rápido que nos dejas en el aire. No sabemos que pulsaste, ni que opción elegiste, ni que hiciste. En realidad se ve que tienes gran dominio del tema, pero en las primeras sesiones debes ir muy lento y muy, muy explícito . . . luego cuando aquellos que te siguen ya lograron acostumbrarse al software . . . aceleras . . . todos te lo agradecerán, incluso los que conocen la herramienta de software. Claro que, a los que conocen el tema, se les debe advertir que las primeras sesiones irás despacio, es más, puedes recomendar que podrían entrar directamente a la "n" sesión, para que no se aburran. No te molestes, por el comentario, solo es un sano y respetuoso consejo, que seguro en el futuro mucha gente te lo agradecerá.
Entro a RUclips y veo en las notificaciones Aprende ANGULAR 17 desde cero para principiantes GRATIS de midulive y me vuela la cabeza, pensé que era de broma pero no, midu usando angular 🤯
Muchas gracias por el curso Midu, me ha ayudado mucho! Veo que en España almenos hay muchas mas ofertas de trabajo de Angular que React, y yo estudie todo en React en un BootCamp que acabe hace un mes. Por eso me estoy poniendo ahoracon Angular como loco jaja
No conocía Angular. De hecho, lo miraba con mucho respeto (y miedo) por todo o que dicen de su "elevada" curva de aprendizaje, etc... Pero hasta ahora (min: 30:44), maneja muchísimos elementos casi iguales a Vue y Laravel, que son mi stack. Muchísimas gracias Miguel por este tutorial que me está permitiendo quitarle el velo a Angular para comenzar a aprenderlo en serio. De acuerdo contigo en lo que debería traer TailwindCSS por defecto (caso de Laravel), pero le incorporé el CDN y va de mil maravillas. Que tengas un feliz y bendecido 2024 bro. Fuerte abrazo desde Venezuela. Editado: min 36 - Así comenzó Vue.js en su Option API. Había que hacer la importación 2 veces. Eso cambió con Vue 3 y la Composition API donde simplemente al escribir tu componente, lo importas y punto. Probablemente, Angular camine hacia allí en un futuro.
Tengo algo que reclamarte y es algo muy serio, tengo tanto tiempo siguiendo tu canal y porque no habías hecho este video antes. Por cierto me estoy comiendo tus videos de ReactJs mil gracias !!!
Yo… no tengo equipos (ni REACT, ni ANGULAR) yo pertenezco al TEAM PASTA (DINERO). Eso es como Android o iOS… el que me pague más, mi familia come de mi trabajo no de mis preferencias.
@midulive Es genial verte haciendo un video de Angular, aunque en realidad no me lo esperaba, no imagino el hate que te ganarás por videos como este o cualquier otro que tenga que ver con Angular. En mi opinión más sincera y el que te hayas puesto la gorra de Angular por un rato dice mucho de su versatilidad y grandeza, le estás mostrando a la comunidad que las herramientas son solo eso y que ser desarrollador va más allá del fanatismo que existe actualmente… Gracias por educar a la comunidad 🎉 Un saludo.
Al crear el proyecto al principio y con cada nuevo componente no me importa automáticamente el CommonModule sino que lo tengo que meter yo a mano cada componente nuevo. Sabéis a que se puede deber esto??
midu para el tema de las extensiones podrias usar los profiles para configurar las extensiones y configuraciones para los proyectos en diferentes techs
Excelente aporte, estaría bien una colaboración con un de backend para tu hacer el front de algo y el haga el back, como dicen en un comentario más abajo, algo nuevo 😅
una pregunta, cuando añades los componentes y h1 en app.component.ts, el programa te corrige, pero a mi no, es por alguna extension? pongo los acentos que usas tú, funciona pero a la hora de escribir codigo VSC no me ayuda, ni me detecta error de sintaxis como a ti.
Gracias amigo, muy buen contenido. Una pregunta. Cómo puedo desplegar esta app en un bucket de s3? Veo que el resultado del ng build en la versión 17 es levemente diferente y cuando subo los archivos de browser obtengo un error al intentar renderizar la página 😢.
Bro sabes que, para que me funcione cualquier comando como el npm install -g @angular/cli y el ng serve, no me funcionan así como lo tirastes, tengo que anteponerles sudo, me pide la contraseña del admin de la cuenta y ahí si mola. Estoy usando una MacBook Air m3, que me aconsejas maestro?
Hermano, estoy perdido con el tema de conexión y obtención de datos con angular. Vengo de un MVC y la verdad no comprendo. Utilizo Angular 17 y no hay nada sobre el tema de conectar una bd mysql y obtener o hacer post and get con los datos. Help miduuu
React es el renacimiento de XML en ActionScript de Flas, y ahora PHP renaciendo como Angular, siempre quise que fuera así, y ahora lo siento raro, jajaja
hola!! genial lo del defer, pero si el componente comentarios tuviera muchos comentarios y quieres cargar cada comentario de forma diferida, como lo harias? porque aqui renderizas diferido todo el componente, pero si el componente tiene 5000 comentarios no querras cargarlos todos
![Primeros pasos con Angular 18 [2024]](http://i.ytimg.com/vi/aiaKyhiY9TQ/mqdefault.jpg)
![Primeros pasos con Angular 18 [2024]](/img/tr.png)
este video me abrio la cabeza para una idea de seria donde hagas el front y trabajes en colaboracion con otro dev de backend como hdleon, y armen algun producto sencillo mostrando un poco mas la gestion de proyecto. de ahi en mas gracias por el content siempre!
Por fin veo que Midu toca Angular, es mi favorita, desarrolla más cosas con Angular por favor.
Yo, como desarrollador de Angular. Estoy insanamente agradecido con midu por hacer este vídeo. Y a ver si así se aprecia más Angular.
Pues yo no era muy amigo de angular, pero este video lo cambio todo por completo.
siempre quise que midu hiciera angular!!!
un lujo esta clase!!! no te salteaste ningún paso y eso hizo que entendiese todo, gracias por tanto!
hola midu! estoy con angular en el FP y este video me ha ayudado una barbaridad, si te sobra tiempo ojala subas una 2ª parte con los formularios, propierti building y esas cosas. Un saludo, me encanta tu contenido
¡Excelente Tutorial! 🤓 Muy claro, preciso y se valora un montón la explicación de Conceptos de Desarrollo Web que no están necesariamente relacionados con Angular como tecnología, sino que aplican de manera general a todo el desarrollo. ¡Muchísimas gracias! 🤟🏻
Justamente estaba buscando como comunicar componentes, excelente explicación!
Cuando ví este video, yo sabia que iba a hacer el curso por mi trabajo. Hoy es el día jajajajaja. Gracias por el contenido
Igual
Midu, este tuto no lo veo porque estoy arrancando recien pero me sorprende la actividad que tenes en las paltaformas, supongo que tenes "empleados" que suben tus videos y demas pero dioss, cada un rato hay algo nuevo que mirar en tu canal. Muy bueno
si, esto realmente es un fragmento de un stream suyo en twitch, mucho de su contenido lo realiza en directo y ya luego sus editores se encargan de recortar y editar para los vídeos o los shorts/tiktoks etc
57:12 El VSCode integra la importación del decorador, cuando se selecciona adentro de las opciones de la edición dinámica, pero no cuando uno termina de digitarlo manualmente.
Espectacular esta introducción a Angular 17, yo ya había visto algún video con las nuevas actualizaciones pero este es de los mejores si no el mejor
Vamos Midu, que pedazo de curso de Angular, queremos mas!!!!
34:43, Si puede completar automáticamente la importación del componente con el nombre de la clase, que lo haga con el tag puede llegar a complicar, cuando se están comparando dos componentes, por ejemplo como para un cambio de un componente por otro que usen el mismo nombre de tag, y no estar editando todas las instancias del tag, aunque igual podría ser configurable.
Llegó mi momento de tener que aprender Angular, y que mejor que hacerlo con Midu
*Solución al error si no quiere ejecutar los scripts desde visual studio*
Consideración a tomar en cuenta al momento de querer levantar el proyecto, desde visual studio nos arroja el siguiente error.
No se puede cargar el archivo “Aquí aparece la ruta de donde se encuentra tu proyecto” porque la ejecución de scripts está deshabilitada
en este sistema.
para resolverlo solo es ejecutar como administrador la *powershell* con el siguiente comando, *Set-ExecutionPolicy Unrestricted*. Nos aventara una instrucción para habilitar los scripts solo pondremos *S*, y listo ya nos dejara usar los scripts de angular dentro de la terminal de visual studio.
Maldita sea, creia que este momento nunca llegaria 🥵🥵🥵
Lo mejor de laravel en Angular 🎉🎉 con esa sintaxis ya hasta me creo experto 😅 siempre supe que mi curso de c/c++ iba a tener frutos 😂😂
Hoy estoy tomando el curso para mi primer trabajo!!!
Hermano, creo que explicaste esto de forma magistral, sinceramente ganaste un perro fiel... digo un seguidor
Justo mañana me pasan un proyecto en angular, no sabia ni como instalarlo, espero poder hacer lo que piden ajjajaja xd pero que buen video midu gracias, son como esos videos que dicen aprende tal cosa en tan solo 10 minutos, eres el mejor... saludos
Midu en Angular 😮😮😮
la mejor clase, ni en mi universidad, uso html y css, pero con angular, me facilita rapidamente todo
Ojala una segunda parte, me gusto mucho la explicacion.
eres demasiado bueno... que manera de enseñar más dinámica y entretenida. Así da gusto aprender ... Gracias!
Bastante interesante la nueva version de Angular, muy bueno lo del @defer
IntelliJ te ayuda y puedes hacer automáticamente los imports, así que menos preocupaciones
Intellij para angular, realmente esta buena esa combinación ?
He aprendido más en esta hora que en todo un curso con mi profesor.
Hola! Pensé que este día nunca llegaría, pero es que Angular se ha esforzado para encantar a desarrollares React.
Tu curso no es para principiantes, te aceleras demasiado y hay mucha cosas que haces tan rápido que nos dejas en el aire. No sabemos que pulsaste, ni que opción elegiste, ni que hiciste. En realidad se ve que tienes gran dominio del tema, pero en las primeras sesiones debes ir muy lento y muy, muy explícito . . . luego cuando aquellos que te siguen ya lograron acostumbrarse al software . . . aceleras . . . todos te lo agradecerán, incluso los que conocen la herramienta de software. Claro que, a los que conocen el tema, se les debe advertir que las primeras sesiones irás despacio, es más, puedes recomendar que podrían entrar directamente a la "n" sesión, para que no se aburran. No te molestes, por el comentario, solo es un sano y respetuoso consejo, que seguro en el futuro mucha gente te lo agradecerá.
Genial tutorial! bien explicado y al punto, solo que me desconcentraba lo pesado del chat con el backseating
Excelente curso Midu!, seria perfecto más contenido de Angular.
hacer todo de un tirón 🤯🤯🤯 maestro!!! te pasaste, mil gracias!!! ❤
Muy agradecido y esperando una segunda parte!! Abrazos
Justo en el trabajo que aplique me pidieron usar Angular, vendo de nextjs, a ver que me deparara el futuro
Hoy en dia sos el número uno en esta clase de contenido.
Entro a RUclips y veo en las notificaciones Aprende ANGULAR 17 desde cero para principiantes GRATIS de midulive y me vuela la cabeza, pensé que era de broma pero no, midu usando angular 🤯
Muchas gracias por el curso Midu, me ha ayudado mucho! Veo que en España almenos hay muchas mas ofertas de trabajo de Angular que React, y yo estudie todo en React en un BootCamp que acabe hace un mes. Por eso me estoy poniendo ahoracon Angular como loco jaja
el loading de varios segundos mínimo aunque sea innecesario, lo usé para que los de marketing vieran que había hecho lo que me pedían. ja ja...
Amigo realmente se me hace una curva de aprendizaje muy grande, pero se ve realmente interesante Angular.
creo que despues de este video, habra mas dev con angular, muy bien ahi midu, excelente contenido.
No conocía Angular. De hecho, lo miraba con mucho respeto (y miedo) por todo o que dicen de su "elevada" curva de aprendizaje, etc...
Pero hasta ahora (min: 30:44), maneja muchísimos elementos casi iguales a Vue y Laravel, que son mi stack.
Muchísimas gracias Miguel por este tutorial que me está permitiendo quitarle el velo a Angular para comenzar a aprenderlo en serio.
De acuerdo contigo en lo que debería traer TailwindCSS por defecto (caso de Laravel), pero le incorporé el CDN y va de mil maravillas.
Que tengas un feliz y bendecido 2024 bro.
Fuerte abrazo desde Venezuela.
Editado:
min 36 - Así comenzó Vue.js en su Option API. Había que hacer la importación 2 veces. Eso cambió con Vue 3 y la Composition API donde simplemente al escribir tu componente, lo importas y punto. Probablemente, Angular camine hacia allí en un futuro.
1:13:30 centraliar las docs de apis, docusaurus, astro starlight, gitbook
Tengo algo que reclamarte y es algo muy serio, tengo tanto tiempo siguiendo tu canal y porque no habías hecho este video antes. Por cierto me estoy comiendo tus videos de ReactJs mil gracias !!!
Mejor explicado no puede estar, muchas gracias Midu!!!
Muy buen video Midu, esperando con ganas la segunda parte
excelente video midu me has ayudando un monton me gustaria que hagas un curso de angular
Gracias te ganaste mi like.. estaba buscando como incorporar al app el nuevo componente ya creado y no encontraba.. gracias mil..
Eres un crack, gracias por el contenido, no dejes de subir este tipo de contenido a tu canal.
Me gusta se está Sveltizando Angular. Segunda parte con signals 🙏
Excelente para refrescar conceptos basicos. Espero con ansias la segunda parte, saludos Midu :))
Yo… no tengo equipos (ni REACT, ni ANGULAR) yo pertenezco al TEAM PASTA (DINERO). Eso es como Android o iOS… el que me pague más, mi familia come de mi trabajo no de mis preferencias.
En estos trabajos hay que ser un mercenario y no hacer las cosas por amor
Excelente video!!! Contenido de CALIDAD!!!
Mil gracias!
porque el CommonModule no se creo de forma automatica si estoy usando la version 17 igual y el node v20
Gracias por proporcionarnos más herramientas Midu❤️
PD: Mi primer trabajo lo he conseguido gracias a Angular
Mi primera chambaaaa... 😂😂😂
@@sk8osnerrecuerdo el día cuando yo de la chamba me enamoré
Será q vuelvo a Angular???
@midulive Es genial verte haciendo un video de Angular, aunque en realidad no me lo esperaba, no imagino el hate que te ganarás por videos como este o cualquier otro que tenga que ver con Angular. En mi opinión más sincera y el que te hayas puesto la gorra de Angular por un rato dice mucho de su versatilidad y grandeza, le estás mostrando a la comunidad que las herramientas son solo eso y que ser desarrollador va más allá del fanatismo que existe actualmente… Gracias por educar a la comunidad 🎉 Un saludo.
uitl para tener un breve inicio rapido, muy buen contenido.
Excelente video y como siempre, EXCELENTE Angular
Segunda parte pls, m encanta tu contenido y me pareces el mejor para aprender
Aprendí mucho, Gracias.
Al crear el proyecto al principio y con cada nuevo componente no me importa automáticamente el CommonModule sino que lo tengo que meter yo a mano cada componente nuevo. Sabéis a que se puede deber esto??
Excelente tutorial. Felicitaciones.
midu para el tema de las extensiones podrias usar los profiles para configurar las extensiones y configuraciones para los proyectos en diferentes techs
wow pues como ha cambiado angular desde la ultima ves que lo vi me parece mucho mejor
el midu ya esta en el 2024
por favor mas proyectos en angular 17
Como siempre midu enseñando justo lo q andaba necesitanto
Aprender Angular y luego NestJS para tus proyectos, es una buena forma de comenzar a ser Full Stack
Excelente aporte, estaría bien una colaboración con un de backend para tu hacer el front de algo y el haga el back, como dicen en un comentario más abajo, algo nuevo 😅
Gracias midudev, te quiero mucho
Midu harás este mismo vídeo para la versión 18 ?
Excelente video! Me ha ayudado muchisimo, solo quisiera saber cual es tu extensión que tienes de git en tu terminal.
Gracias por este contenido Midu!! Excelente!!!
Hola,
gracias Midu !
Espero segunda parte!!
esperando segunda parte, quiero ver más cosas interesantes. 👀
De las mejores explicaciones de @defer que he visto, muchas gracias!
una pregunta, cuando añades los componentes y h1 en app.component.ts, el programa te corrige, pero a mi no, es por alguna extension? pongo los acentos que usas tú, funciona pero a la hora de escribir codigo VSC no me ayuda, ni me detecta error de sintaxis como a ti.
que extension estás utilizando para se marquen de color morado los condicionales en html, como por ejemplo el if else?
Aprendo mucho contigo.
Hola Midu, esto me sirve para angular 18?
Saludos 👋 siempre prefiero ver tu contenido 🔥
Que gran maestro
Gracias amigo, muy buen contenido.
Una pregunta. Cómo puedo desplegar esta app en un bucket de s3? Veo que el resultado del ng build en la versión 17 es levemente diferente y cuando subo los archivos de browser obtengo un error al intentar renderizar la página 😢.
Bro sabes que, para que me funcione cualquier comando como el npm install -g @angular/cli y el ng serve, no me funcionan así como lo tirastes, tengo que anteponerles sudo, me pide la contraseña del admin de la cuenta y ahí si mola. Estoy usando una MacBook Air m3, que me aconsejas maestro?
Hermano, estoy perdido con el tema de conexión y obtención de datos con angular. Vengo de un MVC y la verdad no comprendo. Utilizo Angular 17 y no hay nada sobre el tema de conectar una bd mysql y obtener o hacer post and get con los datos. Help miduuu
Muy buen vídeo!
Excelente video tutorial, me has facilitado la vida
una pregunta en components si dejamos templateUrl ahy tendriamos que poner la url de usercomponents o no seria asi
Buenísimo un tuto de 🅰️ngular!! Espero la parte 2
eres mejor q mi profe :)
Buenas Midu, increible video, me ha encantado
Una preguntita, cual es el tema de iconos que usas? Gracias :)
excelente tutorial
¿Que plugins usas para mostrar los errores en linea, autocompletado, etc?
buenas ese auto completado que tiene al codear es una extension del visual studio code ? si alguno me podra decir agradezco ! :)
React es el renacimiento de XML en ActionScript de Flas, y ahora PHP renaciendo como Angular, siempre quise que fuera así, y ahora lo siento raro, jajaja
Cual son las extenciones que usas para que te sugiera que que codiga tienen que poner, o para llenar mas rapido el codigo.
Más abajo menciona que Git Hub Copilot salu2
en el minuto 50:23 que extensión utiliza para que se VEA LA IMAGEN en la parte izquierda gracias
Image preview
hola!! genial lo del defer, pero si el componente comentarios tuviera muchos comentarios y quieres cargar cada comentario de forma diferida, como lo harias? porque aqui renderizas diferido todo el componente, pero si el componente tiene 5000 comentarios no querras cargarlos todos
Chulada de angular