Skip to content

Introduction to learning JavaScript

Resources

Curriculum

  • 10 Weeks
  • Goal:
    • JavaScript fundamentals
    • Manipulate the DOM
    • Understand the basis of popular libraries. How does jQuery work? Why do I need a framework? Can I build my own?

Topics - Fundamentals of JavaScript Development

  • Able to understand why you might use a framework.
  • Abstraction
  • Algorithms
  • Data Structures
  • JavaScript Overview
    • Editor
    • Github
    • JSBin
  • Variables/Arrays
  • Logic, loops, iteration
  • Functions
  • Classes/Objects/Arrays
  • Modules

  • DOM

  • Events and Listeners
  • Async - non-blocking - callbacks
    • Promises
  • JSON

  • Pull Data

    • AJAX - access data from servers (API Calls)
    • API Services
      • Google APIs
      • Amazon APIs
  • Push Data
    • Forms
      • HTML5
        • Color
        • Date
        • Time
      • Validation
      • Submitting
  • Libraries
    • Build your own library
      • Understand the mechanisms behind jQuery. (Why do I need a library)
    • Design patterns
    • JQuery
  • Advanced topics

    • Testing
    • TypeScript/Dart
    • Build tools
    • Node
    • Virtual DOM
    • Frameworks
    • Progressive Web Apps
  • Projects

    • Variables, Flow, Functions, array
      • Hangman
  • Class

    • Lecture
    • In class labs
  • Readings

  • Videos
  • Lecture
  • Practical

    • In class labs
    • Homework - hosted on github
    • Quizzes
    • Final Project
  • Resource Site

    • Online learning resources
      • Online classes (free and paid)
      • Supplementary materials (Mozilla foundation resources, I can use, JavaScript the good parts)
    • Videos
      • Links to YouTube videos
    • Online quizzes
    • Readings
    • Class notes and presentations
    • Discussion group
    • Resources

Resources

  • Web Engineering - free resources

  • 10 week class

  • Learn how to use JavaScript to make your web pages interactive. Learn all about the DOM. The basics of event programming. How JavaScript works with the DOM. At the end, you'll be able to:
    • Build your own slide show.
    • Create a game in the browser.
    • Validate and submit form data.
    • Access data from servers and submit data to servers.
    • Learn basic project management including version control.

Projects

  • Slide show
  • Games
  • Video Player
  • Form validation
  • API