Are your website projects static or missing some wow factor? Do you browse other sites and wonder how they’ve implemented dynamic elements that create a more interesting user experience? Or maybe you’ve learned HTML & CSS, and now want to understand how JavaScript completes the picture.

The secret is the Document Object Model—also known as the DOM. The DOM is what allows developers to use JavaScript to control HTML & CSS and bring web pages to life.

This mini-series will introduce you to the basics of working with the DOM—what it is, how to access it, and how to use it to work with HTML and CSS elements on our web pages. In the process, you’ll get to build a simple To-Do List web application using all three languages—HTML, CSS and JavaScript!

The series will cover:

• Learning about DOM events and event listeners
• Responding to user interactions on our web pages
• Adding elements to the DOM to create a to-do list app
• Querying and updating a page after it’s loaded
• Using browser (Chrome/Firefox) Developer Tools

Event Details:

Wednesdays in May

Wednesday, May 10 at 7:00p - 9:00p ET / 4:00p - 6:00p PT
Wednesday, May 17 at 7:00p - 9:00p ET / 4:00p - 6:00p PT
Monday, May 22 at 7:00p - 9:00p ET / 4:00p - 6:00p PT

Cost: $120 (6 hours of instruction

Members attend for free!

Want More from GDI? GDI offers a variety of ways you can join our community! Whether you are brand new to tech or want to advance the experience you've already racked up, we have something for you. When you join as a member, you develop your own pathway to develop code, confidence, and community. If you just want to get your feet wet or want a personal coach to land your dream job, GDI has memberships to match your interest, availability, and budget. Learn more here.

Prerequisites: 

• Prior experience of HTML, CSS and JavaScript is required
• Basic to intermediate knowledge of HTML & CSS
• Basic to intermediate knowledge of JavaScript

Technical Requirements:

• A web browser
• Recommended: Chrome or Firefox
• An online code editor account
• Recommended: CodePen.io or REPL.it
• Optional: A code editor
• Recommended: Visual Studio Code or Atom

Code of Conduct: Girl Develop It is focused on providing opportunities for women and non-binary individuals to learn web and software development, but our classes and events are open to all genders and identities. We are dedicated to providing a welcoming and comfortable environment for all to learn to code and every attendee is expected to uphold our Code of Conduct (http://www.https://girldevelopit.com/code-of-conduct/).