Skip to main content

JavaScript Programming Bootcamp

Noble Desktop logo via Noble Desktop Affiliated with Course Report

Develop the programming foundation behind interactive web applications in Noble Desktop's JavaScript Programming Bootcamp. The course examines the language's data types, logic, functions, and objects through coding practice. This foundation supports later study in frameworks and server-side JavaScript, where understanding how the language behaves becomes particularly important.

What's included with live classes

  • Free course retake within one year to refresh the material and gain practice.
  • Course workbook
  • Class recordings

Overview

Modern web applications must be optimized to handle large amounts of fast-moving data. How do we do this with JavaScript? In this course, you’ll learn how JavaScript works and begin coding web applications.

Prerequisites

Students should feel comfortable coding HTML and basic CSS. You should have knowledge equivalent to our Web Development with HTML & CSS class.

Topics included

Compare live and self-paced learning

Schedule & enrollment

Find dates that fit your schedule, then book on Noble Desktop.

Book live on Noble Desktop
Live tuition
$2,495
Course length
120 hours

All class times are Eastern (ET).

  • Dates

    –

    Class time

    Starts at 10am ET

    Final session ends at 5pm ET

    Attend

    In-person or live online

  • Dates

    –

    Class time

    Starts at 10am ET

    Final session ends at 5pm ET

    Attend

    In-person or live online

  • Dates

    –

    Class time

    Starts at 10am ET

    Final session ends at 5pm ET

    Attend

    In-person or live online

Confirm current dates and availability on Noble Desktop before booking. Enrollment opens in a new tab.

Self-paced tuition & enrollment

Learn through recorded lessons on your own schedule.

Tuition
$2,495
Course length
120 hours
Format
Self-paced online

This course is available for 30 days. You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.

Prefer to enroll directly? Open the course website.

Curriculum

What you'll learn

  • Fundamentals of JavaScript programming from the ground up
  • Variables, conditional logic (if-else), arrays, objects, and loops
  • Modern ES6+ features, including arrow functions, let, and const
  • Functions, parameters, arguments, and return values
  • Higher-order functions and callbacks
  • Array and string methods
  • Asynchronous JavaScript with promises and async-await
  • APIs (Application Programming Interfaces)
  • Parsing and working with JSON (JavaScript Object Notation) data
  • OOP (Object-Oriented Programming) and modules
  • Coding interview challenge prep
  • Projects and portfolio development
  • JavaScript libraries

Course syllabus

Variables

  • Strings, numbers, booleans; var vs let
  • NaN, Number() method, null, error messages
  • Nested quotes string concatenation / Interpolation
  • Math object, math operators, random numbers

Conditional Logic

  • If / else if / else; block scoped variables
  • Nested logic; truthy / falsey values
  • Ternary expressions; switch-case-break
  • Date-Object; the “new” keyword

Functions and the DOM (Document Object Model)

  • Function parameters / arguments; return values
  • DOM (Document Object Model) events
  • DOM Project: Log In form
  • DOM Project: Restaurant Bill Calculator form
  • DOM Project: Signup form
  • Hoisting; function expressions; anonymous functions
  • DOM Project: Apartment Rent Estimator form
  • Keyboard events; setting CSS with JS
  • DOM Project: Mystery Number Guessing Game

Arrays and Objects

  • Arrays: item index; nested arrays
  • Objects: the “const” keyword; properties; nested objects
  • Array Methods: push(), pop(), sort(), splice(), et al
  • String methods: replace(), includes(), charAt(), et al

Loops

  • For Loops; iterating (looping) arrays
  • Looping Arrays of Objects
  • While / Do While Loops, Nested Loops
  • DOM Project: Making deck of cards & dealing hand
  • Passing arrays to functions
  • Classic Coding Interview Questions / Challenges

Creating DOM Elements Dynamically

  • Creating elements: createElement(), appendChild()
  • DOM Project: Chinese Zodiac Animals; Audio()
  • DOM Project: Password Generator
  • DOM Project: Lottery Ticket Generator
  • Dynamically adding properties to Arrays of objects
  • DOM Project: Sort Movies by Title, Year and Duration

Array Callbacks & Arrow Functions

  • Callbacks: Functions that take functions as arguments
  • Array Callback Methods: map(), filter(); method chaining
  • Arrow => Functions
  • forEach() method, instead of a for loop
  • reduce() method

Timer for Calling Functions and Animation

  • setInterval() runs a callback function repeatedly on a delay
  • setTimeout() runs a callback function once only on a delay
  • DOM Project: Update Digital Clock every Second
  • DOM Project: Coffee Site with Animated “Clock-Guy” Hands
  • DOM Project: Deal Hands of Poker & Blackjack on Timer

Asynchronous Events & APIs

  • Synchronous vs Asynchronous Events
  • JSON (JavaScript Object Notation); parse & stringify
  • DOM Project: Lyric Search API; Promises
  • DOM Project: Cryptocurrency Prices API; Async-Await
  • Adding a Search Box to Website to Filter API Request

