Week 2

Reading discussion

Let’s talk through our reading.

What Is Code? responses

This will make more sense in coming weeks, but you can also peruse the code for this article page.

And now, HTML

An intro to HTML

We’ll break somewhere in here, possibly midway through my HTML spiel.

Let’s write some code!

We’re going to dive right in and make our first web pages, no big deal! We’ll do this all together.

You’ll need to download Visual Studio Code, which we’ll use as our text editor for the course.

You’ll hear me refer to this as an IDE, for Integrated Development Environment (if you remember our reading). Think of this as a fancy text editor with coding-specific features, like syntax highlighting and tabs. There are many of them! VS Code is probably the most popular, right now. (It is made by Microsoft. Developers! Developers! Developers!)
Also download GitHub Desktop, which we’ll use to manage our code. Sign in there with your GitHub account (which you should have already created).

You might also remember Ford mentioning Git, a version control software, which tracks changes and helps developers work together. GitHub is a widely-used, web-based host for Git projects—known as repositories. You can do this all via the command line (and even right from VS Code), but I think we’ll use their Desktop app for now. (This is now also owned by Microsoft.)
Create a repository for your Harmonic Collection entries. Think of this as your project folder—you will use one repo for the entire semester. For consistency, let’s name them all harmonic-collection.

In VS Code, make an entry-1.html file in the directory of the repository. You can start with this HTML:

								 <!DOCTYPE html>
 <html>
   <head>
     <title>Hello, world!</title>
   </head>
   <body>
     <h1>Hello, world!</h1>
     <p>This is my first web page.</p>
   </body>
 </html>

							

Then commit this file and push your changes up to GitHub. Think of Git’s commits as tracked, commented, and reversible saves.
Go to your repository on GitHub (the site) and then enable Pages, if it isn’t already. (I think it might default on.)
You should be able to see your page (after a couple minutes) live, on the web:
```
 https://username.github.io/harmonic-collection/entry-1
```

I sadly forgot to resume our recording after break, so this stuff isn’t in our session video. I’ve pulled in a demo from last semester.

It isn’t exactly the same, but is pretty close to what we did. I’m hoping will helpful if you get stuck or need a visual! Apologies.

GitHub demo recording

For next week

Read the HTML lecture, above. I know we breezed through this, but there is a lot there. Study it and use it as a reference, going forward.
Complete the first entry for your Harmonic Collection projects.

This should make (thorough) use of the basic HTML we went through today. I’m looking for you to explore, start unpacking your theme, and get your feet wet—so beyond what we did together in-class. Follow the links, watch the video, show me that engagement.
When you are done, add a link to your entry into our tracking document:

Harmonic Collection entries

These should always be done before the start of the next class. Any links added after we begin each session will be considered late, and we don’t accept late work.

Reading discussion

And now, HTML

Let’s write some code!

For next week

Session recording