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.
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
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.
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.
@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.
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
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 !!!
*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.
Entro a UA-cam 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 🤯
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á.
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.
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 😅
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
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 😢.
Un stream de valores que se emiten en el tiempo al cual te podés suscribir para manipular esos valores. En La forma más simple podés compararlo con las promesas.
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
![Primeros pasos con Angular 18 [2024]](http://i.ytimg.com/vi/aiaKyhiY9TQ/mqdefault.jpg)
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!!!
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
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
Justamente estaba buscando como comunicar componentes, excelente explicación!
¡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
Hoy estoy tomando el curso para mi primer trabajo!!!
Llegó mi momento de tener que aprender Angular, y que mejor que hacerlo con Midu
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!!!!
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 😂😂
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.
la mejor clase, ni en mi universidad, uso html y css, pero con angular, me facilita rapidamente todo
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
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.
Hermano, creo que explicaste esto de forma magistral, sinceramente ganaste un perro fiel... digo un seguidor
Ojala una segunda parte, me gusto mucho la explicacion.
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 ?
eres demasiado bueno... que manera de enseñar más dinámica y entretenida. Así da gusto aprender ... Gracias!
Hola! Pensé que este día nunca llegaría, pero es que Angular se ha esforzado para encantar a desarrollares React.
1:13:30 centraliar las docs de apis, docusaurus, astro starlight, gitbook
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.
Maldita sea, creia que este momento nunca llegaria 🥵🥵🥵
Midu en Angular 😮😮😮
hacer todo de un tirón 🤯🤯🤯 maestro!!! te pasaste, mil gracias!!! ❤
@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.
Genial tutorial! bien explicado y al punto, solo que me desconcentraba lo pesado del chat con el backseating
Muy agradecido y esperando una segunda parte!! Abrazos
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
creo que despues de este video, habra mas dev con angular, muy bien ahi midu, excelente contenido.
Excelente curso Midu!, seria perfecto más contenido de Angular.
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 !!!
*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.
Entro a UA-cam 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 🤯
Amigo realmente se me hace una curva de aprendizaje muy grande, pero se ve realmente interesante Angular.
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á.
Hoy en dia sos el número uno en esta clase de contenido.
He aprendido más en esta hora que en todo un curso con mi profesor.
Justo en el trabajo que aplique me pidieron usar Angular, vendo de nextjs, a ver que me deparara el futuro
Muy buen video Midu, esperando con ganas la segunda parte
Mejor explicado no puede estar, muchas gracias Midu!!!
Me gusta se está Sveltizando Angular. Segunda parte con signals 🙏
Excelente video! Me ha ayudado muchisimo, solo quisiera saber cual es tu extensión que tienes de git en tu terminal.
Excelente video!!! Contenido de CALIDAD!!!
Mil gracias!
excelente video midu me has ayudando un monton me gustaria que hagas un curso de angular
Midu harás este mismo vídeo para la versión 18 ?
PD: Mi primer trabajo lo he conseguido gracias a Angular
Mi primera chambaaaa... 😂😂😂
@@sk8osnerrecuerdo el día cuando yo de la chamba me enamoré
Gracias por proporcionarnos más herramientas Midu❤️
Eres un crack, gracias por el contenido, no dejes de subir este tipo de contenido a tu canal.
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...
Excelente para refrescar conceptos basicos. Espero con ansias la segunda parte, saludos Midu :))
wow pues como ha cambiado angular desde la ultima ves que lo vi me parece mucho mejor
Gracias te ganaste mi like.. estaba buscando como incorporar al app el nuevo componente ya creado y no encontraba.. gracias mil..
uitl para tener un breve inicio rapido, muy buen contenido.
Segunda parte pls, m encanta tu contenido y me pareces el mejor para aprender
Aprender Angular y luego NestJS para tus proyectos, es una buena forma de comenzar a ser Full Stack
Aprendí mucho, Gracias.
Gracias midudev, te quiero mucho
Hola Midu, esto me sirve para angular 18?
Saludos 👋 siempre prefiero ver tu contenido 🔥
por favor mas proyectos en angular 17
Como siempre midu enseñando justo lo q andaba necesitanto
Excelente tutorial. Felicitaciones.
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 y como siempre, EXCELENTE Angular
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 😅
esperando segunda parte, quiero ver más cosas interesantes. 👀
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??
Buenas Midu, increible video, me ha encantado
Una preguntita, cual es el tema de iconos que usas? Gracias :)
porque el CommonModule no se creo de forma automatica si estoy usando la version 17 igual y el node v20
Hola,
gracias Midu !
Espero segunda parte!!
Gracias por este contenido Midu!! Excelente!!!
eres mejor q mi profe :)
Será q vuelvo a Angular???
¿Que plugins usas para mostrar los errores en linea, autocompletado, etc?
midu para el tema de las extensiones podrias usar los profiles para configurar las extensiones y configuraciones para los proyectos en diferentes techs
Aprendo mucho contigo.
el midu ya esta en el 2024
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
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 😢.
Holay!!! Que es un Observable?? Habran mas videos de Angular 17? Login, Fetching, etc..? ServerSide?
Un stream de valores que se emiten en el tiempo al cual te podés suscribir para manipular esos valores. En La forma más simple podés compararlo con las promesas.
Excelente video tutorial, me has facilitado la vida
que extension estás utilizando para se marquen de color morado los condicionales en html, como por ejemplo el if else?
Muy buen vídeo!
en el minuto 50:23 que extensión utiliza para que se VEA LA IMAGEN en la parte izquierda gracias
Image preview
Chulada de angular
Buenísimo un tuto de 🅰️ngular!! Espero la parte 2
Gracias Midu, no has pensado en tener una academia propia? sin duda seria un éxito, yo seria el primero en inscribirme!
Estás en ella ahora mismo ^^
excelente tutorial
Madre mia, yo usando React y Angular es mil veces mejor!
React es para ezquizofrenicos
OSEA QUE EL APP MODULE MURIO?
* * * * * 5 estrellas tío.
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
Hay algun otro curso de angular de Midulive? uno mas completo y profundo? aunque sea de pago?
Excelente aporte para iniciar en el mundo de Angular
una pregunta en components si dejamos templateUrl ahy tendriamos que poner la url de usercomponents o no seria asi