JavaScript 101

Course Summary

Gain strong foundation in core JavaScript. Learn the basics of what JavaScript is, where its run, through the fundamental syntax, events, requests, all the way to dynamic websites that you can host and share with the world.

10 Sections · 182 Pages · By Ian Currie

  • Level

    Introductory course. Perfect for beginners.

  • Duration

    150 Hours. Or, ~2 months of dedicated learning @ 15-20 hours per week

  • What's included

    88 lessons. 62 videos. 9 quizzes. 100+ code samples. 8 multi-part labs.

  • Certificate

    JavaScript 101 Certificate

Unlock this course

$12/month Core Membership

7-day free trial

Unlock all courses

$29/month Pro Membership

7-day free trial

This course is part of the following career track:

  1. 1) Introduction

    1. Video: Welcome!
      4 min
    2. About JavaScript 101
      20 min
    3. Why Are You Here?
    4. JavaScript's Rapid Rise
      8 min
    5. Resources at Your Disposal
    6. Video: Get Into the Right Mindset
      5 min
    7. Get Into the Right Mindset
    8. Useful Tools For JavaScript 101
      5 min
    9. Labs
    10. Questions: Introduction to JavaScript 101
    11. Quiz: Introduction to JavaScript 101

  2. 2) A Taster of What is to Come

    1. Let's Build Something
    2. First Look at JavaScript Code
      5 min
    3. Video: Basic JavaScript Timer
      7 min
    4. Run JavaScript Interactively in the Browser
      5 min
    5. Labs, Git and GitHub
    6. Essential Tools - Command Line, Git, VSCode and More
      5 min
    7. Get Your JS 101 Labs Project
      4 min
    8. How to Push Your Work to GitHub
      6 min
    9. How to Publish A Web Page With GitHub Pages
      5 min
    10. Video: How to Publish Your Code With GitHub Pages
      10 min
    11. Introduction to Front End Development
    12. What Is Front-End Web Development
      5 min
    13. Learn Basic HTML: Syntax, Tags, and Creating a File
      6 min
    14. Introduction to CSS: Styling the Web
      3 min
    15. How to Add Your First JavaScript to an HTML File
      6 min
    16. Video: What Is Front-End Development
      5 min
    17. Labs
    18. Journal: Introduction to Front-End Web Development
    19. Quiz: Introduction to Front End Development
    20. Lab: Introduction to Front-End Web Development
      3 min
    21. Feedback: Introduction to Front-End Web Development

  3. 3) Learn to Crawl Before You Can Run

    1. Basic Syntax
    2. JavaScript Syntax: Semicolons
      3 min
    3. Video: Javascript Syntax - Semicolons
      5 min
    4. JavaScript Syntax: Whitespace
      4 min
    5. Video: Javascript Syntax - Whitespace
      4 min
    6. JavaScript Syntax: Case-Sensitivity
      3 min
    7. JavaScript Syntax: Comments
      3 min
    8. Video: Javascript Syntax - Comments
      4 min
    9. Variables in JavaScript: Understanding What They Are
      8 min
    10. Video: What is a JavaScript Variable
      5 min
    11. Naming Conventions in JavaScript: For Beginners
      5 min
    12. Video: Camel Case and Other JavaScript Naming Conventions
      4 min
    13. Data Types
    14. Understanding the Difference Between Null and Undefined in JavaScript
      4 min
    15. Video: Javascript Null vs Undefined
      6 min
    16. What is a Boolean in JavaScript
      3 min
    17. Numbers and Mathematical Operators in JavaScript
      11 min
    18. Video: What Is a JavaScript Number
      10 min
    19. Introduction to Strings in JavaScript
      6 min
    20. Video: Javascript Strings
      5 min
    21. JavaScript's Dynamic Typing vs Static Typing
      4 min
    22. Data Coercion in JavaScript: Converting Strings to Numbers
      5 min
    23. Video: Data Coercion - Javascript ParseFloat and ParseInt
      6 min
    24. Labs
    25. Lab: Basic Syntax and Data Types
      3 min
    26. Questions: Basic Syntax and Data Types
    27. Quiz: Basic Syntax and Data Types
    28. Feedback: Basic Syntax and Data Types

  4. 4) Conditionals, Loops and Functions

    1. Conditional Statements
    2. How to Program Logic in JavaScript: Comparison Operators Explained
      5 min
    3. Video: Comparison Operators in Javascript
      7 min
    4. How to Write If Statements in JavaScript: Conditionals
      8 min
    5. The JavaScript Ternary Operator
      3 min
    6. The Logical "and" Operator and Logical "or" Operator in JavaScript
      3 min
    7. Video: What Is a Conditional Statement
      8 min
    8. Loops
    9. JavaScript Iteration: What Is a Loop
      7 min
    10. Understanding JavaScript For Loops: How to Read and Write Them
      7 min
    11. Video: Learn About the JavaScript For Loop
      8 min
    12. Understanding the JavaScript While Loop
      8 min
    13. Video: What Is the Javascript While Loop
      8 min
    14. Functions I
    15. Learn the Basics of JavaScript Functions
      5 min
    16. Video: Learn the Basics of JavaScript Functions
      6 min
    17. Understanding JavaScript Function Arguments and Parameters
      4 min
    18. The Return Statement in JavaScript: Why it Matters
      11 min
    19. Video: What Is the Javascript Function Return Statement
      9 min
    20. Anonymous Functions and Function Expressions in JavaScript
      13 min
    21. Video: What Are Anonymous Functions in Javascript
      7 min
    22. Introduction to JavaScript Dot Notation and Methods
      4 min
    23. Labs
    24. Lab: Conditional Statements, Loops and Functions
      3 min
    25. Questions: Conditional Statements, Loops and Functions
    26. Quiz: Conditional Statements, Loops and Functions
    27. Feedback: Conditional Statements, Loops and Functions

  5. 5) Arrays, Objects and Useful Tools

    1. Arrays
    2. Introduction to JavaScript Arrays
      10 min
    3. Indexing JavaScript Arrays
      13 min
    4. Video: How to Read and Manipulate a JavaScript Array
      7 min
    5. JavaScript Array Length: The .length property
      8 min
    6. Video: Learn Some Javascript Array Methods
      4 min
    7. How to Insert, Delete or Replace Array Items: JavaScript's .splice()
      13 min
    8. JavaScript Array Essentials: Using pop, push, shift, and unshift
      11 min
    9. Video: Add and Delete Array Items
      6 min
    10. More About Your Tools
    11. Browser Developer Tools: The Elements Tab
      4 min
    12. Video: Developer Tools - Elements
      5 min
    13. Browser Developer Tools: The Console
      4 min
    14. Video: Developer Tools - Console
      5 min
    15. Browser Developer Tools: The Sources Tab
      3 min
    16. Video: Developer Tools - Sources
      9 min
    17. Install VS Code and Extensions
      5 min
    18. Video: Text Editor - Install VSCode Extensions
      8 min
    19. Video: VSCode Development Setup
      6 min
    20. Objects
    21. Introduction to JavaScript Objects
      23 min
    22. Referencing JavaScript Object Properties
      13 min
    23. Video: What Is a Javascript Object
      9 min
    24. Understanding Methods vs Functions in JavaScript
      12 min
    25. Video: Working With JavaScript Objects
      6 min
    26. JavaScript's Standard Built-in Objects and the Global Object
      11 min
    27. Video: Javascript Objects - Native Objects
      8 min
    28. JSON in JavaScript: What it is, How to Use it
      6 min
    29. Video: What is JSON (JavaScript Object Notation)
      5 min
    30. Introduction to Object Instantiation in JavaScript
      12 min
    31. Introduction to the JavaScript Date Object
      20 min
    32. Video: What Is a JS Date Object
      8 min
    33. Labs
    34. Lab: Arrays, Objects and Useful Tools
      3 min
    35. Quiz: Arrays, Objects and Useful Tools
    36. Questions: Arrays, Objects and Useful Tools
    37. Feedback: Arrays, Objects and Useful Tools

  6. 6) Advanced Arrays, Strings and Functions

    1. Arrays & Strings
    2. Strings vs Arrays in JavaScript
      7 min
    3. JavaScript Array to String and String to Array
      14 min
    4. Video: Javascript Array to String Conversion
      5 min
    5. What Are Regular Expressions (Regex)
      4 min
    6. Video: What Are Regular Expressions (Regex)
      7 min
    7. How to Match a String in JavaScript
      22 min
    8. How to Replace Strings in JavaScript
      19 min
    9. VIDEO: How to Replace Strings Using Regex
      6 min
    10. Functions II
    11. The Basics of Scope in JavaScript
      15 min
    12. VIDEO: Learn About Variable Scope
      7 min
    13. Higher-Order Functions in JavaScript
      15 min
    14. Video: What Are Higher-Order Functions
      7 min
    15. Basics of Arrow Functions in JavaScript
      13 min
    16. Video: What Are Javascript Arrow Functions
      6 min
    17. JavaScript .forEach() for Array Iteration
      11 min
    18. Video: What Is the Javascript ForEach Method
      9 min
    19. Labs
    20. Lab: Advanced Arrays, Strings and Functions
      3 min
    21. Journal: Advanced Arrays, Strings and Functions
    22. Quiz: Advanced Arrays, Strings and Functions
    23. Feedback: Advanced Arrays, Strings and Functions

  7. 7) The Document Object Model

    1. Manipulating the DOM
    2. Understanding the JavaScript DOM
      12 min
    3. Video: The DOM and Javascript
      4 min
    4. Select DOM Elements Using JavaScript
      18 min
    5. Video: How to Select DOM Elements Using Javascript Selectors
      5 min
    6. Change Text of DOM Elements with JavaScript
      11 min
    7. Video: Learn About Javascript DOM Manipulaiton
      5 min
    8. Create and Place New DOM Elements with JavaScript
      21 min
    9. Video: How to Create DOM Elements
      6 min
    10. Change CSS Styles With JavaScript
      22 min
    11. Video: How to Create a Web Page With Javascript
      4 min
    12. Events
    13. Video: What Are Javascript Events
      4 min
    14. Introduction to JavaScript Events and Listeners
      29 min
    15. Video: What Are Javascript Event Listeners
      7 min
    16. Video: Learn About the Javascript Event Object
      5 min
    17. Event Propagation
    18. Event Propagation in JavaScript
      14 min
    19. Video: What Is Event Propagation
      4 min
    20. Video: Example of Javascript Event Propagation
      5 min
    21. Labs
    22. Lab: The DOM and Events
      3 min
    23. Journal: The DOM and Events
    24. Quiz: The DOM and Events
    25. Feedback: The DOM and Events

  8. 8) Connecting to the Wider Web

    1. Working with APIs
    2. Video: What Is an HTTP Request
      3 min
    3. What Is an API (Application Programming Interface)
      3 min
    4. What Is a Restful API
      10 min
    5. Video: What Is an API (Application Programming Iinterface)
      5 min
    6. Requests
    7. Understanding Asynchronicity in JavaScript
      13 min
    8. Video: Javascript Synchronicity and Runtime
      5 min
    9. JavaScript XMLHttpRequest
      8 min
    10. Video: What Is an XHR - XML HTTP Request
      6 min
    11. Video: Extended Javascript HTTP Requests
      4 min
    12. What Is the Pyramid of Doom in JavaScript
      4 min
    13. Try Catch
    14. JavaScript Error Catching and Throwing
      12 min
    15. Video: How to Handle Errors With the Javascript Try...Catch Block
      4 min
    16. Lab: Requests and Error Handling
      3 min
    17. Quiz: Requests and Error Handling
    18. Journal: Requests and Error Handling
    19. Feedback: Requests and Error Handling

  9. 9) Modern Requests

    1. Promises
    2. Understanding JavaScript Promises for Asynchronous Programming
      20 min
    3. Video: What Is a Javascript Promise
      14 min
    4. JavaScript Fetch API: Introduction
      10 min
    5. Video: How to Use the Javascript Fetch Method
      7 min
    6. Async Await
    7. Understanding Async Await in JavaScript
      11 min
    8. Video: How to Use Async Await
      6 min
    9. Lab: Promises, Fetch and Async Await
      3 min
    10. Journal: Promises, Fetch and Async Await
    11. Quiz: Promises, Fetch and Async Await
    12. Feedback: Promises, Fetch and Async Await

  10. 10) Capstone Project & Certificate Request

    1. The Capstone Project
    2. Video: Your Capstone Project
      6 min
    3. Your Capstone Project
      3 min
    4. Thank You and Farewell
    5. Goodbye
      4 min
    6. Video: Goobye
      2 min
    7. What Now?
    8. Request Course Completion Certificate
      3 min
    9. Different Ways to Apply Your Skills
      9 min
    10. Feedback: JavaScript 101
    11. Request Completion Certificate