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!
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
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
1:21:27 para conexiones rápidas, ese delay en el loading podría usarse para mostrar un pequeño banner de publi de X segundos, por ej. Es la utilidad que se me viene a la mente :)
¡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! 🤟🏻
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.
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.
*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.
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 TH-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 🤯
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 !!!
@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
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??
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.
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 😢.
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
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?
La sistasis de salida de @input según angular esta mal escrita a mi también me apareció lo que hice fue ir hacia la directiva de @angular/core' e inportarlo desde ahi al igual que el EventEmitter... porque al parecer no estaba implementado e incluso me enrrolle un monton porque 1 tenia mayusculas y el otro no..
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.
Hola! Quien lea y me tira consejo agradezco! Me pasa que uso por ejemplo async pipe y luego cuando vuelvo a necesitarlo me olvido cómo venia la mano, y así con casi todo! Si ya usé una función o herramienta unas 3-4 veces cómo puede ser que siempre deba volver a ver tutoriales y demases? Es parte de la curva de aprendizaje? No detecto qué hago mal...si les pasó parecido agradezco comentarios Saludos!
Alguien sabe como pone esa fuente de texto al visual studio? o cual es? Edit: Ya lo he encontrado, pones 'Cascadia Code' en el font-family del editor, en los settings del visual studio
tiene alguna extensión que le muestre así la terminal? (no he terminado de ver el video, por si le menciona ahí pues no he llegado a esa parte jsjsjs )
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.
siempre quise que midu hiciera angular!!!
Midu es la documentación en vídeo. Voy a regresar a este vídeo unas cuántas veces mientras empiezo a adaptarme a Angular. Gracias Midu.
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.
Justamente estaba buscando como comunicar componentes, excelente explicación!
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
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
1:21:27 para conexiones rápidas, ese delay en el loading podría usarse para mostrar un pequeño banner de publi de X segundos, por ej. Es la utilidad que se me viene a la mente :)
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
Vamos Midu, que pedazo de curso de Angular, queremos mas!!!!
un lujo esta clase!!! no te salteaste ningún paso y eso hizo que entendiese todo, gracias por tanto!
Hoy estoy tomando el curso para mi primer trabajo!!!
Llegó mi momento de tener que aprender Angular, y que mejor que hacerlo con Midu
¡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 en Angular 😮😮😮
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
Maldita sea, creia que este momento nunca llegaria 🥵🥵🥵
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.
la mejor clase, ni en mi universidad, uso html y css, pero con angular, me facilita rapidamente todo
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 😂😂
Bastante interesante la nueva version de Angular, muy bueno lo del @defer
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
eres demasiado bueno... que manera de enseñar más dinámica y entretenida. Así da gusto aprender ... Gracias!
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.
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.
Muy agradecido y esperando una segunda parte!! Abrazos
*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.
Hola! Pensé que este día nunca llegaría, pero es que Angular se ha esforzado para encantar a desarrollares React.
hacer todo de un tirón 🤯🤯🤯 maestro!!! te pasaste, mil gracias!!! ❤
He aprendido más en esta hora que en todo un curso con mi profesor.
IntelliJ te ayuda y puedes hacer automáticamente los imports, así que menos preocupaciones
Intellij para angular, realmente esta buena esa combinación ?
Excelente curso Midu!, seria perfecto más contenido de Angular.
Hoy en dia sos el número uno en esta clase de contenido.
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á.
creo que despues de este video, habra mas dev con angular, muy bien ahi midu, excelente contenido.
Entro a TH-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 🤯
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 !!!
@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.
Amigo realmente se me hace una curva de aprendizaje muy grande, pero se ve realmente interesante Angular.
Muy buen video Midu, esperando con ganas la segunda parte
Mejor explicado no puede estar, muchas gracias Midu!!!
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
Genial tutorial! bien explicado y al punto, solo que me desconcentraba lo pesado del chat con el backseating
Me gusta se está Sveltizando Angular. Segunda parte con signals 🙏
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❤️
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 video!!! Contenido de CALIDAD!!!
Mil gracias!
Eres un crack, gracias por el contenido, no dejes de subir este tipo de contenido a tu canal.
1:13:30 centraliar las docs de apis, docusaurus, astro starlight, gitbook
Excelente para refrescar conceptos basicos. Espero con ansias la segunda parte, saludos Midu :))
que extension estás utilizando para se marquen de color morado los condicionales en html, como por ejemplo el if else?
PD: Mi primer trabajo lo he conseguido gracias a Angular
Mi primera chambaaaa... 😂😂😂
@@sk8osnerrecuerdo el día cuando yo de la chamba me enamoré
¿Que plugins usas para mostrar los errores en linea, autocompletado, etc?
uitl para tener un breve inicio rapido, muy buen contenido.
Como siempre midu enseñando justo lo q andaba necesitanto
Excelente video! Me ha ayudado muchisimo, solo quisiera saber cual es tu extensión que tienes de git en tu terminal.
excelente video midu me has ayudando un monton me gustaria que hagas un curso de angular
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...
Midu harás este mismo vídeo para la versión 18 ?
Segunda parte pls, m encanta tu contenido y me pareces el mejor para aprender
Hola,
gracias Midu !
Espero segunda parte!!
Aprendí mucho, Gracias.
una pregunta en components si dejamos templateUrl ahy tendriamos que poner la url de usercomponents o no seria asi
Excelente tutorial. Felicitaciones.
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
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
esperando segunda parte, quiero ver más cosas interesantes. 👀
Justo en el trabajo que aplique me pidieron usar Angular, vendo de nextjs, a ver que me deparara el futuro
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 😢.
Excelente video y como siempre, EXCELENTE Angular
en el minuto 50:23 que extensión utiliza para que se VEA LA IMAGEN en la parte izquierda gracias
Image preview
como haces para que te corrija el visual studio code, veo que te sugiere lo que puedes escribir que extensión es ?
Si no es la extensión de Angular, puede ser algun copilot
buenas ese auto completado que tiene al codear es una extension del visual studio code ? si alguno me podra decir agradezco ! :)
Gracias midudev, te quiero mucho
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
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?
La sistasis de salida de @input según angular esta mal escrita a mi también me apareció lo que hice fue ir hacia la directiva de @angular/core' e inportarlo desde ahi al igual que el EventEmitter... porque al parecer no estaba implementado e incluso me enrrolle un monton porque 1 tenia mayusculas y el otro no..
Será q vuelvo a Angular???
Gracias por este contenido Midu!! Excelente!!!
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.
el midu ya esta en el 2024
wow pues como ha cambiado angular desde la ultima ves que lo vi me parece mucho mejor
Cual es la extension para que le de todas esas suggestions, es Copilot?
Gracias te ganaste mi like.. estaba buscando como incorporar al app el nuevo componente ya creado y no encontraba.. gracias mil..
¿cómo se sabe cuando es componente padre y cuando hijo? xq no veo ninguna manera de ver la herencia
Me recomienda avanzar en este curso si deje angular desde la version 1 angujar js ? quisiera continuar con angular
en el minuto 36:00 no me sale el "user works", a que se puede deber?
Como es el defer con astro es el client attr o que es?
Puedes hacer un video subre hosting de un proyecto para firebase? Hice uno utilizando serives, datoss en json pero no funciona.
Hola! Quien lea y me tira consejo agradezco! Me pasa que uso por ejemplo async pipe y luego cuando vuelvo a necesitarlo me olvido cómo venia la mano, y así con casi todo! Si ya usé una función o herramienta unas 3-4 veces cómo puede ser que siempre deba volver a ver tutoriales y demases? Es parte de la curva de aprendizaje? No detecto qué hago mal...si les pasó parecido agradezco comentarios Saludos!
Alguien sabe como pone esa fuente de texto al visual studio? o cual es? Edit: Ya lo he encontrado, pones 'Cascadia Code' en el font-family del editor, en los settings del visual studio
Aprender Angular y luego NestJS para tus proyectos, es una buena forma de comenzar a ser Full Stack
tiene alguna extensión que le muestre así la terminal?
(no he terminado de ver el video, por si le menciona ahí pues no he llegado a esa parte jsjsjs
)
alguien me puede decir que material icon usa midudev, please.
Buenas Midu, increible video, me ha encantado
Una preguntita, cual es el tema de iconos que usas? Gracias :)
midulive que haces para que te aparezca el error al frente del código , cuando dices que el angular te habla .. gracias brother desde Miami te sigo