HTML

Today’s topics

• Learn about HTML tags and elements
• Create a page with HTML

Intro to GitHub Classroom

We are using a tool called GitHub classroom to generate a repository (repo) on GitHub for each student to work in.

Each day we will share an assignment invitation here on this page. Clicking on the link will take you to a page where you will see as message that looks something like this:

You’ll see your github username as part of the repo name instead of amygori. When you accept the assignment, GitHub will create your homework repo and, when it is done, give you a link to it (from now on, this is the link you will use to see your project on GitHub, NOT the assignment invitation link). Go to that newly created repo and click on the green button to “Clone or download” your repo. This will copy the repo’s url to your clipboard.

In your terminal, navigate to the folder where you intend to keep your projects. When you are in the directory you want to be in, type git clone <url-for-your-repo>, but in place of , paste in the url you copied from GitHub. You'll see output indicating the repo is being cloned. When it's done, you can `cd` into it and type `git status` to see that you are in a git repo. Open this repo in VS Code (an easy way to do this is to type `code .` when you are in the assignment repo) and do your work here. Add and commit in the terminal as you work.

Using VS Code

VS Code (or Visual Studio Code) is a text editor made by Microsoft. It is free and open source, and it’s used by many professional developers these days.

If you haven’t installed it yet, see the Setting Up Your Computer instructions for how to do that.

See Getting Started with VS Code for an overview and a video intro to using this tool.

Project: Build a Small Business Website with HTML

Link to the assignment invitation

Quick video showing how to clone your assignment repo

🔖 Resources

HTML References

• MDN HTML Basics
• MDN HTML Resources Page
• MDN HTML Elements Reference

About HTML and the web

• A Brief History of Markup
• A short history of the web

Meta

• Asking technical questions: Your Brain’s API

Code & Videos from class

• bears ʕ•ᴥ•ʔ html example
• html notes from class
• Morning class video Access Passcode: k*q?m16u
• Walkthrough of Git-It tutorial, Part 1 Access Passcode: k*q?m16u
• Walkthrough of Git-It tutorial, Part 2 Access Passcode: mH7d$NRL
• Afternoon Class Video (The first 30 minutes of this is the second part of the Git-It walkthrough, so fast-forward to the start of class) Access Passcode: mH7d$NRL

How-to deal with GitHub for Assignments

• 4-min video on how to push commits to your repo to submit your work
• 1-min video on how to clone your assignment repo