OOP (Object Oriented Programming)

  • Function Objects; Prototype
  • “Class” keyword; constructor() method; private vs public
  • DOM Project: OOP Memory Game, Pt 1
  • DOM Project: OOP Memory Game, Pt 2
  • Modules: Exporting and Importing Classes

Self-paced course

Learn through recorded lessons on your own schedule.

This course is available for 30 days. You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.

View self-paced tuition & enrollment

Today's web applications need to handle huge volumes of fast-moving data without breaking a sweat. So how does JavaScript pull that off? In this course, you'll explore how JavaScript actually works and start coding web applications of your own.

Self-paced prerequisites

Students should feel comfortable coding HTML and basic CSS. You should have knowledge equivalent to our Web Development with HTML & CSS class.

Self-paced curriculum

What you'll learn self-paced

  • JavaScript programming fundamentals from the ground up, including variables, conditional logic (if-else), arrays, objects, and loops
  • Modern ES6+ features such as arrow functions, let, and const
  • Functions, parameters, arguments, return values, plus higher-order functions and callbacks
  • Array methods, string methods, and parsing JSON (JavaScript Object Notation) data
  • Asynchronous JavaScript using promises and async-await
  • APIs (Application Programming Interfaces) and JavaScript libraries
  • OOP (Object-Oriented Programming) and modules
  • Coding interview challenge prep alongside projects and portfolio development
Self-paced syllabus

Variables

  • Strings, numbers, booleans; var vs let
  • NaN, Number() method, null, error messages
  • Nested quotes string concatenation / Interpolation
  • Math object, math operators, random numbers

Conditional Logic

  • If / else if / else; block scoped variables
  • Nested logic; truthy / falsey values
  • Ternary expressions; switch-case-break
  • Date-Object; the “new” keyword

Functions and the DOM (Document Object Model)

  • Function parameters / arguments; return values
  • DOM (Document Object Model) events
  • DOM Project: Log In form
  • DOM Project: Restaurant Bill Calculator form
  • DOM Project: Signup form
  • Hoisting; function expressions; anonymous functions
  • DOM Project: Apartment Rent Estimator form
  • Keyboard events; setting CSS with JS
  • DOM Project: Mystery Number Guessing Game

Arrays and Objects

  • Arrays: item index; nested arrays
  • Objects: the “const” keyword; properties; nested objects
  • Array Methods: push(), pop(), sort(), splice(), et al
  • String methods: replace(), includes(), charAt(), et al

Loops

  • For Loops; iterating (looping) arrays
  • Looping Arrays of Objects
  • While / Do While Loops, Nested Loops
  • DOM Project: Making deck of cards & dealing hand
  • Passing arrays to functions
  • Classic Coding Interview Questions / Challenges

Creating DOM Elements Dynamically

  • Creating elements: createElement(), appendChild()
  • DOM Project: Chinese Zodiac Animals; Audio()
  • DOM Project: Password Generator
  • DOM Project: Lottery Ticket Generator
  • Dynamically adding properties to Arrays of objects
  • DOM Project: Sort Movies by Title, Year and Duration

Array Callbacks & Arrow Functions

  • Callbacks: Functions that take functions as arguments
  • Array Callback Methods: map(), filter(); method chaining
  • Arrow => Functions
  • forEach() method, instead of a for loop
  • reduce() method

Timer for Calling Functions and Animation

  • setInterval() runs a callback function repeatedly on a delay
  • setTimeout() runs a callback function once only on a delay
  • DOM Project: Update Digital Clock every Second
  • DOM Project: Coffee Site with Animated “Clock-Guy” Hands
  • DOM Project: Deal Hands of Poker & Blackjack on Timer

Asynchronous Events & APIs

  • Synchronous vs Asynchronous Events
  • JSON (JavaScript Object Notation); parse & stringify
  • DOM Project: Lyric Search API; Promises
  • DOM Project: Cryptocurrency Prices API; Async-Await
  • Adding a Search Box to Website to Filter API Request

OOP (Object Oriented Programming)

  • Function Objects; Prototype
  • “Class” keyword; constructor() method; private vs public
  • DOM Project: OOP Memory Game, Pt 1
  • DOM Project: OOP Memory Game, Pt 2
  • Modules: Exporting and Importing Classes

Course Reviews

No reviews yet

Be the first to share your experience with this course

Write the First Review

Is this course right for you?

Choose this course to strengthen JavaScript programming itself. If your goal is a complete development pathway that also includes application frameworks, server-side work, and deployment, compare the JavaScript Development Certificate before choosing your scope.

Find the path that fits your
career goals

Sign up for bootcamp advice

Enter your email to join our newsletter community.

By submitting this form, you agree to receive email marketing from Course Report.