New Updated Course Outline:

• Live Class #1 In the beginning: Setup your environment
• Live Class #2 Guardian Angels: Troubleshooting JavaScript
• Live Class #3 Sir, Yes Sir: Build a Calculator App
• Live Class #4 Riot: Build a ToDo List App
• Live Class #5 Shakedown: Build a Weather API App
• Live Class #6 Supply and Demand: Build a Meme Generator App
• Live Class #7 Publicity Tour: Write Documentation for Your Code
• Live Class #8 Keep Your Friends Close: How to Open Source on Git & GitHub
• Live Class #9 Stunt Boat Challenge: Testing Your JavaScript Functions
• Live Class #10 The Party: How to Get Involved in Tech

Course Lesson Plan:

Note: Show what can be done first, then add fundamentals without boring them.

Aim for practical, real world project based learning.

Web apps, like Spotify

• Programming Fundamentals 1
• Programming Fundamentals 2
• Vanilla JS: DOM, Event Listener
• Modern Web App: Parcel, NPM, Node
• ReactJS Hello World: State, Props, Hooks
• Calculator App: Forms, Browser Validation
• CRUD App: Create, React, Update, Delete
• API App: Application Programming Interface
• Generator App, Canvas API
• Browser APIs, LocalStorage, Clipboard, Share

Number

Any number typed without quotes is a number data type in JavaScript.

let speed = 60
let age = 21
let year = 1999
let PI = 3.1416
let price = 12.99

You can use the arithmetic operators on numbers:

let total = 100 + 12
let distance = speed * 5
let birthYear = currentYear - age
let average = totalMarks / numberOfSubjects

There are 2 types of number,

Integer

A whole number. Not a fraction.

• All the positive whole numbers from 1, 2, 3, 4.. to Positive Infinity.
• All the negative whole numbers from -1, -2, -3, -4.. to Negative Infinity.
• And zero 0.

JavaScript used 64 bits to store an integer,

• so the positive biggest integer is 9007199254740991
• negative integer is -9007199254740991 (MDN, 2023)

Fractions

A real number represented in decimal: 1.2, 3.1416, 100.2.

JavaScript uses the common Number type to store both Integer and Fractions.

References:

• Number, MDN - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_range_for_number