There is no class on Monday this week. We will be doing some CSS we didn’t get to last week and starting JavaScript.

Before Class: Learn

DO THIS

1. Install Chrome and Firefox browsers on your computer.
   1. It is good to have both and we will look at the developer tools (inspect) for both of them at different times over the semester
   2. Clicking on the links above takes you to their download pages.
2. Finish setting up your Dev Environment
   1. For this week it’s important that you at lease have Visual Studio Code installed. For next week you will need everything done.
   2. Let me know if you are having problems.
3. Watch the videos in the three collections listed in the JavaScript Intro post.
   1. There are a number of videos in each of the three collections I have asked you to watch.
   2. Overall they total about 63 minutes
   3. Most videos you can just watch but some you can follow along on your computer. I have included instructions on getting the exercise files in the post.

IN Class Explore

• Join the Live Class Sessions
• Have your computer ready to follow along.
• Also have GitHub, CodePen and LinkedIn Learning accounts active.
• Go to this CodePen: https://codepen.io/profstein/pen/WNojVez
• Fork the pen so you can save it.
• Download this file: https://www.dropbox.com/s/7d1rzdpeesfbrz5/example-js.html?dl=1

Other Links

• Layout
  • Float: https://css-tricks.com/almanac/properties/f/float/ 
  • CSS Tricks Guide: https://css-tricks.com/snippets/css/complete-guide-grid/
  • Prof Stein Grid: https://profstein.github.io/css-grid-basic-examples/
  • Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 
  • Flexbox Froggy Game: https://flexboxfroggy.com/  
  • CSS Grid Garden Game: https://cssgridgarden.com/

• JavaScript
  • https://css-tricks.com/console-log-myvariable/
  • https://balsamiq.com/support/faqs/browserconsole/

After Class: Report

Complete the Week 3 Learning Journal