Aprende a Diseñar Formularios Profesionales con Validación de Datos

En este video aprenderás como diseñar un formulario responsive de forma profesional con HTML5 y CSS3
🚀 Blog de Diseño Web:
www.falconmaste...
⭐ Curso de Diseño Web desde Cero:
www.desarrollo...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrollo...
⭐ Curso de React y Firebase desde Cero:
www.desarrollo...
⭐ Curso de Bootstrap:
www.desarrollo...
⭐ Curso de Woocommerce:
www.desarrollo...
---
📄 Código del Proyecto:
github.com/fal...
fontawesome.com/
---
Redes Sociales:
♦ Twitter @falconmasters:
/ falconmasters
♦ Pagina de Facebook:
/ falconmasters

[@FalconMasters]

Manita arriba al video y sucribete para mas tutoriales geniales 👍

[@smoybelizaire4100]

Wey es lo que estaba buscando Muy bien muchas gracias

[@gameplaymanko8805]

Lo subiré a Github como LoginbyFalconMasters El Plan Es Ir Mejorandolo Para Futuros Proyectos xD

[@julioantonio7634]

Mucha gracias bro, excelentes videos

[@pojv3373]

Por favor podrías trabajar con WordPress?

[@OscarGVilla]

Muy bien explicado!! Ahora por el segundo. Muchas gracias!

[@jhonnatthanhalcon123]

Carlos Arturo, la verdad contigo comencé a tomarle cariño a esta carrera, comenzando con HTML y CSS, desde Agosto 2021. A este año 2022, voltear la mirada mirar todo lo que se ha avanzado. La verdad Bro, eres el mejor. ¡Exitos en tu canal y tus proyectos!

[@FalconMasters]

Muchas gracias Jhonattan, me da mucho gusto por ti que hayas aprendido tanto y por el largo camino recorrido. Sigue asi!

[@enriquemascarellgomez9301]

Arturo, te sigo hará unos tres años y te agradezco estos tutoriales. Ah! y eres un gran profesor y un excelente comunicador. Saludos.

[@FalconMasters]

Muchas gracias!

[@oriaj2000]

Estoy en Udemy con él y es un gran Maestro.... Vengo a reforzar el formulario base que nos enseñó. Sept 2022. Acabo de terminarlo, quedó 1A... Siempre es bueno recordar y especificar el acceso a las clases para que no se pierda la gente... Muy bueno

[@gaby_developer3126]

#FalconMaster estaría bueno que después de validar con js nos enseñes como enviarlo a una BBDD me encantaría verlo completo!! A romper ese botón de me gusta!!!

[@miguelnutriser]

Si completa porfí

[@dagcomunica5921]

Nos quedamos esperando la respuesta de Carlos Arturo de FalconMaster a tan apropiada solicitud

[@Neditroxitox]

.

[@dobleaneedforspeednolimitf5764]

Amigo @FalconMasters Siempre me apoyo en tus videos porque tienes otras forma de ver las cosas. Te agradezco mucho tu empeño. Es mediados de 2023 y si llegué hasta el final del video. Voy para el siguiente. Gracias.

[@yisuslis9214]

Oye bro la verda te entiendo mas a ti que a mi profesora de informática jajaja tu si eres de este tema y gracias por enseñarme a hacer una página web me felicito mi profesora por mi página avanzada gracias bro

[@desk6173]

joder .... en mi colegio con las justas y enseñan a usar word y power point v':

[@anapaizrivera2468]

