JS Objects

Today’s topics

• Introduction to the object data structure in JavaScript
• Storing data in and retrieving data from objects

🎯 Project: Build a customer directory

• Begin Customer Database Link to assignment invitation, which is due Friday Morning. Due to our day off, we will have class Friday afternoon 2-3:30
  • For Wednesday Morning, 6/1: Start HTML and get at least one customer rendered on the page
• ➡️ Preview the next topic, Asynchronous JavaScript and the Fetch API, by completing this section in Thinkific. You will need to make an account if you have not yet. When questions or observations come up, you can use the “DISCUSSION” button to record them or to respond to classmates.

Examples

• JS Objects with The Simpsons
• Find People By City
• Mari Edwards Video on Objects

🔖 Resources

• MDN JavaScript Object Basics
• Eloquent JavaScript, chapter 4: Objects and Arrays
• Eloquent JavaScript Objectos enm Español
• blog post on JS objects
• Prettier Code Formatter This is information about the extenstion that you can (and should) install in VS Code.
• How to format code with Prettier

⭐ EXTRA/TMI

• Podcast on learning to code with the founder of Code Newbie, Saron Yitbarek
• Rebecca Murphey on using objects to write more concise code (short video)
• Lodash - This is a JS utility library – lots of handy little functions that can make it easier to do common things
• Moment.js - This is a very commonly used library for working with dates in JS. It’s big and kind of old, but handy for reformatting how dates are displayed. You could also check out modern alternatives like Luxon or date-fns.

🦉 Code, Notes & Videos

• Notes on JS objects
• Example of a basic working calculator - This is just one way you can do this!
• Example: working with JS object data and the DOM