Cardozo Coding Front-End Class 3

Objectives

Learn basic JavaScript/jQuery, basic click-events, more advanced CSS, and make an interactive personal website.

Concepts

• script and stylesheet include
• more about #id's
• selecting elements with the jQuery function $()
• jQuery click() and toggle()

Process

1. include jQuery from CDN
2. copy and paste CSS into separate file and include as stylesheet
3. show how $() works with headers and paragraphs
4. add id's to headers and content wrapper divs
5. add event listeners to make content divs show/hide on click of corresponding header

Additional Resources