Al menos tu profesora intenta enseñarte... en el mio te dicen que no es obligación enseñarte, es el tuyo buscar información y estudiar :(

[@yisuslis9214]

@@anapaizrivera2468 q mal bro hay jejeje

[@Gogtash]

Muchas gracias por el video. Lo miré todo, fui escribiendo el código a la par y tomé notas de lo que me resultó nuevo para mí. Como siempre, excelente explicación!! Ahora a mirar la segunda parte

[@FalconMasters]

Estupendo!

[@danielpujols6877]

Yo llegue, gracias por tus aportes, me gustaría que luego que aprendamos a validar nos enseñes a guardar esos datos en la base de datos y a redireccionar al usuario a donde corresponda

[@christianh.ledesmafernande9535]

Si estás subscripto fíjate tiene unos tutoriales completos de MySQL y PHP dnd enseña a hacer eso y mucho más.

[@marketingmr6050]

Justo lo que quería mejorar, el formulario con validación. Comencé a estudiar hace dos años, con tus vídeos de HTML , CSS , Flexbox etc. Ahora ya diseño páginas WEB. muchas gracias por tus vídeos. Dios te bendiga

[@jbaigorria0]

hermano siempre tan claro y conciso para explicar, muy buenos tus cursos... para la proxima estaria bueno que expliques como hacer un multi-step wizard con prgoress-bar

[@mariadanielavs9879]

No solo lo vi completo, sino que seguí de largo con otros videos! me encanta como explicas todo lo relacionado con HTML y CSS, de verdad he aprendido un montón! muchas gracias!!!

[@FalconMasters]

Eso es genial! Muchas gracias por seguir mis videso, espero que aprendas mucho!

[@emanuel1526]

Arturo: si llegaste a este punto Yo: ¿qué?¿Ya terminó? :'(

[@sokks5744]

Jaja me pasó

[@molinajack5]

El algoritmo de Google es una locura, estaba buscando los estándares de la W3C para accesibilidad y justamente estaba leyendo sobre los formularios y las validaciones que se deben hacer, vengo a KZbin y me sale tu vídeo. Muy chévere la verdad.

[@mckutinha7603]

Estaría buenísimo unas clases por zoom para subs

[@jp_paredes6947]

Apoyo

[@BadPet2]

Si!!!! Ojala falcon lea esto!

[@codeveloper]

el mejor comentario

[@desk6173]

mucho trabajo v:

[@djgox3570]

sisi por fa

[@andreaguillen9278]

Llegué al final del video aplicando todo lo que explicas en un proyecto propio. Excelente!!! Ahora voy por las validaciones con javaScript :) Muchas Gracias!!

[@FalconMasters]

Felicidades y gracias por ver todo el video! Espero que hayas aprendido mucho.

[@Sahlver]

Demonios, llegando al punto donde pones lo de CSS Grid (columnas y demás) me dí cuenta que aún me falta bastante por aprender xdn't Gran vídeo, seguiré estudiando ✨

[@Wolframio_74]

Sigue estudiando amigo, así tendremos un Kaneki programador.

[@Sahlver]

@@Wolframio_74 jajajajs

[@diegoposada5597]

Si llegue hasta el final, lo vi todo....me sirvio muchisimo !!! es bueno que indiques todo. he ido pasando de usar solo CSS a tener incluido JS y tu video me ha motivado mas, muchas gracias !!!

[@FalconMasters]

Me alegra mucho que te hayan servido estos videos, eso es genial !

[@brayangomez5198]

hermano la verdad es que he aprendido mucho de ti, y no sabes cuanto he avanzado en este tema, todo gracias a ti, espero nunca pares de subir este tipo de vídeos, saludos 👍

[@CarlosFelipe025]

Hace unos 3 meses que empecé a actualizar mis conocimientos sobre el tema y realmente debo agradecerte por la forma tan clara y sencilla con que expones cada punto.

[@luisdorta4067]

Vi hasta el final, pues no hay desperdicio ninguno y te mantiene interesado todo el tiempo. Yo tenia conocimientos basicos pero este video me dio una idea mas completa, sabiedo de antemano que falta la parte de javascript. Muchas Gracias por tu gran aporte para todos aquellos que estamos interesados en aprender, aprender BIEN. Yo tengo 71 años y sigo estudiando para ejercitar la mente.

[@FalconMasters]

Eso es genial Luis, gracias por ver mi video, me alegra que te sirviera!

[@paolojosuecoaquiraanccori2303]

Segundo video: kzbin.info/www/bejne/qWTTdGxpgcyDZ5o

[@kaylissercaraballo3045]

