Lesson 13 (CSS Git)

Lesson 13: CSS and More on Git

In the prep work for this lesson, the students learned:

1. CSS:
   1. Syntax.
   2. How to set font-size, color, font-family, background-color, text-align, etc.
   3. Assign styles to an element, class, or ID.
   4. Internal vs. inline vs. external locations.
2. More Git:
   1. Clone a remote repo, or create a remote repo from a local one.
   2. Push and pull changes.
   3. Create and merge branches.
   4. How to stash changes.

Large Group Time (Instructor Notes)

Announcements

1. Check with your class Candidate Engagement Manager for any other announcements.

For Part-Time Students:

1. Graded assignment #4 is due soon!

For Full-Time Students:

• Welcome to Day 19!
• Introduce and start working on Assignment 4 this afternoon!
• Assignment 4 due Day 23
• Assignment 3 due at end of Day 19

Lesson 13 Topics That Require More Attention

1. Review the differences between using element selectors, class selectors, and id selectors in CSS.
   1. What is the sequence in priority?
2. Discuss CSS vs. inline styling. What is the best practice?
3. Forking vs. cloning a GitHub remote repository.
4. Pushing and pulling changes to/from a remote repo.
   1. Establishing a remote repo or branch from a local project.
5. Live coding:
   1. If you saved the HTML page from class 12, use that as a starting point for adding some CSS.
   2. Recall the tedious aspects of HTML design from class 12. Note how CSS streamlines the process.
   3. Save and commit changes, then push to a remote GitHub repository.

Studio (TF Notes)

1. Common student stumbling blocks:
   1. Some students get confused trying to follow the instructions, especially as they alternate between the Control and Pilot roles. Be ready to provide clarification.
   2. Some students will be intimidated by merge conflicts. Note that these happen all the time, and they are not that big of a deal.
2. This studio requires students to work in pairs. If you have an odd number of students, you will need to fill in that gap yourself.