Today’s goals:
- Review countdown webpage code and check out everyone else’s creative countdown pages
- Prepare for Thursday’s speaker
- Do self-paced mini tutorials on HTML, CSS, & JavaScript
Today’s featured site:
- http://makewordart.com/– This is what Microsoft Word looked like when I was in high school
Countdown Timer Webpage with JavaScript
- You used JavaScript and CSS to create an online countdown clock. The JavaScript handled the countdown and CSS was used to style the webpage. Here is my example page showing a countdown to the last day of school (I used Friday June 23, 2017 as my date) Let’s check out the code.
- Questions: How does JavaScript know the time/date? Hint: check out the getTime() method below. How does JavaScript know what time to display locally (for example, if you go here and you see it’s our time). Hint: check out your cellphone and see how it compares to your computer’s time.
- More info: Read about JavaScript’s setInterval() method (keeps the countdown clock updating in this example). The getTime() method is used in date calculations. Math.floor is making sure we don’t get decimals.
Prepare for Our Class Speakers
- Cara and Dave from Jackrabbit Design, Thursday, April 13
- To prepare: review the website and read Cara and Dave’s bios. Make sure your questions are easy to access for tomorrow.
- Make sure you have your 3 good questions ready.
- Website: https://www.jumpingjackrabbit.com/
- About Cara
- About Dave
HTML, CSS, & JavaScript Mini Tutorials
- The following tutorials are offered by freeCodeCamp and allow you to review one basic concept at a time. You can choose whatever you want to work on, maybe reviewing some HTML and CSS that might be confusing or diving deeper into JavaScript.
- HTML
- CSS
- JavaScript
- Extra: Try some visual design challenges