Premium video tutorials
Learn at your own pace
Mobile (learn on-the-go)
Unlimited tests and quizzes
Regularly updated content
- 40 practical tutorials.
- Store data in variables and apply arithmetic, comparison and logic operators.
- Understand the difference between strings, numbers, and Boolean data types.
- Utilize arrays to contain multiple items.
- Make changes to HTML elements by manipulating the DOM.
- Make changes to CSS styles on a web page.
- Understand how to use Events and EventListeners.
- Add validation to an HTML fill-out form.
- Understand AJAX requests and responses.
Once enrolled, our friendly support team and tutors are here to help with any course related inquiries.
Estimated study time
20h for all materials
Setting Up a Development Environment
Statements and Comments
Understanding the instructions that are executed by the web browser, and learning how to comment code.
How to assign values to a variable, and do basic math assignment.
Comparison and Logic Operators
How to compare two or more variables and test with logic (and, or, not).
Strings, Numbers, and Boolean Data Types
Understanding the difference between strings and numbers; and understanding Boolean data types.
Implementing and invoking blocks of code with functions.
If and If/Else and If/Else If Statements
Understanding conditional statements using If, If Else, and If Else If statements.
Understanding conditional statements using switch.
Looping through things using For loops.
Looping through things using While loops.
Intro to JSON
Introduction to JSON and why it is important.
A Short HTML/CSS Primer
Intro to the HTML DOM
What is the DOM and why is it important?
DOM Methods and Properties
What are the actions you can perform on HTML elements and what properties can you get and set?
Dom Document Objects
Finding, changing, adding, and deleting elements.
Finding Dom Elements
Finding elements by ID, by tag name, by class name, by CSS selectors, and by collections.
Changing HTML Output, Content, and Attributes
What is an event, and what can you do with it?
What are event listeners, and how to listen for event handlers.
Navigating DOM Nodes
What is a DOM node and how do you navigate them.
Creating New Nodes
The Node List
How to retrieve an array-like collection of nodes.
Introduction to jQuery
What is jQuery, and why is it important?
What Is AJAX
What is AJAX and what is it used for?
AJAX Requests - GET or POST?
What's the difference between GET and POST and when should you use them?
AJAX ResponseHow to handle an AJAX response.
Building a Math Flashcard App
Putting It All Together - What We'll Build
Create the Fill-Out Form
Let's create a fill-out form to enter our answers.
Checking for Numbers
Let's make sure the user entered a number!
Output the ResultHow to output the answers to the screen.
Create pages for Subtraction, Multiplication, and Division and finish the app.