Starters
As a reminder - once a week, one student will bring in something to talk about, relating to the subject material of the class. This is an easy part of your participation grade, but more than that it’s a great chance to talk about ideas.
Some examples of things to bring in:
- a website you love
- an app you feel frustrated using
- a news article about something digital
We will all then talk about this for the first 5-10 minutes or so of class.
Today’s presenter: Jun Next class will start with: Kai
Project Idea Presentations
Everyone will have 5 minutes to present their ideas for their Harmonic Collection.
Break
~ 10 minutes ~
Intro to HTML
We’ll cover the fundamentals of HTML (Hypertext Markup Language) - the standard markup language for creating web pages. You’ll learn about HTML elements, attributes, document structure, and how to create your first web page.
View the Intro to HTML lecture
Class Examples
All of the code examples used in our lectures and class demonstrations are available on CodePen for you to reference and experiment with:
View all class examples on CodePen
This collection includes examples for HTML structure, CSS styling, typography, and more. You can use these as references for your own projects.
Exercise: Get a hello world working on your site
“Hello World” is a traditional first program that simply displays the text “Hello, World!” on the screen. It’s used to verify that your development environment is working correctly and to introduce the basic syntax of a programming language. In web development, it’s your first step to creating a webpage.
Create a simple HTML page with “Hello, World!” displayed on it and get it working on your GitHub Pages site.
Code Logistics
Now that you’ve created your first webpage, let’s learn about the tools and workflows for managing your code and deploying your sites.
View the Code Logistics lecture
Homework
Do the first entry for your Harmonic Collection. You will submit a working, live link to your site as the submission. This will look like:
https://YOUR-GITHUB-USERNAME.github.io/harmonic-collection/entry-1
So if your github username is jack123, it would look like:
https://jack123.github.io/harmonic-collection/entry-1