JS200: Making Webpages Interactive with JavaScript

Want to make your webpages interactive? Then you'll need to use JavaScript, the language of the web. In this workshop, you'll learn how to use JavaScript with webpages - starting with using it to manipulate the HTML/CSS on a page, then attaching events to respond to user interaction, and finally, animating parts of your page.

The workshop will be a mix of lectures and hands-on exercises in pairs. It will be taught by Truc Nguyen, Senior UI/UX Designer at Unity Technologies, and Sara Gudeman, Software Engineer at Zillow Group.

This is the perfect follow-up workshop for those who attended our Intro to HTML & CSS workshop and Intro to JavaScript workshop.

Topics covered

• JS DOM access

• JS DOM manipulation

• JS DOM events

• JS DOM animation

Slides

http://www.teaching-materials.org/jsweb/ 

</a> Prerequisites

Attendees should be comfortable with HTML and CSS fundamentals (HTML tags and attributes, CSS selectors) and JavaScript fundamentals (syntax, data structures, conditionals, loops). That means that you attended our <a href="https://www.meetup.com/Girl-Develop-It-San-Francisco/events/241868963/">Intro to HTML & CSS workshop and Intro to JavaScript workshop</a> or you learned those concepts online.

• HTML/CSS: <a href="https://khanacademy.org/html-css">Khan Academy's HTML & CSS course, Codecademy's HTML & CSS course, GDI SF's HTML & CSS slides</a>

• JS: <a href="https://khanacademy.org/programming">Khan Academy's Intro to JS course, Codecademy's JS course, GDI SF's JS slides

</a>

<a href="https://github.com/gdisf/teaching-materials/blob/master/apis/README.md#tech-requirements"> Tech requirements

• Your laptop (Mac, PC, Linux) and charger

• A modern web browser (Chrome, Firefox, Safari)

• A text editor - we recommend either Sublime Text 2 or Atom (both free)

If you do not have a laptop, please contact the instructors. We have a limited number of Chromebooks for students to borrow.

Payment

Payment is required to attend. If you'd like to attend but cannot afford the cost, click here to request a scholarship<a href="https://docs.google.com/forms/d/19YePb1ncNgHLFze40_BJRM7w8SG5mh1D0uB4qyKjwWs/viewform"></a>. Due to the amount of applications, only the scholarship recipients will receive an email a few days before the workshop. Thank you for your understanding!

There will be an hour break at noon. Lunch will not be provided.