Learning Intention

Investigate Advanced features of  CSS3 and JavaScript

Learn how to make an ‘local site”

Success Criteria

Build a responsive website using JavaScript / JQuery

Download script and load into notepad

Complete advanced CSS3 animation/transition features.

Warm Up / Introduction

Teacher Demonstration of JavaScript / CSS 

https://dash.generalassemb.ly/Mr_Croke/build-your-own-business-website

http://www.w3schools.com/css/css3_transitions.asp

 Glossary

• HTML
• HTML5
• CSS
• CSS3
• Javascript
• JQuery

Activities

In your  OneNote HMTL5 section create a new page called CSS3 “Advanced Features”

Go to http://www.w3schools.com/css/css3_transitions.asp

Trial 8 CSS3 features and record your success.

Continue building your DASH site.

Work towards finishing project 2 and 3.

Copy all your code and save in NotePad “DASH_PROJECT_2.html” preview in browser modify HTML code and CSS to include advanced CSS3 features, record your modifications.

Reflection

What did you learn today about CSS3 and building a response website?

List the modifications you made to the DASH project.

Explain the advantages of building a responsive website.

Homework

Complete any unfinished work