JavaScript for Optimizers

Set up a workspace to code A/B tests for every testing tool!
Start with selecting the elements on any website you want.
Make the changes you need to A/B test any hypothesis!
Avoid test pollution by activating A/B tests with your rules!
Prevent websites from breaking by controlling where your experiment runs.
Prevent your users from seeing both variants of your A/B test by running lightning-fast code!

Course Content

Chapter 1: Preparation
What do you need to know before writing code?

How to install Google Optimize?

01:51
How to inspect elements with the Chrome Developer Tools?

01:30
How to edit elements with the Chrome Developer Tools?

02:15
How to use the Chrome Developer Console?

01:48
How to install a code editor?

00:28
How to install a syntax theme?

00:48
How to install a code formatter?

01:33
How to install a code minifier?

01:10
How to structure your experiment files?

01:00
How to create a GitHub Repository for your files?

01:26
How to get your GitHub repository on a different device?

01:13
How to install TamperMonkey?

00:57
How to set up a new experiment file in TamperMonkey?

01:06
How to view experiments with TamperMonkey?

00:30

Chapter 2: Selecting
What elements do you want to select?

How to select an element with a class?

01:24
How to select an element with multiple classes?

01:28
How to select an element with a class that is a child of an element with a class?

01:26
How to select an element with identifiers?

01:02
How to select the root element?

01:08
How to select an element type?

01:05
How to select an element type that has a class?

01:07
How to select the first element after another element?

01:21
How to select the first child of an element type?

01:08
How to select the last specific element type?

01:13
How to select a specific child counting from the top?

01:00
How to select a specific element type counting from the bottom?

01:09
How to select multiple element types?

01:33
How to select multiple elements inside of elements?

01:31
How to select multiple elements where the parent is another element?

01:12
How to select multiple elements that are preceded by other elements?

01:53
How to select multiple elements containing specific attributes?

01:16
How to select multiple elements containing attributes with specific values?

01:36
How to select multiple elements with an attribute value containing a specific word?

01:43
How to select multiple elements with an attribute value starting with a specific word and hyphen?

01:40
How to select multiple elements with a class that contain a specific word?

02:07
How to select multiple elements with an attribute value starting with a specific word?

01:45
How to select all checked input elements?

01:47
How to select multiple elements with an attribute value ending with a specific word?

01:24
How to select all disabled input fields?

01:43
How to select all enabled input fields?

01:40
How to select all elements that have no children?

01:04
How to flip your selection?

01:25
How to select only children?

01:17
How to select lonely element types?

01:10
How to select all required input fields?

01:35
How to select all optional input fields?

01:29

Chapter 3: Action
What do you want the code to do?

How to hide an element without moving the layout?

00:50
How to hide multiple elements without moving the layout?

00:59
How to hide an element while moving the layout?

00:50
How to hide multiple elements while moving the layout?

01:10
How to remove an element from the DOM?

01:23
How to remove multiple elements from the DOM?

00:00
How to replace text?

00:57
How to replace text for multiple elements?

01:03
How to move an element up?

01:44
How to move elements up multiple times?

00:33
How to move an element down?

01:20
How to move elements down multiple times?

00:41
How to remove a dollar symbol?

01:06
How to remove a euro symbol?

01:21
How to remove multiple currency symbols?

01:21
How to change the attributes of elements?

01:19
How to change the attributes of multiple elements?

02:10
How to change CSS with JavaScript?

01:59
How to add an title?

01:51

Chapter 4: Condition
When does the code run?

Chapter 5: Targeting
How to target pages with regular expressions?

Chapter 6: Flickering
How to prevent flickering?

What is an observer function?

00:33
How to write an observer function?

02:04
How to use an observer function?

01:05
What is pre-hiding with CSS?

00:25
How to pre-hide elements with CSS?

01:24
How to reveal hidden elements with JavaScript?

01:12
What are Single Page Applications?

00:28
What is the challenge with Single Page Applications?

00:42
How to create an observer function that pools for element changes on Single Page Applications?

01:32

Chapter 7: Execution
How to run A/B tests with JavaScript?

Student Ratings & Reviews

No Review Yet

What Will You Learn?

Course Content

Chapter 1: Preparation What do you need to know before writing code?

How to install Google Optimize?

How to inspect elements with the Chrome Developer Tools?

How to edit elements with the Chrome Developer Tools?

How to use the Chrome Developer Console?

How to install a code editor?

How to install a syntax theme?

How to install a code formatter?

How to install a code minifier?

How to structure your experiment files?

How to create a GitHub Repository for your files?

How to get your GitHub repository on a different device?

How to install TamperMonkey?

How to set up a new experiment file in TamperMonkey?

How to view experiments with TamperMonkey?

Chapter 2: Selecting What elements do you want to select?

How to select an element with a class?

How to select an element with multiple classes?

How to select an element with a class that is a child of an element with a class?

How to select an element with identifiers?

How to select the root element?

How to select an element type?

How to select an element type that has a class?

How to select the first element after another element?

How to select the first child of an element type?

How to select the last specific element type?

How to select a specific child counting from the top?

How to select a specific element type counting from the bottom?

How to select multiple element types?

How to select multiple elements inside of elements?

How to select multiple elements where the parent is another element?

How to select multiple elements that are preceded by other elements?

How to select multiple elements containing specific attributes?

How to select multiple elements containing attributes with specific values?

How to select multiple elements with an attribute value containing a specific word?

How to select multiple elements with an attribute value starting with a specific word and hyphen?

How to select multiple elements with a class that contain a specific word?

How to select multiple elements with an attribute value starting with a specific word?

How to select all checked input elements?

How to select multiple elements with an attribute value ending with a specific word?

How to select all disabled input fields?

How to select all enabled input fields?

How to select all elements that have no children?

How to flip your selection?

How to select only children?

How to select lonely element types?

How to select all required input fields?

How to select all optional input fields?

Chapter 3: Action What do you want the code to do?

How to hide an element without moving the layout?

How to hide multiple elements without moving the layout?

How to hide an element while moving the layout?

How to hide multiple elements while moving the layout?

How to remove an element from the DOM?

How to remove multiple elements from the DOM?

How to replace text?

How to replace text for multiple elements?

How to move an element up?

How to move elements up multiple times?

How to move an element down?

How to move elements down multiple times?

How to remove a dollar symbol?

How to remove a euro symbol?

How to remove multiple currency symbols?

How to change the attributes of elements?

How to change the attributes of multiple elements?

How to change CSS with JavaScript?

How to add an title?

Chapter 4: Condition When does the code run?

How to run code on button click?

How to run code on element existence?

How to run code on mouse over?

How to run code on mouse out?

How to run code when the state of an input field changes?

How to run code based on the content of the text?

Chapter 5: Targeting How to target pages with regular expressions?

How to match URLs with one static page path?

How to match URLs with a variable page path?

Chapter 1: Preparation
What do you need to know before writing code?

Chapter 2: Selecting
What elements do you want to select?

Chapter 3: Action
What do you want the code to do?

Chapter 4: Condition
When does the code run?

Chapter 5: Targeting
How to target pages with regular expressions?

Chapter 6: Flickering
How to prevent flickering?

Chapter 7: Execution
How to run A/B tests with JavaScript?