Saludos carlos, yo termine el video, excelente. Subscriptor desde hace tiempo, aprendo mucho en tus videos, gracias. Ahora vere el video de validacion.

[@ramcrack9746]

Estuve en un curso contigo en UDEMY, eres un excelente profesor, mil gracias por tu contenido, un abrazo desde Palmira, Valle del Cauca, Colombia.

[@FalconMasters]

Muchas gracias!

[@carlosboyzo1927]

LLegue al final del video, Mil gracias, trabaje el css en scss y me ayudó a entender mejor el funcionamiento de BEM, 🎨😃🔥🇲🇽

[@silviaelianaruiz5821]

muy bueno el video. Voy a tener que volver a verlo varias veces porque fue mucha informacion para mi. Me gusta la idea que perseguis en como queres que quede el formulario pero resulto bastante informacion para mi. Muchas gracias

[@marcelapena9010]

Hola, Carlos. Sí llegué hasta el final. Explicas muy bien, tus ejemplos son muy claros. Muchas gracias. Ya es el segundo curso que tomo contigo de Udemy y he aprendido mucho. ¡Eres un excelente maestro! Saludos

[@FalconMasters]

Hola Marcela, muchas gracias! Aprecio mucho tu comentario, me da mucho gusto que te sirvan mis cursos. Saludos!

[@Mr.Sam1101]

FalconMasters creeme tus vídeos son geniales , me salvaron la vida muy bien entendidos los temas aprendi muy bien HTML y CSS estoy viendo actualmente tus vídeos de Javascript son de lo mejor me encanta , estoy en colegio y estoy estudiando informática y tengo pensando estudiar en la universidad Diseño web y tus vídeos son una buena base , MIL GRACIAS FALCONMASTERS

[@FalconMasters]

Muchas gracias, es un gusto que te sirvan mis videos.

[@wilsonherreraumana2600]

Hola, soy de Costa Rica, excelente video. Aprendi mucho y cosas nuevas. Lo felicito sobre todo por la paciencia que es un don y muchos no lo tienen. Bendiciones.

[@FalconMasters]

Muchas gracias Wilson!

[@Vicnal]

Yo he llegado al final del video como dijiste, jejeje. Un tutorial genial en el que he aprendido mucho. Ahora me veré la segunda parte para ver el tema de las validaciones con JavaScript. Saludos desde España!

[@jameswaller4661]

Poteeente pa, de arriba a abajo, completito. Si llegué al final del video pero porque siempre pongo los videos en x2 o x1.75, muy buen diseño!! Lo voy a poner en práctica y de una voy a la segunda parte!

[@marcelinollano1750]

Llege hasta el final utilize sass y todo funciona perfectamente por ahora, tuve un poco de problemas con el qwery per creo que esta bien, alumno de udemy, gracias

[@andresromero592]

Llegué al final Carlos Arturo ! Gracias por tus tutoriales son los mejores por el hecho de que explicás muy a detalle y enserio todos te agradecemos. Saludos desde Bogotá Colombia.

[@FalconMasters]

Muchas gracias, aprecio mucho el comentario. espero que hayas aprendido mucho en este video.

[@juang7405]

Carlos: excelente video. Gracias por tanto. Estoy con tu curso de Diseño Profesional en Udem,, y ya me hice medio adicto a estos aportes de FalcomMasters. Un abrazo desde Buenos Aires.

[@FalconMasters]

Muchas gracias Juan, es un gusto escuchar que mis cursos y videos te sean de mucha ayuda. Saludos.

[@Srobvio85]

Realice todo esto paso a paso y funciono todo perfecto. Excepto la parte donde seleciona la clase .formulario__grupo-terminos, se te olvido colocarla en el lugar donde debería. Excepto eso todo lo demás genial y aprendímuchisimo más con este video que con cualqueir curso de css y html. MIL GRACIAS

[@layonelemmanuelvelandiaval9952]

me encanto tu video, como justamente estoy haciendo un proyecto para el SENA me sirve mucho ya que ando algo flojo en los conocimientos y no me gusta usar mucho bloostrap

