-
Notifications
You must be signed in to change notification settings - Fork 59
Lesson 12 (HTML Git Terminal)
Courtney Frey edited this page Apr 13, 2022
·
3 revisions
- How to access and use the terminal as a standalone program and through VSCode.
- Basic HTML tags:
<b>, <em>, <a>, <img>, <br>, <p>, <span>, <div>, <form>, <ul>, <ol>, <li>, <table>- How to add attributes and properties to HTML elements.
- How to structure static HTML pages:
- doctype,
<html>, <head>, <body>, <title> - Whitespace
- doctype,
- What Git is and why we want to use a version control system (VCS).
- How to initialize and commit to a local git repository.
- Check with your class Candidate Engagement Manager for any other announcements.
- Graded Assignment #4 is open! Remind students that the key to getting the assignment done is to read through everything carefully and start on what you can do as soon as possible. In class, read through the instructions with your students and highlight what they are capable of doing after this class.
- Welcome to Day 18!
- Allow for Assignment 3 work time in the afternoon
- Assignment 3 due at end of Day 19
- Don't be afraid to use the terminal!
- Live coding:
- Build a simple, static web page from scratch.
- Accept suggestions from the students for elements, text color, etc.
- Note tedious aspects as they appear (e.g. making EVERY h2 red), and note that we will learn how to streamline this process in the next class.
- Reinforce why using a VCS is a good idea. If you have a personal story that relates to this, feel free to share it!
- If time, initialize a simple git repo for the web page you created. Show how edits (or mistakes) can be undone with git.
- Studio intro.
- Task uses browser developer tools.
- Common student stumbling blocks:
- Finding the dev tools for their particular browser version.
- Using copyrighted images. This is a good time to remind your students that just because something is found on the web, that does NOT mean it's free to use. If in doubt, DON'T. The safest bet would be to stick to personal images.
- Encourage having fun! Ooooh and aaaaah as you check in with each of your students.
- Remind your students to keep their new headlines light-hearted. The studio page has some good language around this, but you should comment on this as well.