Become a Professional JavaScript Programmer

Explore JavaScript arrays: create and modify arrays, access elements by zero-based indices, push and splice to add or remove items, and use named indexes to form associative arrays.

Explore the array prototype and its properties and methods, including length, push, pop, splice, reverse, sort, shift, and for each iteration, revealing how arrays behave as objects.

Compare for...in and a traditional for loop when iterating arrays. For...in may not preserve index order; a classic for loop guarantees 0-based indexing and ordered output using names.length.

Explore how JavaScript treats most things as objects, using strings to reveal properties and methods like length, char, and search via dot notation, and create object literals.

Define our first object and add properties and a method within an app namespace. Use this to refer to the object, avoid global variables, and access properties with dot notation.

Explore the Date object in JavaScript by creating a new date instance and using methods like getTime and getFullYear to access local time and timestamps.

Explore building a JavaScript countdown using a global app object and a single settings object, counting down from a start to an end with setInterval and clearInterval.

Learn how callbacks work in JavaScript and implement them to control results, passing a callback function to a method and handling the output flexibly.

Modify a browser countdown app to accept a callback via a closure as a parameter and call it when the countdown reaches zero.

Explore how to select and manipulate a dom element by id, access and set text, read and remove attributes, and inspect offset properties for positioning.

Discover how to use document.querySelector and document.querySelectorAll with css selectors to select single or multiple navigation items, replacing getElementById and iterating over the results.

Learn to create event handlers in JavaScript for almost any event using inline HTML attributes, DOM properties, or addEventListener, with cross-browser compatibility considerations.

Create a mini app that outputs text from an input field. Build a get-element utility, attach a keyup event, and show the input value in a nearby span.

Dynamically create elements in the browser console with document.createElement, set text and attributes such as href, and append them to the body to render clickable links.

Learn how javascript linting with jaslene js lint improves code quality by pasting code to receive improvement suggestions, identify errors, and enforce standards around semicolons, whitespace, and predefined globals.

Minify JavaScript in production using reliable compressors to reduce file size, remove whitespace, and rename variables, then integrate minification into your workflow for faster downloads.

Learn the basics of Jay Querrey, download and install the Jay Corey library, and write and include Jay Querrey code in web pages and templates.

Introduce section 1 by downloading the Jay Querrey library, learning the query syntax, using the J Querrey functions, and mastering selectors and events to interact with elements.

Discover jQuery core concepts for beginners, showing how this lightweight library makes JavaScript easier with DOM manipulation, CSS changes, events, and AJAX calls.

Download the JavaScript library and include it on your web page, either as a local file or via a Google CDN using a script tag in the head.

Learn to include the jQuery library in a basic HTML page with a script tag and src, then use the ready function to run code and show an alert.

Load jQuery by including a script tag in the head, using a relative path or Google CDN, then run jQuery inside an anonymous function and alert when it loads.

Discover how jQuery syntax uses the dollar sign and selectors to perform actions, and how the document ready event initializes the library for hiding elements with the hide function.

Learn how jQuery event methods like click, double click, focus, mouse enter, and mouse leave attach event handlers to page elements, and see live examples comparing jQuery with JavaScript.

Discover how jQuery extends JavaScript with fewer lines and how to include it offline or via Google CDN. Learn selectors and events on HTML elements that respond to user actions.

Learn to create a jquery template file to build and embed queries, edit tasks, save for later, and use jquery functions to set and get content and attributes with callbacks.

Create a basic html page template and include the jquery library, then use the ready function to display output in the div with id output.

Learn two ways to initialize the jQuery library: the readable $(document).ready(function(){...}) version, and the shorthand $(function(){...}). Understand when to choose readability over brevity.

Learn how jQuery loads and initializes, uses the document ready function, and manipulates a div with the output id to confirm the library is ready for use.

Learn how to retrieve and manipulate the DOM content and attributes with jQuery, using text, html, and val functions, and the attribute function to access href values.

Explore how jQuery callback functions execute after an effect finishes to signal success or failure and control the next steps.

Learn to create a query template file with a jQuery-like library, using text, html, and val functions to retrieve and set content, attributes, and callbacks.

Boost your JavaScript skills with an optional section 2 project that guides you through modifying source code using jQuery methods, updating text, inputs, and href attributes.

Explore jQuery effects to create visual transitions, learn CSS transitions for basic animation, and examine AJAX calls to retrieve data from the server.

Explore jQuery effects by applying show, hide, and toggle to selected elements. Use optional durations in milliseconds and callbacks to signal completion, with practical ID-based examples.

Register click events with jQuery to apply fade toggle, fade in, and fade out on the output element, using 5 second durations and completion alerts.

explore the slide up, slide down, and slide toggle effects in jQuery, focusing on reusing the same arguments and modifying the effect name.

Explore how jQuery CSSA retrieves and sets CSS properties, like background color, on selected elements using ID and tag selectors, and see live examples with paragraph elements.

Use jQuery's css function to set single or multiple CSS properties on elements, such as green background for a paragraph and red background, 30-point font size, yellow text.

Explore how Ajax enables asynchronous data exchange with a server to update page content without a full reload, using jQuery's load and ajax methods to populate HTML elements.

Learn to use jQuery ajax to fetch JSON data from a local server, selectively load content by id, loop through the JSON array to render names, and auto-refresh with setInterval.

Learn how jQuery Ajax functions enable asynchronous updates and live feeds by repeatedly calling the server at intervals to read and modify a JSON file without refreshing the page.

Master jQuery effects such as hide, show, fade, and slide, with millisecond speed and a callback, and use jQuery css to get and set properties along with ajax requests.

Hide all paragraph tags, then apply jQuery to toggle, fade toggle, and slide toggle the paragraphs paragraph_1, paragraph_2, and paragraph_3 over 1000 milliseconds, with callbacks and completion alerts.

Learn to set and get color and CSSA properties for paragraph elements (paragraph 1 and 3) using a single query, including color, font size, and italic style with RGB values.

use the jQuery ajax get method to fetch content from a local server and output the response content to the page.

Conclude by applying skills in setting up the query template file, using query syntax and ajax functions, and implementing event handlers and callback functions to build interactive web pages.

Explore four core sections, learn the course objectives, preview the hands-on project, and tour the Cloud Nine online IDE as you start building web apps with Bootstrap and MongoDB.

Set up a Node.js project with npm and git, implement Express routing, templating engines, gulp, bower, and Bootstrap, and integrate MongoDB to build a web app.

Develops an events tracking web app with routing from a list page to a detailed event page, pulling data from a database using a bootstrap template.

Set up your Cloud9 online development environment, create a new workspace for a node project, and configure the workspace name, description, privacy, and template to start coding.

Review the course structure and learning goals, preview the final project, and confirm the cloud nine development environment, then dive into Node basics from square one.