This week, I officially started at the Flatiron School NYC Web Development Fellowship! I’m going to start documenting my progress and what I’m learning, so this is my little intro post to start things off.
So far, I’ve been working on the pre-work section. (Open-sourced here!) The HTML/CSS Skillshare course is a lot of review for me so far, but it’s very well-done and every once in a while there are new nuggets of information, or things I had completely forgotten. The course takes you through building a website, so I started on my personal site. It’s been on my to-do list for a while, and I figure this is as good a time as any!
I started by reviewing a bunch of the html tags I was already familiar with – tables, images, headers, links, and lists. Then the course got to forms. I never really had to use forms before, and so while I understood them conceptually, it was great to have actual experience with the form tags.
When creating a form, the element has two required attributes. Action, which points towards the file in which the form data is saved, and method, which dictates how the data should be saved. The two options for method are “get” and “post”. Get will show the information submitted in the page’s URL, so it shouldn’t be used for important information like passwords and credit card numbers.
As you can see above, the form element does need to be closed, but the individual input types do not. It’s great that there are input types for phone numbers and emails, as it will check the format of what’s entered by the user to make sure it fits the type. There are many more than I realized! The Mozilla Developer Network has a comprehensive list of them that’s worth looking at. (There’s even a type for color!) It’s also worth noting that inputs are self-closing elements, but radio inputs, checkboxes, and drop-down menus are not.
<!-- [if lt IE 9]!> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif] -->
Those are the highlights of what I went over and learned today. Next, moving on to CSS!