Dev Prep Part 4: JavaScript Objects and DOM Manipulation | Online

About this workshop

Want more JavaScript? This day will be dedicated to JavaScript object literals and DOM manipulation and events. What’s the DOM? Come check out this class to find out!

Takeaways

• Compare objects and key-value stores to arrays as data structures
• Explain the difference between object properties and methods
• Create empty objects and objects with multiple properties and methods using object literal syntax
• Compare adding and retrieving properties to an existing object using the dot and bracket notations
• Access properties of an object using keys and helper methods
• Iterate over the keys of an object to return and manipulate values
• Explain what the DOM is
• Use JavaScript to select parts of the DOM
• Use JavaScript to change parts of the DOM
• Use event listeners to manipulate DOM elements

Prereqs & Preparation

Free Github account (https://github.com/join) Mac laptop Complete projects 1 and 2 on Dash (https://dash.generalassemb.ly/) Dev Prep Part 3 (https://generalassemb.ly/education/dev-prep-part-3-javascript-variables-conditionals-functions-and-more/los-angeles/31829) OR Parts 1 - 6 of codecademy’s JS course (https://www.codecademy.com/learn/javascript)