Week 2 - CSS & Design

Wednesday Agenda

  • Project - discuss
  • Team Meetings
    • Figure out how you will document plans and decisions
      • Google doc, markdown file in repo, project board, etc...
      • NOT Discord chat, emails, etc...
    • Pick topic, start discussing data types

For next time:

  • Clone project repository. Everyone make a test commit to the repository by the next class.
  • Start using your documentation system to keep track of your plans and decisions.

Project Resources

Monday


Tuesday


Thursday

CSS Intro

Start by watching these videos on CSS:



CSS Basics Resources

Then skim through these resources for familiarity:

Building Blocks covers topics for this and the next section. There is a lot here, much is more detail than you will need. Don't panic.

CSS Styling

These videos cover styling different kinds of elements in CSS:




Spend a little time using the dev tools in your browser to poke around at some of your favorite websites to check out the CSS used on them. Try modifying rules in the dev tools to change how the site looks.

CSS Styling Resources

  • MDN CSS - Building Blocks
    Continued. OK to skip Handling different text directions and Overflowing content. Again, this has LOTS of detail. Significant parts are going to be beyond what you need.

CSS Layout




CSS Layout Resources

  • MDN CSS - Layout
    Skip Flexbox and Grids for now. Yes to Floats and Positioning, don't worry about anything after that. We will get to grid/flex and some of the other topics next week.

Other Resources

These are some handy tools to check out: