• CodingNomads

    • Catalog

      Courses

      Java 101 Java 201 Java 301 Spring Framework SQL & Databases Git & GitHub
      Python 101 Python 201 Python 301 Django Framework Flask Framework Data Structures & Algorithms
      Data Science & Machine Learning Deep Learning & AI NumPy - Scientific Computing JavaScript 101 JavaScript 201 Bash & CLI

      Career Tracks

      Java Enterprise Data Science + ML + AI Python Web Development

      Explore all courses in our catalog

      Not sure where to start?

      Take the Quiz

    • Learn with us
      Membership Mentorship Events Career Coaching
    • For Companies
    • Discord
    • Pricing
    • More
      Search Blog Contact
    • Join
    • Log in
  • Login or Join Search Catalog Membership Mentorship Discord Blog Events Pricing Career Coaching For Companies Contact

JavaScript 101

Course outline

  1. 1) Introduction
    1. Video: Welcome!
    2. About JavaScript 101
    3. Why Are You Here?
    4. JavaScript's Rapid Rise
    5. Resources at Your Disposal
    6. Video: Get Into the Right Mindset
    7. Get Into the Right Mindset
    8. Useful Tools For JavaScript 101
    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
    3. Video: Basic JavaScript Timer
    4. Run JavaScript Interactively in the Browser
    5. Labs, Git and GitHub
    6. Essential Tools - Command Line, Git, VSCode and More
    7. Get Your JS 101 Labs Project
    8. How to Push Your Work to GitHub
    9. How to Publish A Web Page With GitHub Pages
    10. Video: How to Publish Your Code With GitHub Pages
    11. Introduction to Front End Development
    12. What Is Front-End Web Development
    13. Learn Basic HTML: Syntax, Tags, and Creating a File
    14. Introduction to CSS: Styling the Web
    15. How to Add Your First JavaScript to an HTML File
    16. Video: What Is Front-End Development
    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
    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. Video: Javascript Syntax - Semicolons
    4. JavaScript Syntax: Whitespace
    5. Video: Javascript Syntax - Whitespace
    6. JavaScript Syntax: Case-Sensitivity
    7. JavaScript Syntax: Comments
    8. Video: Javascript Syntax - Comments
    9. Variables in JavaScript: Understanding What They Are
    10. Video: What is a JavaScript Variable
    11. Naming Conventions in JavaScript: For Beginners
    12. Video: Camel Case and Other JavaScript Naming Conventions
    13. Data Types
    14. Understanding the Difference Between Null and Undefined in JavaScript
    15. Video: Javascript Null vs Undefined
    16. What is a Boolean in JavaScript
    17. Numbers and Mathematical Operators in JavaScript
    18. Video: What Is a JavaScript Number
    19. Introduction to Strings in JavaScript
    20. Video: Javascript Strings
    21. JavaScript's Dynamic Typing vs Static Typing
    22. Data Coercion in JavaScript: Converting Strings to Numbers
    23. Video: Data Coercion - Javascript ParseFloat and ParseInt
    24. Labs
    25. Lab: Basic Syntax and Data Types
    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
    3. Video: Comparison Operators in Javascript
    4. How to Write If Statements in JavaScript: Conditionals
    5. The JavaScript Ternary Operator
    6. The Logical "and" Operator and Logical "or" Operator in JavaScript
    7. Video: What Is a Conditional Statement
    8. Loops
    9. JavaScript Iteration: What Is a Loop
    10. Understanding JavaScript For Loops: How to Read and Write Them
    11. Video: Learn About the JavaScript For Loop
    12. Understanding the JavaScript While Loop
    13. Video: What Is the Javascript While Loop
    14. Functions I
    15. Learn the Basics of JavaScript Functions
    16. Video: Learn the Basics of JavaScript Functions
    17. Understanding JavaScript Function Arguments and Parameters
    18. The Return Statement in JavaScript: Why it Matters
    19. Video: What Is the Javascript Function Return Statement
    20. Anonymous Functions and Function Expressions in JavaScript
    21. Video: What Are Anonymous Functions in Javascript
    22. Introduction to JavaScript Dot Notation and Methods
    23. Labs
    24. Lab: Conditional Statements, Loops and Functions
    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
    3. Indexing JavaScript Arrays
    4. Video: How to Read and Manipulate a JavaScript Array
    5. JavaScript Array Length: The .length property
    6. Video: Learn Some Javascript Array Methods
    7. How to Insert, Delete or Replace Array Items: JavaScript's .splice()
    8. JavaScript Array Essentials: Using pop, push, shift, and unshift
    9. Video: Add and Delete Array Items
    10. More About Your Tools
    11. Browser Developer Tools: The Elements Tab
    12. Video: Developer Tools - Elements
    13. Browser Developer Tools: The Console
    14. Video: Developer Tools - Console
    15. Browser Developer Tools: The Sources Tab
    16. Video: Developer Tools - Sources
    17. Install VS Code and Extensions
    18. Video: Text Editor - Install VSCode Extensions
    19. Video: VSCode Development Setup
    20. Objects
    21. Introduction to JavaScript Objects
    22. Referencing JavaScript Object Properties
    23. Video: What Is a Javascript Object
    24. Understanding Methods vs Functions in JavaScript
    25. Video: Working With JavaScript Objects
    26. JavaScript's Standard Built-in Objects and the Global Object
    27. Video: Javascript Objects - Native Objects
    28. JSON in JavaScript: What it is, How to Use it
    29. Video: What is JSON (JavaScript Object Notation)
    30. Introduction to Object Instantiation in JavaScript
    31. Introduction to the JavaScript Date Object
    32. Video: What Is a JS Date Object
    33. Labs
    34. Lab: Arrays, Objects and Useful Tools
    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
    3. JavaScript Array to String and String to Array
    4. Video: Javascript Array to String Conversion
    5. What Are Regular Expressions (Regex)
    6. Video: What Are Regular Expressions (Regex)
    7. How to Match a String in JavaScript
    8. How to Replace Strings in JavaScript
    9. VIDEO: How to Replace Strings Using Regex
    10. Functions II
    11. The Basics of Scope in JavaScript
    12. VIDEO: Learn About Variable Scope
    13. Higher-Order Functions in JavaScript
    14. Video: What Are Higher-Order Functions
    15. Basics of Arrow Functions in JavaScript
    16. Video: What Are Javascript Arrow Functions
    17. JavaScript .forEach() for Array Iteration
    18. Video: What Is the Javascript ForEach Method
    19. Labs
    20. Lab: Advanced Arrays, Strings and Functions
    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
    3. Video: The DOM and Javascript
    4. Select DOM Elements Using JavaScript
    5. Video: How to Select DOM Elements Using Javascript Selectors
    6. Change Text of DOM Elements with JavaScript
    7. Video: Learn About Javascript DOM Manipulaiton
    8. Create and Place New DOM Elements with JavaScript
    9. Video: How to Create DOM Elements
    10. Change CSS Styles With JavaScript
    11. Video: How to Create a Web Page With Javascript
    12. Events
    13. Video: What Are Javascript Events
    14. Introduction to JavaScript Events and Listeners
    15. Video: What Are Javascript Event Listeners
    16. Video: Learn About the Javascript Event Object
    17. Event Propagation
    18. Event Propagation in JavaScript
    19. Video: What Is Event Propagation
    20. Video: Example of Javascript Event Propagation
    21. Labs
    22. Lab: The DOM and Events
    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. What Is an API (Application Programming Interface)
    4. What Is a Restful API
    5. Video: What Is an API (Application Programming Iinterface)
    6. Requests
    7. Understanding Asynchronicity in JavaScript
    8. Video: Javascript Synchronicity and Runtime
    9. JavaScript XMLHttpRequest
    10. Video: What Is an XHR - XML HTTP Request
    11. Video: Extended Javascript HTTP Requests
    12. What Is the Pyramid of Doom in JavaScript
    13. Try Catch
    14. JavaScript Error Catching and Throwing
    15. Video: How to Handle Errors With the Javascript Try...Catch Block
    16. Lab: Requests and Error Handling
    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
    3. Video: What Is a Javascript Promise
    4. JavaScript Fetch API: Introduction
    5. Video: How to Use the Javascript Fetch Method
    6. Async Await
    7. Understanding Async Await in JavaScript
    8. Video: How to Use Async Await
    9. Lab: Promises, Fetch and Async Await
    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
    3. Your Capstone Project
    4. Thank You and Farewell
    5. Goodbye
    6. Video: Goobye
    7. What Now?
    8. Request Course Completion Certificate
    9. Different Ways to Apply Your Skills
    10. Feedback: JavaScript 101
    11. Request Completion Certificate

