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
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.
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
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.
*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.
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??
@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.
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 !!!
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.
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 🤯
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?
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 😅
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 )
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
Hola Midu disculpa al inicio al poner en la consola "npm install -g @angular/cli" me sale error, me pone que no tengo permisos "you do not have the permissions to access this file as the current user". Sabes cómo resolverlo? Disculpa de nuevo y 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.
buenas, muchas gracias por el video, tengo una duda , en react se utiliza por ejemplo redux para cambios de estado y se hace con acciones y reducers, en angular 17 explicas lo del cambio del estado simplemente cambiandolo en el componente, o eso he entendido que igual no es asi, entonces, mi pregunta es, ¿ya no se utilizan los reducers? en caso de que si, en alguna parte del video que yo me haya perdido estan definidas acciones desde un componente , creado el archivo actions y reducer y creado un estado global? en caso de que no , podrias decirme si tienes algun lado donde esté esto o bien si podrias hacer un video de esto? muchas gracias de antemano
Se pueden usar perfectamente los servicios de Angular para guardar estados, pero para proyectos más robustos se usaría redux. Nrgx es la librería para implementar redux en angular
midu para el tema de las extensiones podrias usar los profiles para configurar las extensiones y configuraciones para los proyectos en diferentes techs
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!!!
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!
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.
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
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
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
Vamos Midu, que pedazo de curso de Angular, queremos mas!!!!
Llegó mi momento de tener que aprender Angular, y que mejor que hacerlo con Midu
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.
Hermano, creo que explicaste esto de forma magistral, sinceramente ganaste un perro fiel... digo un seguidor
eres demasiado bueno... que manera de enseñar más dinámica y entretenida. Así da gusto aprender ... Gracias!
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.
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
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 😂😂
Midu en Angular 😮😮😮
Hoy estoy tomando el curso para mi primer trabajo!!!
Maldita sea, creia que este momento nunca llegaria 🥵🥵🥵
Bastante interesante la nueva version de Angular, muy bueno lo del @defer
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.
hacer todo de un tirón 🤯🤯🤯 maestro!!! te pasaste, mil gracias!!! ❤
Muy agradecido y esperando una segunda parte!! Abrazos
Excelente curso Midu!, seria perfecto más contenido de Angular.
Hoy en dia sos el número uno en esta clase de contenido.
IntelliJ te ayuda y puedes hacer automáticamente los imports, así que menos preocupaciones
Intellij para angular, realmente esta buena esa combinación ?
Genial tutorial! bien explicado y al punto, solo que me desconcentraba lo pesado del chat con el backseating
Hola! Pensé que este día nunca llegaría, pero es que Angular se ha esforzado para encantar a desarrollares React.
He aprendido más en esta hora que en todo un curso con mi profesor.
Excelente video! Me ha ayudado muchisimo, solo quisiera saber cual es tu extensión que tienes de git en tu terminal.
Muy buen video Midu, esperando con ganas la segunda parte
*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.
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
creo que despues de este video, habra mas dev con angular, muy bien ahi midu, excelente contenido.
Midu harás este mismo vídeo para la versión 18 ?
Eres un crack, gracias por el contenido, no dejes de subir este tipo de contenido a tu canal.
Excelente para refrescar conceptos basicos. Espero con ansias la segunda parte, saludos 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??
en el minuto 50:23 que extensión utiliza para que se VEA LA IMAGEN en la parte izquierda gracias
Amigo realmente se me hace una curva de aprendizaje muy grande, pero se ve realmente interesante Angular.
Justo en el trabajo que aplique me pidieron usar Angular, vendo de nextjs, a ver que me deparara el futuro
Hola Midu, esto me sirve para angular 18?
Saludos 👋 siempre prefiero ver tu contenido 🔥
excelente video midu me has ayudando un monton me gustaria que hagas un curso de 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.
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 !!!
Me gusta se está Sveltizando Angular. Segunda parte con signals 🙏
Buenas Midu, increible video, me ha encantado
Una preguntita, cual es el tema de iconos que usas? 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.
Segunda parte pls, m encanta tu contenido y me pareces el mejor para aprender
uitl para tener un breve inicio rapido, muy buen 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 🤯
PD: Mi primer trabajo lo he conseguido gracias a Angular
Mi primera chambaaaa... 😂😂😂
@@sk8osnerrecuerdo el día cuando yo de la chamba me enamoré
1:13:30 centraliar las docs de apis, docusaurus, astro starlight, gitbook
Gracias por proporcionarnos más herramientas Midu❤️
Excelente video!!! Contenido de CALIDAD!!!
Mil gracias!
¿Que plugins usas para mostrar los errores en linea, autocompletado, etc?
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...
Gracias midudev, te quiero mucho
Gracias te ganaste mi like.. estaba buscando como incorporar al app el nuevo componente ya creado y no encontraba.. gracias mil..
Excelente video y como siempre, EXCELENTE Angular
Aprendí mucho, Gracias.
que extension estás utilizando para se marquen de color morado los condicionales en html, como por ejemplo el if else?
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
porque el CommonModule no se creo de forma automatica si estoy usando la version 17 igual y el node v20
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
De las mejores explicaciones de @defer que he visto, muchas gracias!
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 😢.
Como siempre midu enseñando justo lo q andaba necesitanto
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?
por favor mas proyectos en angular 17
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 😅
wow pues como ha cambiado angular desde la ultima ves que lo vi me parece mucho mejor
Hola,
gracias Midu !
Espero segunda parte!!
una pregunta en components si dejamos templateUrl ahy tendriamos que poner la url de usercomponents o no seria asi
Será q vuelvo a Angular???
Gracias por este contenido Midu!! Excelente!!!
esperando segunda parte, quiero ver más cosas interesantes. 👀
eres mejor q mi profe :)
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
)
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
Excelente video tutorial, me has facilitado la vida
Hay algun otro curso de angular de Midulive? uno mas completo y profundo? aunque sea de pago?
Aprendo mucho contigo.
Me recomienda avanzar en este curso si deje angular desde la version 1 angujar js ? quisiera continuar con angular
Vale la pena echarle un ojo a angular?
Me molesta mucho los re renders en react, o esto se soluciona usando next js?
Por supuesto que vale la pena. Ahora es más sencillo y recoge elementos de React.
Que gran maestro
Buenísimo un tuto de 🅰️ngular!! Espero la parte 2
Hola Midu disculpa al inicio al poner en la consola "npm install -g @angular/cli" me sale error, me pone que no tengo permisos "you do not have the permissions to access this file as the current user". Sabes cómo resolverlo? Disculpa de nuevo y gracias
Hola, me ocurre lo mismo. Como pudiste solucionarlo??
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.
el midu ya esta en el 2024
Muy buen vídeo!
buenas, muchas gracias por el video, tengo una duda , en react se utiliza por ejemplo redux para cambios de estado y se hace con acciones y reducers, en angular 17 explicas lo del cambio del estado simplemente cambiandolo en el componente, o eso he entendido que igual no es asi, entonces, mi pregunta es, ¿ya no se utilizan los reducers? en caso de que si, en alguna parte del video que yo me haya perdido estan definidas acciones desde un componente , creado el archivo actions y reducer y creado un estado global?
en caso de que no , podrias decirme si tienes algun lado donde esté esto o bien si podrias hacer un video de esto? muchas gracias de antemano
Se pueden usar perfectamente los servicios de Angular para guardar estados, pero para proyectos más robustos se usaría redux. Nrgx es la librería para implementar redux en angular
Perfecto muchas gracias
Cuando escribes el código te sugiere un autocompletado ¿Que extensión usas para eso?
copilot
midu para el tema de las extensiones podrias usar los profiles para configurar las extensiones y configuraciones para los proyectos en diferentes techs
Cual es la extension para que le de todas esas suggestions, es Copilot?