1. Home
  2. Modules
  3. Javascript 2: Object orientation

Module: Javascript 2: Object orientation

Object orientation in modern Javascript: using the class construct.

Learning Outcomes

Competent with elementary Javascript

Readings

Guided tour of the Javascript 2 module

Why, what, how, and when you will learn about object orientation in Javascript

Screencast 6 min

Object Orientation: Java vs. Javascript

An beginners guide to objects in Java and Javascript

Screencast 24 min

Tutorial on ES6 classes (LearnHarmony)

Interactive introduction to ES6 classes

Tutorial on ES6 classes (ExploringJS)

Comprehensive reference on ES6 classes

Tutorial on ES6 classes (Mozilla)

Introduction to classes, showing how they evolved from prior JS idioms

Tutorial on ES6 subclasses (Mozilla)

Second part of Mozilla tutorial, focusing on class inheritance.

Interactive example of simple class definition (ESFiddle)

Use pull-down menu to select ‘Classes and Inheritance’, then press run.

ES6: template strings

Use templates to simplify string construction

Experiential Learning

E12: Jamba Juice 1

Use classes to represent a Jamba Juice Menu

Practice WOD 05 Sep 11:30 PM

E13: Jamba Juice 2

Extend your Java Juice system

Practice WOD 06 Sep 11:30 PM

E14: Jamba Juice 3

Extend your Java Juice system to represent stock and a store.

Practice WOD 07 Sep 11:30 PM

Assessments

A05: Assessment of simple Javascript skills (classes)

Outcomes assessed: Competent with elementary Javascript

Rx: < 15 min Av: 15-25 min Sd: 25-40 min DNF: 40+ min or incorrect

This in-class WOD assesses your ability to write a simple Javascript program using the class construct.

Discussion:

  • Results this week are roughly the same as last week, although the WOD was much harder. Good job!