Learn how to create Responsive, Beautiful, Functional forms that make it easier for Users to use.
TO DOWNLOAD THE FILES USED IN THIS SERIES GO TO THE END OF THIS ARTICLE
In this video series, I explain several aspects necessary for a form to be fully adaptable to different screen sizes: [list] [li] Bootstrap Grid Columns with different and variable sizes (xs, sm, md, lg) [/ li] [li] The aligned and spaced Labels [/ li] [li] Horizontal Form [/ li] [li] The classes (form-control, control-label, form-group) [/ li] [li] Fields inside Panels (highlighting a form) [/ li] [li] Bootstrap addons (add information for the user) [/ li] [li] Titles, subtitles, selects and buttons [/ li] [/ list] There are more than 90 minutes of classes, covering what is most used to create forms with Bootstrap. I explain everything in detail, without running and without leaving anything behind. I really want you to learn.
Who should learn to create Forms in Boostrap
If you are a Webdesigner, create websites, you know that there are always contact forms, where the user sends questions, suggestions, etc. Some websites even have quote forms, such as insurance companies' websites. The forms are also present on store websites, where the user can request an Online Quote and in many other cases. If you are a Front End Developer, working with applications and solutions online. In this case, the presence of forms is essential, since practically all systems have a User Registration, Administrators Registration, Reports, Editing Fields, etc.
What is the importance of knowing how to create forms in Bootstrap?
It is a known fact that forms are part of the daily life of anyone working with website development and online applications. It is also clear that this is one of the most delicate areas at the time of creation. Forms are more complex both to create the code and to make them with good usability.
Speaking of Usability, one of the most boring tasks for an end user is to fill out a form. Now imagine if the form is misaligned, with labels out of place, or even worse: that it is not responsive. This leads to abandonment of the site / system and you lose the chance to collect user data, one of the most important tasks today.
Forms are also used to send the collected information to a database, using, for example, PHP. Now hands on and count on me to help you. If you have any questions, leave your comment below.
Lesson 01 - Introducing the Layout
Lesson 02 - The First Data
Lecture 03 - The Panels
Aula 04 – Input Addons
Lesson 05 - Finalizing
[Eta id = "884" align = "none"]
Now that you know how to create a responsive form in Bootstrap, apply this knowledge that you have acquired. If you want, you can even leave a link to your exercises in the comments below. In these classes we did not get to send the data. In the meantime you can learn PHP with a series of free video lessons that I will send you by email.
Downloading the files
You can download the files of these classes to study. Always remember that it is better to practice than just copy and paste. Use these files to help you learn to write your own code.