The start of the month is always the best time to start something new. Conveniently, November 1, 2017 marked the beginning of the TechHire–OpenCode cohort. The program was held in a new location which pushed me to explore Laguardia’s campus further. I saw familiar faces from the vestibule and it comforted me to know that some of my comrades made it to the program.Kurt, our new instructor eased the class into a new curriculum. We would leave Java momentarily and begin learning HTML and CSS. Luckily, I had completed most of the tutorials on these languages provided by W3Schools. I wasn’t walking on completely foreign terrain and I had steady footing as we moved along. Just as we strayed from Java, we also strayed from the Processing IDE. In effect, our class was introduced to a new text editor called Atom.
Our first lesson was on file paths and their great importance. It is crucial to organize your file paths together because your pages will be linked to one another. Atom does a very good job of displaying the file path and showing how folders and files nested or linked to one another.
Elements are written in tags that begin with a left angle bracket or less than sign ‘<” and have a right angle bracket or greater than sign after them. The elements within these brackets are called tags. In order to process a tag, there must be a closing tag. A closing tag is similar to an opening tag in that there is a forward slash before the element name. There are some elements like img (image) tags which are self closing.
For our first assignment, we were tasked with making a website. We opened The text editor and entered our first lines of HTML. Through this exercise, we learned about how to link images to our HTML file. Also, we learned about how to see our code they way it would be displayed on an actual webpage! Below I have the code I wrote and its translation to google chrome. There you can see different elements and how they are formatted as tags.
</pre> <pre><!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>My First Website!</title> </head> <body> <h1>Hello World!</h1> Howdy Human, How are you? <ul> <li>I am Great</li> <li>I am Amazing</li> <li>I am Beautiful</li> </ul> This is how and who I am. Click <a href="https://developer.mozilla.org/en-US/" target="_blank">here</a> to really find out. <img src="./images/earth.jpeg" alt="an image of the earth"> <h1>Hello Moon!</h1> <h2>Hello Stars!</h2> </body> </hmtl> </pre> <pre>