Don't lose your work!

Create a free account to track your progress, so you won't miss a thing.

Join for free

Unlock everything

Access all coding, AI, and data science courses, plus videos, IDEs, interactive lessons, and Discord support!

Learn more

Page Contents

  1. Introduction
  2. Download Coding Exercises ("Labs")
  3. Organize Your Files
  4. Open Labs Project in Visual Studio Code (VSCode)
  5. Summary: Get Your Labs
Ask a question on Discord
2) A Taster of What is to Come Lesson Preview

Get Your JS 101 Labs Project
Copy Link LinkedIn Message Facebook Email X

4 min to complete · By Ian Currie

Contents

  1. Introduction
  2. Download Coding Exercises ("Labs")
  3. Organize Your Files
  4. Open Labs Project in Visual Studio Code (VSCode)
  5. Summary: Get Your Labs

This content is available when you log in.

Log In for Free

Previous Next → How to Push Your Work to GitHub

Create an account and start building AI-ready tech skills

Login
  • Beginner - Intermediate Courses

  • Java Programming
  • Python Programming
  • JavaScript Programming
  • Git & GitHub
  • SQL + Databases
  • Intermediate - Advanced Courses

  • Spring Framework
  • Data Science + Machine Learning
  • Deep Learning with Python
  • Django Web Development
  • Flask Web Development
  • Career Tracks

  • Java Engineering Career Track
  • Python Web Dev Career Track
  • Data Science / ML Career Track
  • Career Services
  • Resources

  • About CodingNomads
  • Corporate Partnerships
  • Contact us
  • Blog
  • Discord
  • Youtube
  • Instagram
  • Twitter
  • LinkedIn
  • Facebook

© 2016-2026 CodingNomads LLC

All Rights Reserved

admin@codingnomads.com

Contact

Privacy Policy

Terms of Use

Acceptable Use Policy

Disclaimer

DSAR

Consent Preferences

Cookie Policy