JavaScript for QA Engineers and SDETs

Learn to run JavaScript directly in the Google Chrome browser for this course, using Chrome for most lessons. Download Chrome from google.com if you don't have it, then proceed.

Install Visual Studio Code, a free code editor that helps QA engineers spot syntax and formatting issues quickly. Download for Windows or Mac and accept defaults to start coding efficiently.

Set up Visual Studio Code by creating a JavaScript project on the desktop and adding section folders, then learn to open and select folders in the left pane.

Learn to use the browser console to run JavaScript in real time, via inspect > console, and practice with commands like var myName = 'Jason'; bookmark jsconsole.com for lessons.

Write your first line of code by creating an alert with hello world, then customize with your name to see how the browser executes JavaScript.

Define variables using the var keyword and give them meaningful names to reflect their purpose, with math analogies and examples like car type and car color.

Learn to define variables in JavaScript using the var keyword, creating variables for hair color, eye color, address, and phone number.

Discover variable naming rules for JavaScript: start with a letter (avoid starting with a number), use camelCase, respect case sensitivity, and avoid reserved words.

Define a variable, then assign a value using the assignment operator; for example var eye color equals "blue", and typing eye color shows blue.

Understand that strings in JavaScript are values wrapped in quotes, with double quotes preferred. Learn why single quotes exist, how to avoid syntax errors, and both quote types are accepted.

Learn how to declare a variable with no initial value in JavaScript, then assign and update it later using the var keyword, illustrated with an eye color example.

Practice declaring variables with values in JavaScript, assigning strings to variables like something, movie, and song.

Master JavaScript code comments, using single-line and multi-line syntax with practical examples in Visual Studio Code. Learn how to quickly toggle comments using Mac command slash and Windows control slash.

Learn how to declare and use number variables in JavaScript, including integers, decimals, and scientific notation, and evaluate them in the console to see their values.

Explore how JavaScript math operators perform addition, subtraction, multiplication, and division, including expressions without variables and storing results in variables.

Explore special math operators in JavaScript, including exponential, modulo, and increment and decrement operators, with practical examples of plus plus and minus minus.

Apply the order of operations from math to JavaScript: perform multiplication or division before addition or subtraction, evaluate left to right, and use parentheses to force sequence.

Create and manipulate number variables in JavaScript to perform addition, subtraction, multiplication, and complex expressions using order of operations. Practice quick calculations in the console to reinforce these concepts.

Clarify the difference between strings and numbers, showing how quotes denote strings and numbers lack quotes, and explain when to combine values versus perform math operations.

Learn how the plus operator concatenates strings, using variables and examples like hello my name is to create complete sentences while managing spaces.

Demonstrates how the plus operator concatenates when a string is involved, turning numbers into strings and producing '11' instead of numeric addition; emphasizes converting to strings first for clarity.

Learn how to use JavaScript comparison operators, including ==, ===, !=, !==, and the relational operators >, <, >=, <=, with attention to type and simple console examples.

Learn the basics of the if statement as a decision tool in JavaScript, using if with conditions, braces, and console.log messages, including numeric comparisons and variables.

Explore how prompt captures user input and stores it as a string, then use an if statement to compare it to an answer and console.log the result, noting case sensitivity.

Explore how if else statements in JavaScript evaluate a condition, execute the true branch or the else branch, and print dynamic messages using string concatenation.

Practice using if and else statements with a prompt-driven interaction in JavaScript, handling case sensitivity and console output to respond to a user’s favorite animal.

Explore how to use if, else, and else if in JavaScript to control code flow by evaluating conditions in sequence, ensuring only the first true branch executes.

Practice building if and else if chains in JavaScript by prompting for a favorite food, storing it in an answer variable, and printing messages for each match or a default.

Explore advanced if statements by using and (&&) and or (||) operators to compare multiple conditions, understand short-circuiting, and produce targeted console messages.

Master nesting in JavaScript by embedding one if statement inside another, using else if and else branches, and following braces to control condition flow and readability.

Explore two sequential prompts and if statements in JavaScript, using or and and conditions to display clear, conditional messages about user choices.

Discover how booleans represent true or false in JavaScript, declare boolean variables without quotes (e.g., var isReal = true), and avoid quotes that turn booleans into strings.

Explore how boolean values power if statements in JavaScript, using true/false checks, equals true, not equals, and the not operator to drive console messages.

Explore JavaScript variables, prompts, booleans, and if-else logic in an interactive activity that validates a Y or N response and logs outcomes.

Explore JavaScript arrays using square brackets, learn zero-based indexing, and store multiple data types in a single array. Access elements by index and grasp array basics.

Practice manipulating arrays with pop and push to remove the last element and append items to the end, illustrated with color examples and a roster scenario.

Execute shift and unshift to modify the first element of an array, mirroring push and pop but for the head, demonstrated with colors progressing from red to purple.

Change a specific array element by accessing its index and reassigning a new value. Observe updates when the last index is extended, showing how to add items at the end.

Master splice and slice in JavaScript arrays by learning how splice inserts and deletes with start and delete count, and how slice creates a new array from selected elements.

Engage in a hands-on activity that builds an array from three prompts, pushing answers into the array and logging the results, preparing you for a similar project.