Week 1: Back to Basics.

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.

Day 1

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).
  • HTML, CSS & Javascript are the main languages used for front-end development.
  • Javascript = scripting language that helps web pages become more interactive and respond to the users.
  • 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.

Our main objectives for the day was to become more familiar with HTML. HTML stands for Hypertext Mark-Up Language. HTML is the standard markup language for creating web pages and web applications. It displays all the content on the page. It is the bones of the process to the beautiful pages we view on the web. CSS (Cascading Stylesheets) and Javascript are as important but without HTML, you have nothing to build with.

index.html is always the name of the first page of your site.

HTML consists of opening and closing tags.

Day 2

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)

 

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s