[@LuisGarcia-gh3bi]

hola es 2023 y quiero decir que muchas gracias por tus ensenianzas en verdad he aprendido mucho y seguire aprendiendo de ti. comence ha aprende contigoi en udemy y aun sigo adelante tomando lecciones de una master como tu

[@FalconMasters]

Muchas gracias! Me alegra que te sirvan mucho mis videos.

[@GaboG85]

Vi todo el video! Me encanta como explicas. Compre un par de cursos tuyos en Udemy y en una semana voy a arrancar con el de Javascript. Justo me sirvió estos videos para hacer una mini app en donde trabajo.

[@abelardosarabia2176]

Perfecto Amigo. Hice el paso a paso en un 100%. Tal cual lo describes en el video fue el resultado.

[@FalconMasters]

Me alegra mucho escuchar eso!

[@santiagoleonbautista9184]

Apenas hoy lo encontré, pero la verdad esta increíble y lo usaré para para poder hacer mi proyecto y se vea más interesante, gracias por los tutoriales, saludos.

[@sebastianvaldez1986]

Me super sirvio, vi el video de punta a punta, gracias genio, ahora sigo por la segunda parte

[@geofreeman2450]

Falcon, eres un tipo que trabaja demaciado limpio y bonito, felicidades y que envidia de la buena, voy a tener que aprender mucho de ti, gracias por tus videos

[@FalconMasters]

Muchas gracias por tus palabras, las aprecio mucho y me da gusto que te sirvan mis videos. Te mando un gran saludo!

[@grbsql]

Espectacular video, metodología, TODO. Muchas gracias por compartir su gran conocimiento. Felicitaciones

[@FalconMasters]

Muchas gracias!

[@claudiocaceres1151]

Muchas gracias, genial, didáctico y enriquecedor. Gracias, estoy aprendiendo y contigo ha sido práctico entender más. Gracias!

[@valeriagodoy9819]

llegué al final, mientras miro el video hago el código tardé 2 horas pero me quedó de 10. Gracias por subir tan buen contenido 👍

[@karensofiagutierrezsanchez8936]

Hola, he llegado al final del video completando esta parte de la practica y siguiendo con JS para e curso completo de diseño web, Muchas gracias por los conocimientos.

[@FalconMasters]

Muchas gracias a ti por ver los dos videos. Me da mucho gusto que te hayan servido.

[@stivenmendez365]

bro si lo vi todo y te quedo agradecido me ayudaste a quitar un montón de dudas un suscriptor mas

[@gabyzapata9183]

A mí me encantó el video, de primcipio a fin, me sacó de un apuro. Gracias!!!... y felicitaciones

[@axelsolano1914]

genial buenisimo, tuve que venir a ver tu video por que mi profe de la u, no pudo explicar de la manera que explicas buenisimo!!! saludos desde Costa Rica!!!

[@FalconMasters]

Muchas gracias Dariel, me alegra mucho que mi video te haya servido!

[@photosintesis5420]

Ohhhh Carlos graciaaas tenia mas de 2 semanas buscando Este contenido gratis Pero no encontraba te lo agradezco mucho.

[@jonathancardona9282]

Excelente #FalconMaster llegamos hasta el final del video. Muy entretenido y super claro todo, a por el segundo! Muchas gracias...

[@JhonAlexCamargo]

Si llegué hasta el final, ya solo falta el otro, aún que los vídeos son largos, nos brinda gran aprendizaje. Te sigo desde que comencé en la programación, eres un tutor más para mí, muchas gracias Carlos Arturo 😁.

[@FalconMasters]

Muchas gracias por ver todo mi video. Me alegra mucho que te sean de mucha ayuda mis videos y cursos! Te mando un saludo.

[@ciccioromero7139]

¡Muy interesante! Tengo que hacer un formulario , así que la verdad, una genialidad tus videos y como explicas. Te felicito y agradezco por compartir tus conocimientos.

[@cristinarodriguez5137]

