Learn what the prerequisites are for this course.
- [Instructor] For this course, you should have a working knowledge of HTML and CSS, although you don't need to be an expert in either. If you don't already have a basic understanding of HTML and CSS, we suggest you check out HTML Essential Training and CSS Essential Training. You'll also need to have a coded editor or a text editor, you can just use the one that came with your computer. It's important that you understand that HTML and CSS are constantly changing as new elements and properties are being added and refined.
This course covers some parts of HTML and CSS that don't work in all browsers, either because they're still being finalized or because some older browsers don't support those features. Generally I will mention when something isn't supported in all browsers, but that may have changed by the time you are viewing this course. A great way to find out which browsers support a particular feature is to visit caniuse.com. Simply enter the element, property, or feature you wish to check, and it will show you very specifically which browsers and which versions of those browsers support that feature.
Additionally, some new properties in CSS that aren't fully implemented require vendor prefixes. When a CSS property is still in experimental stage or is otherwise not standard, the browser vendors may add a prefix to their version of the property to allow them to experiment. Generally the property will start with a dash and the name of the browser engine, like -webkit or -ms. I will tell you if a particular property requires prefixes, but that may change. Rather than trying to keep track of which properties need prefixes, just use a tool like Autoprefixer.
Paste your CSS on the left hand side, and this tool will automatically add the appropriate prefixes on the righthand side for any properties that need them.
- How users interact with forms
- Designing forms that are easy to use
- Following data privacy laws when collecting information
- Choosing which HTML input types to use
- Adding buttons
- Adding interactive validation
- Styling form fields with CSS
- Using positioning and flexbox to create responsive form layouts