Unit4

Unit 4: JavaScript for the Web

Module 4.1

Course Material

• Write JavaScript for the Web
  • OC course time: 10 hrs

Mini-Projects

• Included in OC course:

  • Mini Project 4.1b: Building a Project with Gulp

• Not included in OC course:

  • Mini Project 4.1a: Building a Tip Calculator

Self-Graded Assignments

• Included in OC course:
  • 3 auto-graded quizzes
    • Manipulate the DOM
    • Get data from users and servers
    • Use asynchronous programming
  • Understanding the DOM
    • getElementsByTagName
    • getElementsByClassName
    • getElementById
    • Modifying content
    • Modifying classes
    • Playing with style
    • Building new elements
    • Add an event listener
    • Create a new post
    • Remove a post
  • Handling data
    • From user
      • Reading text fields
      • Modifying default behavior
      • Checkboxes
      • Radio buttons and dropdown menus
      • Validate input length
      • On blur event
      • Element constraints
    • From server
      • Sending a request
      • Handling data from a request
  • Asynchronous programming
    • Setting a timeout
    • Old school callbacks
    • Creating a Promise
    • Async/await
    • Sending POST request
    • Async POST request
    • Reusing functions
    • Handling multiple asynchronous functions
    • Error handling

Module 4.2

Course Material

• Test Your Website's Interface
  • OC course time: 4 hrs

Mini-Projects

• Mini Project 4.2a: Writing out suites and specs
• Mini Project 4.2b: Creating a Candy Counter

Self-Graded Assignments

• Included in OC course:
  • 1 auto-graded quiz
    • Test on Testing

Unit 4 Project

Open the Unit 4 Project here: Building a ToDo List App.