Essential JavaScript, jQuery and AngularJS Training

Explore primitive data types in JavaScript, declare and assign variables with the var statement and assignment operator, follow camelCase naming, and print results with document.write using strings and numbers.

Explore undefined, null, and boolean values in JavaScript, and learn how the type of operator reveals a variable’s datatype while using document.write to display results.

Explore JavaScript operators, including arithmetic, modulo, increment, and compound operators, learn the order of operations, and examine logical and comparison operators like ==, ===, !=, !==, >, <, >=, +<=

Explore JavaScript strings, including concatenation with the plus operator and converting values with an empty string. Use boolean evaluation and escape characters, and methods like toUpperCase, toLowerCase, slice, and charAt.

Explore JavaScript numbers, including whole and decimal values, negative numbers, exponents, hex and octal notation, infinity and NaN, and methods like toFixed, toPrecision, seal, floor, min, max, round, and random.

Explore how conditional statements evaluate true or false to decide which code blocks to run, covering if statements, else if, else, switch statements, and the ternary operator with practical examples.

Master the three core JavaScript loops—while, do while, and for—by learning initialization, conditions, increments, and termination through practical examples.

Explore the concept of nested for loops, where an outer loop contains an inner loop with identical initialization, condition, and iteration parameters, triggering four inner iterations per outer pass.

Explore arrays as variables that store multiple data items and access each one with a zero-based index, such as the first value at index 0.

discover essential array methods in JavaScript, such as length, concat, splice, sort, reverse, pop, shift, slice, push, and toString, and learn how they manipulate arrays.

Learn to loop through arrays with a for loop, access index values via array.length, and use conditional logic to handle existing or new items, demonstrated with a skateboard companies array.

learn how functions package code to enable reuse and hide complexity through abstraction. discover the five parts: declaration, name, parameters, code block, and return, plus how to invoke with arguments.

Explore global scope and function scope in JavaScript, and how functions access data from higher scopes. Pass data between functions using a higher-scope variable or array, and prefix with var.

Explain how the return statement can be omitted, demonstrate variable declaration versus initialization, and illuminate variable hoisting by moving declarations to the top of the scope.

Explore how functions act like variables by treating them as data through function declarations and function expressions, and compare hoisting and execution order with practical examples.

Explore anonymous functions and immediately invoked function expressions, learn their syntax, and see how they create isolated scope and encapsulation to keep code modular.

Explore callback functions by using a function as an argument, invoking a host function, and using anonymous callbacks with simple math calc and an alert example.

Learn how functions can return other functions, capturing the outer function's arguments and scope, and how to invoke the returned inner function within its environment.

Explore how closures let inner functions remember the outer state. Wrap code in a function to avoid globals and use a returned inner function to access and update captured state.

Explore JavaScript objects as containers for data with key-value pairs, properties, and methods; use dot notation to access, add, extend, overwrite, or delete members.

Learn how copying objects differs from copying variables, using copying by reference versus by value, and create hard copies with Object.create to test reference equality.

Explore the this keyword as a pointer to objects in methods, and learn to connect functions to objects, use strict mode, and apply, call, and bind for invocation.

Explains how this can misbehave in nested functions inside an object, producing undefined. Shows how to fix it using the call method or by saving this to a variable.

Learn how constructors and factory functions create objects and pseudo classes in JavaScript, using prototype methods, the new keyword, and inheritance patterns.

Learn the module pattern to encapsulate code and structure a JavaScript application. Build a quiz module with a self-invoking function, init method, and startQuiz logic.

Learn to manipulate web page content with javascript by creating elements (paragraph, form input, div) via document.createElement and appendChild, and add text nodes using the DOM.

Learn to select and modify DOM elements using type, class, and ID selectors, access elements as arrays via get elements by tag name and get elements by class name, loop to apply changes, and update CSS attributes.

Learn how dom events enable interactive web apps by using event handlers and event listeners for clicks, focus, keyboard and mouse actions, and master capturing, bubbling, and stop propagation.

