Can I say that I have missed this? Well, I did.
We’re back at LaGuardia Community College! The first day back was like seeing your school friends after the long summer break that separated each other. We supported each other though that crazy two-week vestibule so it was like coming back to a place like home.
We met Kurt Petrek who will be our new instructor (Hey Kurt!) for the in-class portion of the program. And as it would be on Day 1, we got right to work.
Before we got in too deep we discussed a little bit about information that developers should know.
- Web development includes Front-end and Back-end development (Full-Stack means that you use both).
- View Source Code and Inspect element allows you to you see the code for the web page you’re viewing.
- To create a folder (directory) use no capital letters/ no spaces.
- Command + [ = indentation for your coding line.
- Command + option + J = Open Console tab in browser.
index.html is always the name of the first page of your site.
HTML consists of opening and closing tags.
Have you ever had your room and had to clean up? Imagine you have to clean up one day because you have to redecorate. Instead of clearing things out or putting things in a place, everything you bring in you push into the room from the front. Now imagine what that room would look like after you were done. It would probably be a mess. That’s the same idea with folder organization for building web pages. HTML organization is very important in this way. You have to create a directory that holds all of your information and pictures/content for your webpage. I’ve learned that it is important to #1. Label all of your content (images & folders) with descriptive names and #2. Add comments to your code, no matter how small the page or the change may be. These two things will save you when coming back to a web page you’ve built and looked for what to do later.
There is also organizing in the content of the page. With HTML there is the parent/child relationship.
The Parent/Child relationship within HTML is relatively simple to understand. A parent element is the element (/tag) contains another element. A child element is an element that lives within an element. A parent element can have multiple children (i.e a parent having more than one child) but a child can have only a few direct parents (i.e a child comes from a mother and a father).
In order to create parent/child relationships, you have to create classes(.) and IDs(#).
<blockquote></blockquote> = inline quote element.
<h1></h1> = heading tags (H1 is the main headline tag)