Lo hice enterito, muchísimas gracias. Sigo con el vídeo del js del formulario. ¡Que vaya bien!

[@carlosajaimes2165]

Excelente! voy a empezar a clonarlo para entenderlo mejor y que el aprendizaje lo pueda applicar a projectos diferentes. Gracias y pronto continuaré con el otro video.

[@armandobeltran6066]

Excelente video FalconMasters, lo vi completo y no me aguanto por terminarlo con js. Felicitaciones por compartir tus conocimientos amigo, eres un Master

[@FelipeGordillo]

Me encanta tu manera de explicar las cosas, se aprende fácil contigo. Gracias

[@UskoKruM2010]

¡ Excelente video ! Muy didáctico e ilustrativo. =)

[@mrzonexx]

Este es el mejor canal sobre el tema

[@jmlg7883]

Yo vi todo el video, muy interesante y aunque hablas con tu experiencia, lo haces muy explicativo y sencillo, muchas gracias y desde ya comenzaré a modificar un formulario que hice para citas medicas, le dare mas estilo esas validaciones de seguridad.

[@victorzuniga8894]

2 años después de subido el vídeo pero aquí estoy y lo vi completo!! Aprendí muchas cosas interesantes!! Gracias!! Nuevo sub!

[@FalconMasters]

Muchas gracias!

[@sebastiandossantos7158]

Uff.. si que llegué a ver todo el video y a sacar los apuntes necesarios.. ahora lo único que falta es en base a esos apuntes y sin ver tu código aplicar lo aprendido. Luego de eso pasaré al siguiente video para poder hacer las validaciones correspondientes,. Muchas gracias por tus aportes!!

[@FalconMasters]

Excelente! y muchas gracias a ti por ver mi video.

[@rosananesic5442]

Muchísimas gracias, estoy muy feliz con el formulario que hice siguiendo tus instrucciones.

[@rodrigoriveros7432]

Me vi todo el video completo sos un crack, ahora a mirar el de expresiones 💪

[@toriangela3053]

Te sigo desde hace 4 años y estudio en un instituto/secundaria de informática y me has ayudado con todos mis proyectos, muchas gracias

[@FalconMasters]

Hey, me alegra mucho escuchar que mis videos te sean de mucha ayuda, eso es genial!

[@fmmoral]

Llegué al final,me gustó mucho.Veré la continuación.Gracias por tu aportación.

[@josuepaz4959]

En verdad que tienes muchos conocimientos, soy un nub y me acaba de explotar el cerebro, genial el video

[@ricardopalomo5747]

ya estoy viendo el trabajo mas claridad' carlos. me gusta eso de dividir columnas y darle todos los estilos a cada detallito

[@LeiFrazD]

Muchísimas gracias Arturo, la verdad me sirvió todo lo enseñaste en este video, ahora voy a por el siguiente capitulo de js

[@DarkingD]

Me haz hecho entender lo que no pude entender en 4 clases de programacion web en la uni :)

[@noel1711]

Gracias por tomarte el tiempo en explicar tus conocimientos, voy al segundo video de validación.

[@yonatancarrillo885]

excelente contenido carlos arturo, y si llegue hasta el final ahora voy para el otro video de javascript, lo termine todo sin problemas

[@ximenastahl6736]

Lo hice paso a paso, pausando el video y aprendí un montón. Muchas gracias por enseñarnos :)

[@FalconMasters]

Genial! Muchas gracias a ti por ver el video, es un gusto que hayas aprendido mucho.

[@NisuLc]

Me lo vi todo te banco hace un montón gracias por dar contenido sin cobrar un peso

[@zvzartedigital1003]

Llegue al final del video... y ya empezando a ver la segunda parte para poner en practica lo que nos enseñaste!

[@erikmartinez8169]

Buenísimo más que satisfecho con este primer video muchas gracias Carlos

[@enriquemolinasantamaria2303]

Buen video, buena explicación, buen trabajo... Otra vez. Cuando vuelva a tener pasta compraré alguno de tus cursos, te doy mi palabra. Un Saludo desde España.

[@FalconMasters]