Create a JavaScript form, capture input on submit, and store values in a variable or array. Display results with innerHTML and compute item totals with tax.

Explore selecting DOM elements by child, parent, and sibling relationships using childNodes, children, firstChild, nextElementSibling, and querySelector to target by id or class while avoiding whitespace text nodes.

Discover how browser inconsistencies affect the DOM and how libraries like jQuery, MooTools, Dojo, and Scriptaculous simplify cross-browser effects and animations.

Invite students to rate the course with a five-star review, leave comments, and provide feedback to help improve the training material.

Learn how to build a hello world page with jQuery by using the document ready event, selecting a div by id, and appending content while noting cross-browser dom handling.

Watch this video to gain essential information for a successful training experience; access downloadable instructor files, learn to unzip them, and adjust video quality, speed, and reviews.

Master jQuery selectors and the dollar-sign shorthand to target elements by tag, class, and id, and update text or HTML content across items with real examples.

Learn to render HTML as is or as plain text using jQuery's html and text functions, and display code with a pre element to show rendering differences.

Learn to select and modify list items using first, last, and greater-than modifiers, with zero-based indexing in the DOM.

Master jQuery events by binding actions such as click, double-click, bind, and blur. Use document ready to initialize interactions that update the dom and demonstrate closures.

Explore jQuery show and hide effects on web page elements, using selectors and click events to toggle display, and control animation timing with duration, easing, and callbacks.

Learn to build a jQuery-driven tool that uses dropdowns to select a shape and color, then on click appends styled shapes to an output area.

Learn how to traverse and filter the DOM with jQuery by wiring checkbox events, cloning labels, and dynamically outputting selected fruits to a dedicated div.

Master advanced jQuery features and use browser developer tools—inspect element, network, and console—to build, debug, and simulate devices and network speeds.

Capture mouse clicks with jQuery to draw squares on a canvas using two clicks, tracking start and end coordinates and rendering each square as a styled div.

Learn to record on-screen mouse movements using a JavaScript object literal and a data array, then playback with timed updates and a visible cursor.

Learn how to integrate jQuery UI to build drag-and-drop, colorize images, and create interactive widgets with draggable regions and droppable targets, all with minimal code.

Implement a jQuery UI dialog for a login form with modal, draggable behavior, and a close button; handle before close and after close callbacks for cleanup.

Explore configuring the J-curve UI date picker widget to customize the text input feel, formats, min/max ranges, multi-month displays, and helpful controls like a button panel and change-month dropdown.

Explore how jQuery UI effects empower rich web interfaces by animating yes and no dialogs with bounce and shake, duration controls, and completion callbacks for clear user feedback.

Explore plugins for jQuery and AngularJS to add file upload components, auto-resizing form fields, tags, image galleries, and a validation framework, with a downloadable zip file and live demos.

Explore how AngularJS uses MVC principles to build a simple app with JSFiddle, showcasing two-way data binding and an input model that mirrors text in real time.

Explore data binding in Angular by using ng-model to synchronize form inputs, checkboxes, and validation messages, and learn how Angular expressions and directives control what the user sees.

Build a small Angular age guesser app that binds user input to a live greeting and a random age using a controller and scope, with a retry button.

Demonstrate displaying multiple records with Angular by building a bank balances app, using ng-repeat to render users and applying currency and orderBy filters to format and sort data.

Explore angular scope binding by adding new users to a live list; push into an array updates the dom automatically and keeps the list sorted by balance.

Explore scope binding in AngularJS by implementing a delete feature for a collection, using an index to remove a single item from an array and update the display.

Demonstrates scope binding for a CRUD editor in Angular, enabling add and edit of users via a bound form, with current user tracking and automatic UI refresh.

Learn to include Angular from the Google CDN in an html document, set up a basic Angular app with ng-model, and build a simple live calculator that evaluates expressions.