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
• and images
• basics of functions
• animations using jquery

Process

1. include jQuery with <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
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. write basic jquery functions and add images

Additional Resources

• jQuery reference sheet
• jQuery basics
• CSS selectors game
• CSS positioning guide
• CodeAcademy jQuery course