Below is a collection of resources of varying types and lengths which describe the topics for the upcoming lecture.
Go through these resources, and add a new page to your reading-notes web site that summarizes the topics you learned as though you were presenting the material to a non-technical friend interested in learning about it.
From this point forward, all your reading-notes assignments should be done locally, in VS Code. New files and changes will reflect in GitHub using your new Git-flow skills! (Remember... A-C-P)
Let's crack open some HTML Resources. These pages are selected to be in this order for a very particular reason.
-
Wireframe and Design{:target="_blank"}
- For Lab, you'll be building a site from scratch.
- Think about what kind of page you want to design.
- For now, focus mostly on the process. Take notes on the high-level process you'd want to follow to make a new site.
-
Mozilla HTML Basics{:target="_blank"}
- If you've taken Code 101, this should be mostly review so skim.
- If you have NOT taken Code 101, please read this chapter a little more carefully.
-
Semantics{:target="_blank"}
- Note how these elements are common to the vast majority of web pages
- Mozilla HTML Docs{:target="_blank"}
- Mozilla HTML Elements{:target="_blank"}
- What is HTML and why do we use it?
- What are the 3 main parts of an HTML element?
- What is it called when you give an element extra information?
- What is a semantic element?
- Share what you've learned by copying and pasting the full text of your new rendered web page into the 'Reply' below.
- Include the live URL of the new page below your pasted text. (Hint: The URL of the page should begin with YOUR GitHub username, not "github.com")
You are invited to check out your classmates' replies and give positive feedback and words of encouragement.