Week 2: 1/31 + 2/2

This week the focus is on HTML and CSS. I’m assuming that you have had some experience before so it’s a refresher but we go fast.

Before Class:

  1. Accounts
    1. Create GitHub account. If you already have one, make sure you remember the login info.
    2. We will also work with CodePen this week. You should use your GitHub account to log in to Codepen.

In Class

JOIN LIVE SESSION
  • Join the Live Class Sessions
  • Have your computer ready to follow along.
  • Also have GitHub and CodePen accounts active.

Portfolios

In Thursday’s class, all of your groups chose Ruhsona’s portfolio as an example you liked. We are going to talk about this portfolio more in class and talk about what you might have in your portfolio.

Development Environment

We will discuss code editors, including online options and Visual Studio Code. See the Development Environment page.

HTML

We will look at this in class (you can watch the video on your own) in a more interactive way.

There are some other HTML resources we will use that you can see on the HTML page.

CSS

We will do a review of CSS in class. We will focus first on

  • Selectors
  • Layout (CSS Grid)

And as the course goes on we will add more and more aspects of CSS.

CSS Presentations

CSS Basics

Layout

Some other things to do to refresh your CSS knowledge:

  1. Watch this video on CSS
    1. Don’t Fear Starting from Scratch: CSS [11:02]
    2. Note: you can just watch to help refresh concepts. This is part of a larger series of videos. If you want to try to follow along, great. Try using VS Code that you should have installed.
  2. Play the CSS Dinner Selector Game
    1. Take a screenshot of how far you make it. You don’t have to finish it.
    2. This really helps to explore and learn the CSS Selectors.
Optional Resources

These are optional resources related to what we are doing this week. You don’t have to do these before class, but you can look if you have time or feel you need to explore more.

DO THIS

Leave a comment