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/
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.
You can review them online at a few places:
• 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 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.