Function as object methods

Homework

1. Asynchronous JS
   • Read:
     • Asynchronous Javascript
       • General asynchronous programming concepts
       • Introducing asynchronous Javascript
       • Cooperative asynchronous Javascript: Timeouts and intervals
       • Graceful asynchronous programming with Promises
   • Asynchronous JavaScript in ~10 Minutes - Callbacks, Promises, and Async/Await by James Quick
   • Optional Watch: Asynchronous Callbacks by Tony Alicea (you can stop at 1:48:00)
2. JSON
   • Read: Working with JSON data
   • Tool: JSON Placeholder
3. fetch()
   • Read: Fetching data from the server
   • Read: How to use Fetch API for CRUD operations on dev.to
   • Reference: Create, read, update and delete on Wikipedia
4. Reference
   • List of Public APIs

---

Morning reflection

Housekeeping

1. Assignment 3 Cancelled
2. CPNT 262 Assignment Review

---

1. FizzBuzz walkthrough

Learning Objectives

• Review conditional statements: if/else/else if.
• Review arithmetic operators.
• Test if a value is an integer.

Materials

• Gist starter: Print 1-to-100 with a for Loop

Key Takeaways

• There are usually many ways to solve a problem.

---

2. Functions as methods

Learning Objectives

• Review object literals and how to initialize objects.
• Demonstrate this in the context of objects.
• Refactor Tuesday’s Greeter function into an object.
  • Create an object method using an object literal and function expressions.

Terminology

Object

A collection of name/value pairs (in terms of Javascript)

Object Literal

An object literally coded using proper object notation.

Object Property

A fancy term for a name/value pair where the value is anything but a function.

Object Method

A fancy term for name/value pair where the value is a function.

this (for methods)

When inside a method (a function that’s the property of an object), this is a keyword that refers to the parent object.

Materials

• MDN: Object Basics
• Starter: Greeter

Key Takeaways

• Avoid the use of this unless you’re working within a method (and not even inside a function inside a method). Outside of a method, this is a big bag of hurt.

---

Open lab-time

• Pick out a problem in the WBDV course website (that you think you can fix) and post an Issue about it. You will later fix this issue and create a Pull Request for CPNT 201 Assignment 4.

---

Tony’s goals for Lab-Time

• Coding process gist for tomorrow’s Hackathon.

---

Dailies

• Submit today’s Codepen/repo/gist to the Dailies section (in Assessments) in Brightspace.