The Complete JavaScript Bootcamp

Master JavaScript basics, a browser language that runs in the client to create interactive web pages by manipulating the DOM and HTML, including variables, arrays, functions, objects, and events.

Learn to set up a basic HTML and JavaScript page, create a hello button that alerts, and explore three JavaScript placement options: inline, script tag in head, and external file.

Learn how to work with numbers in JavaScript using the console, perform arithmetic, modulo, and order of operations, and explore the math and number objects with constants, functions, and NaN.

Explore variables in JavaScript by declaring and assigning values in the console, using var, practicing arithmetic, and mastering naming rules, case sensitivity, and reserved keywords.

Learn to declare strings in JavaScript with single or double quotes, use escape sequences for quotes and apostrophes, and concatenate while checking length.

Explore string manipulation in JavaScript with charAt, indexOf, lastIndexOf, slice, substring, toUpperCase, toLowerCase, replace, and split, highlighting zero-based indexing and cross-browser best practices.

Discover how to initialize and manipulate arrays in JavaScript, including mixed types and nested arrays. Access elements with zero-based indexing, use length, and apply push, splice, pop, and sort.

Learn to define reusable JavaScript functions, pass arguments, return values, and test them via the console and on-page alerts.

Learn how objects group data and behavior in JavaScript, create bank account objects with properties and methods like deposit and withdraw, and use a constructor with new to generate accounts.

Master conditionals in code, including if statements with else and else if, and the switch statement with cases and break. Understand boolean expressions and the ternary-style assignment that yield values.

Explore looping in JavaScript by comparing while, do-while, and for loops, showing how each iterates until a condition is met, including array iteration and at least once execution.

Master error handling in JavaScript by throwing and catching errors, validating numeric input, and using try-catch-finally to manage non-numeric and negative values during calculations.

Learn to use the dom to locate elements with getElementById, getElementsByClassName, getElementsByTagName, and getElementsByName, then read inputs, update text, and add or remove elements.

learn to handle javascript events by counting clicks on a title, updating element text, and responding to hover and page load with event listeners and the event target.

Build a function calculator that computes sine and cosine of x, validates input with clear error messages, and enables adding new functions by simple HTML attributes.

Explore how selectors target page elements using the dollar sign function, and experiment with tag name, id, class, descendant, first, first-child, even, odd, attribute, and universal selectors.

Explore JavaScript events by handling page ready, click, double click, hover with mouse enter and leave, keyboard input, and focus and blur to update styles and log actions.

Explore techniques for manipulating visual properties with hide, show, toggle, fade, and slide effects. Learn about durations, callbacks, and chaining animations to build responsive interfaces.

Learn to create animations using the animate method triggered by a button click, manipulate CSS properties like font size, margins, opacity, and positioning with camelCase, control speed, and use callbacks.

Learn to manipulate the browser DOM with JavaScript by selecting elements, retrieving and setting text and attributes, and dynamically updating content and structure.

Learn to manipulate the page with jQuery by adding and removing list items, counting children, creating elements, setting text, and appending or removing items via buttons.

Explore dom traversal with jQuery, using methods like children, filter, siblings, next, nextUntil, prev, prevUntil, parents, first, last, and eq to select, filter, and navigate elements.

Build an Ajax request to the FAA airport status service using jQuery to fetch JSON data for a given airport code, then display city, weather, and temperature in page elements.

Explore using the Ajax function to enhance requests with GET and POST, implement success and error handlers, add headers, and configure timeouts to gracefully handle server errors.

Demonstrates a very simple angular hello world page, showing ng-app, ng-model and angular expressions that bind input to output in real time without page reload.

Explore angular expressions and ng-model binding to two numeric inputs, and display their sum and product using double curly braces.

Abstract the controller into a module and bind number inputs with ng-model, using a main controller alias to compute sum and product and separate view from logic.