Muchas gracias Enrique, es un gusto que mis videos te sirvan y sean de ayuda.

[@pablomesa9393]

casi 50 min. de video... pero de puro conocimiento y experiencia, GRACIAS!!! GENIAL!!!

[@FalconMasters]

Gracias a ti

[@gaby.sanchez3445]

¡ Finalizada la primera parte !, Me gustó que implementaste una metodología diferente.

[@FalconMasters]

Gracias!

[@snowbird3982]

son un capo explicando, claro, código bien limpio, muy didáctico

[@FalconMasters]

Gracias!

[@lilianalopez9109]

Excelente! te sigo hace tiempo... tenes una gran preparación. desde Argentina Patagonia Neuquen, se agradece tu dedicación!

[@manuelvaldez3323]

Llegué al final de las dos partes. Excelente contenido. Me descargué el código y estoy ahora practicando.

[@FalconMasters]

Muchas gracias! Espero que hayas aprendido mucho.

[@martharocioherrerarubiano1333]

hola buenas noches yo llegue hasta el final lo pude entender bien muchas gracias por tu explicacion que Dios te bendiga.

[@4cizgabe265]

listo, terminé esta para para mi registro de mi proyecto. Voy por la validación de JavaScript. Esta muy muy bueno tu video, tiene demasiadas clases y a veces me confundo, pero esta muy bueno amigo. De los mejores de internet. ahora voy por la validación de JavaScript. Te ganaste un sub nuevo mi bro

[@JorgeMartinezAguiler]

Buenísimo el video... estoy a la espera del término de la página con Javascript Muchísimas gracias

[@ovejanegra_chess]

Amigo me gusta mucho tu forma de hacer los tutoriales. Puedes explicar cosas complejas de manera simple. En este video aclaré muchas dudas. Voy por el siguiente!! Like bien merecido.

[@FalconMasters]

Muchas gracias! Me alegra que te sirva :D

[@romygarciaespinoza4640]

Gracias por compartir tus conocimientos, alfin entiendo de forma clara, conmigo ya ganaste otro seguidor y compartir tus videos con mis compañeros de clases éxito 👍

[@FalconMasters]

Muchas gracias, me alegra que te sirviera!

[@osvaldosalcedopadilla5378]

Excelente video Carlos, me ha gustado mucho. La verdad necesitaba este video para terminar mis formulario.

[@estelaabadie6153]

Clara, dinámica explicacion. gracias

[@marwinosorio8475]

Señor Carlos termine todo el video excelente siempre aprendo

[@diegoboyatjian5465]

muy buen vid!! muchas gracias!! estoy comenzando en el mundo del desarrollo web, y esto me fue de mucha ayuda!

[@GraPan]

Muy clara tu explicación. Me ayudó un montón. Mil gracias! 👍

[@chiky22lp]

Muy bueno, llegué hasta el final y puede hacerlo todo. Gracias!

[@DaliDev]

Súper chingón Carlos, vamos al segundo video..!!!

[@rafaelnatanaelnunezvillar8222]

Excelentemente bien documentado, son las explicaciones mas precisas y claras que he podido obtener. Felicitaciones

[@mariaamanzanilla7510]

Hola!!! Estoy aplicando este formulario para mi proyecto de JS! Muchísimas gracias!!!

[@marysilva6910]

gracias por ser tan claro y explicar cada paso para realizar el formulario

[@FalconMasters]

Muchas gracias a ti Mary, saludos!

[@manuelbastidas2]

Felicitaciones por su forma de explicar contextualiza de los contenidos de acuerdo a su uso. El video lo vi completo porque me sirvió mucho para un trabajo de la Universidad.

[@FalconMasters]

Me alegra mucho que así fuera Manuel!

[@DAVIDIL81]

Gracias a ti estoy aprendiendo muchísimo y es que con los ejemplos prácticos es como mejor se aprende... Gracias y sigue así... Suscriptor de por vida...

[@jorgealbertoreyesgama7609]

Lo vi completo. Muchas gracias por la excelente explicación.