You know how to write a JavaScript function, and you also understand HTML and CSS. But do you remember how to put the two together? In this workshop, you'll review how JavaScript interacts with the DOM (Document Object Model). We will talk about DOM traversal, as well as review events and callbacks. The workshop will be a mix of lectures and hands-on exercises in pairs. It will be taught by {{ teacher_name }}, {{ teacher_description }}.
This is a great follow-up workshop for those who attended our Intro to JavaScript workshop.
- JS DOM traversal
- JS DOM events / callbacks
- DOM coding best practices
https://www.teaching-materials.org/jsdom/
Attendees should be comfortable with HTML and CSS fundamentals (HTML tags and attributes, CSS selectors) and JavaScript fundamentals (syntax, data structures, conditionals, loops). Attendees should also be comfortable with the DOM API (access and modification methods). That means that you attended our Intro to HTML & CSS workshop, Intro to JavaScript workshop, and Making Webpages Interactive workshop, or you learned those concepts online.
You can review them online at a few places:
- HTML/CSS: Khan Academy's HTML/CSS course, Codecademy's HTML/CSS course, GDI SF HTML/CSS slides
- JS: Codecademy's JS course, Khan Academy's Intro to JS course, GDI SF JS slides
- DOM API: Khan Academy's "Making Webpages Interactive" course
- 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 is required to attend. If you'd like to attend but cannot afford the cost, click here to request a scholarship. Due to the number of applications, only the scholarship recipient will receive an email a few days before the workshop. Thank you for your understanding!