Week 01 Day 1 - Hello World - Hello World

[gstark]

In your first assignment you will end up with a web page, no matter how simple, published on the web.

Objectives

• Get to know your text editor
• Introduce yourself to working on the command line
• Publish a web page

Requirements

• Have git, hub, and node installed. We should have done this together in class.
• All of your HTML (and CSS if you do adventure mode) should be formatted cleanly and consistently (use your editor to your advantage).

Explorer Mode

• [x] Follow all of the setup instructions (See "Assignment Setup").
• [x] Compose a short essay (just a couple paragraphs at most) about a hobby you either enjoy, or would like to learn about. We will be expanding on this page in future assignments, so pick something fun!
• [x] Put your short essay into an HTML page, using appropriate semantic HTML tags. Give your webpage a simple header and footer as well.
• [x] Deploy your site.

Adventure Mode

• [x] Research the id and class HTML attributes.
• [x] Use valid CSS to style the page (in the neighborhood of a couple dozen CSS declarations).
• [x] Use at least one image somewhere on the page.

Epic Mode

• [ ] Create a full layout for your page (heading, navigation, sidebar, footer, etc.).
• [x] Use more complex CSS selectors than we covered in class, e.g. attribute selectors or sibling selectors.

Additional Resources

• https://developer.mozilla.org/en-US/Learn/HTML/HTML_tags
• http://atozcss.com/start-here/
• http://www.evolutionoftheweb.com
• Atom Flight Manual
  • Moving in Atom
  • Selecting Text
  • Find and Replace
• Getting Started with Visual Studio Code

Reading Material

To prep for tomorrow's lesson, you can read about CSS.

[JOLee83]

http://hobbies-justin.surge.sh https://github.com/JOLee83/hobbies

[gstark]

Hi Justin, it looks like you did not commit, or push, your code to github yet. Feel free to ask a fellow student, or myself, Katherine, Jason, or Mark for help. Your site looks great, I just want to make sure you get your code into github.

[JOLee83]

I thought we did it before I left yesterday, I just tried again though. let me know if its there now.

[gstark]

[gstark]

Great work!