JavaScript: Intro to the DOM (3-Class Series)

Are your web site 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 new mini-cohort 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:

Class 1: Tuesday, July 12, 7:00p - 9:00p ET/4:00p - 6:00p PT

Class 2: Wednesday, July 13, 7:00p - 9:00p ET/4:00p - 6:00p PT

Class 3: Friday, July 15, 7:00p - 9:00p ET/4:00p - 6:00p PT

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

A code editor

Recommended: Visual Studio Code or Atom

Class Cost: $120 for 6 hours of instruction

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.

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/).

Agenda

---

Speaker

Tara Tran - Kode With Klossy (Director of Curriculum)

Tara Tran (she/hers) is the Director of Curriculum at Kode With Klossy, a nonprofit focused on closing the gender gap in tech by providing free learning opportunities to female, gender nonconforming, and trans individuals.
She first began her coding journey at Girl Develop It! and is grateful to return as an instructor. Tara is currently pursuing her Masters in Computer Science at NYU. …

Hosted By

Katie Franco, Executive Director

Tinuola Awopetu, Training Director

Katie Brydon, Community Director

Katie is the Community Director for GDI with the fun and exciting responsibility of connecting with instructors and designing opportunities for inclusive, safe learning.

Complete your event RSVP here: https://girldevelopit.com/events/details/girl-develop-it-frontend-classes-presents-javascript-intro-to-the-dom-3-class-series/.