Validaciones Dinámicas y Formularios Reactivos en ANGULAR 🤯

🔥🔥 Angular desde cero🔥 🔥

Los formularios reactivos para algunos sin duda son dolores de cabeza, te aseguro que en su momento para mi también lo fueron, sin embargo, hoy en dia considero que es de lo más maravilloso que tiene angular
Es por eso que en el video de hoy vamos a través de un ejercicio práctico y dinámico aprender el uso de la validación dinámica.

Si estás empezando a programar, o si quieres fortalecer tus conocimientos te doy la bienvenida a este canal.

Aquí hablamos de angular desde cero, y node desde cero, también complementamos con cursos gratis mongo, de frontend de backend, problemas reales de un programador y soluciones que se aplican en el día a día.

Aquí vas a encontrar tutoriales de programación específicamente de angular, tutoriales de node, juntos llevaremos a la práctica ejercicios reales de programación, así que venga y le cuento.

👋 𝐂𝐔𝐑𝐒𝐎𝐒 𝐆𝐑𝐀𝐓𝐈𝐒

🤑 𝐂𝐔𝐑𝐒𝐎𝐒 𝐏𝐀𝐆𝐎𝐒

‍🚀 𝐂𝐎𝐌𝐔𝐍𝐈𝐃𝐀𝐃 𝐘 𝐆𝐑𝐔𝐏𝐎𝐒 𝐃𝐄 𝐄𝐒𝐓𝐔𝐃𝐈𝐎

‍🏆 𝐌Á𝐒 𝐂𝐎𝐍𝐓𝐄𝐍𝐈𝐃𝐎

‍💰 𝐏𝐑𝐎𝐌𝐎𝐂𝐈𝐎𝐍𝐄𝐒 𝐘 𝐃𝐄𝐒𝐂𝐔𝐄𝐍𝐓𝐎𝐒

🧠 𝐑𝐄𝐏𝐎𝐒𝐈𝐓𝐎𝐑𝐈𝐎 𝐘 𝐂𝐎𝐃𝐈𝐆𝐎𝐒

✉️ 𝐂𝐎𝐍𝐓𝐀𝐂𝐓𝐎

0:00 Intro
0:38 Ejercicio
1:28 Demo
2:06 Demo Live
2:28 Codigo
4:55 FormArray
8:35 HTML
12:48 FormGroupName
14:14 Validacion dinamica
18:21 Agregar validación al hijo
19:37 Resumen

Si el contenido de está video te parece relevante recuerda suscribirte al canal, activar la campanita para que youtube te avise cada vez que subo un nuevo video y dejar una manito arriba.

#leifermendez

[wilfredoguerra]

Hola Leifer, excelente video y muy bien explicado. Cumple su objetivo, ver la funcionalidad de los formularios reactivos. Es importante recordar que es un tema intermedio de Angular, por eso Leifer va directo al código, si no se entiende, es importante saber que hay que estudiar Angular desde lo mas básico para llegar a este tema. Saludos.

[eduardogarcia-jimb]

Deverias explicarlo paso a paso dando el ejemplo y no solo con las lineas de codigo ya hechas, recuerda que hay personas que desconocen desde 0 y es lo que busca mas la gente en los canales.exito

[edmundoguerrero]

Excelente, muy pedagógico e ilustrativo. Saludos.

[mauriciotecilla]

Excelente tutorial!! No era exactamente lo que estaba buscando, pero me recontra sirvio... Sos un crack!!

[shadowneko]

Hola Leifer, excelente aporte, use el mismo principio y agregue un par de select dentro de los skills, mi pregunta es como llenarías dinamicamente el segundo select en base a la selección del primero, llegue hasta el punto donde detecta el cambio usando el index, de antemano gracias!

[ricardodaniel]

Esta super el video esto cuando es. formulario nuevo y cuando edito skill como borro la fila de la base o solo visual y al dar click. submit lo proceso me puedes ayudar con una guía

[Proteo]

Buenísimo! Formularios Reactivos y validaciones Dinámicas!!! ahora antedí el tema

[thekingwars]

Algo que me gustaría entender que llegue a ver un caso y jamás pude entenderlo, es para poder crear formulario dinámicos (formArray) con n cantidad ya preestablecida cada uno con datos diferentes, es decir, no darle a un botón add, si no que yo pueda configurar para que inicie con 3 o 4 skills nada más por que es lo que quiero y que cada uno tenga un placeholder inicial o un value de ejemplo diferente al anterior. ¿Algún modo de implementarlo?

[maomspencer]

Gracias por este video! Una pregunta aparte, podrías decirme cuál extensión del visual permite poner las pestañas activas azules? Gracias!!

[bnorvinjosue]

Me falta mucho para aprender Angular, ahorita estoy finalizando de aprender Vue, pero después iniciare en lleno en Angular, tu canal ayuda mucho. Gracias 🙏

[nicoleperez]

Me encanto como explicaste todo. Gracias !

[martinmaine]

Tengo una consulta. Como harías si dentro de skills quisieras agregar otro Array. Es decir, un array dentro de otro. Agradezco tu respuesta

[leidyyesseniauribemarcos]

una consulta hace poco me han pedido usar jasspert report en un proyecto donde usan angular también, me podrían orientar acerca de este tema? desconozco completamente y ando buscando información, si alguién me ayuda a encontrar mayor información sobre proyectos reales sobre todo?

[carlosalbertosanchezbravo]

Muchas gracias por tus cursos, son muy buenos. Tengo una pregunta, que extensión ocupas para los TODO's?, me encantó

[mauriciomontes]

me gustaria saber como hacer el recorrido a la inversa, es decir...tener un objeto json donde este el nombre con 4 skill, y que haya un boton que diga "cargar skill", y que leyendo ese json me cree los formarrray cargados con la data.... he buscado y buscado y no encuentro nada ... gracias por el video

[keymeralexanderjimenezjere]

Hola Leifer, como haría una validación para un div que fue personalizado para que funcionara como un dropdown, osea que actúe como campo de entrada, quisiera marcar el border Rojo como un error si el dropdown fue tocado pero no sé selecciono ningúna opción. Yo le aplicó el invalid y el touched pero el comportamiento no toma la validación correspondiente.

[rodriguezfranciscosalvador]

muy buen curso, me preguntaba el como seria el modelo del formulario?, para poder enviarlo a una api que tengo, muchas gracias por tus videos gratuitos

[haztri]

hey me llamo la atención que dices que puedes llamar funciones o métodos desde un servicio... si es asi como puedo hacer referencia desde html a esos servicios, o tengo que hacer la llamada desde mi componente ooo como se ase eso?

[ivansarjanovich]

alguien sabe que extension usa para los comments?