JavaScript Master Class Course

215 Enrolled

34 Hours

$20.99 CAD$84.00 CAD

You save 75%

320 Lessons (34h)

Your First Program
Preview

JavaScript - The Foundations
Variables - Animation Intro4:53
Variables Workspace4:20
Variables Cheat Sheet
String - Animation Intro5:40
String Workspace5:45
Strings Cheat Sheet
Operators - Animation Intro7:48
Operators Workspace7:06
JavaScript Foundations Review17:02
Launching a Career in Tech
Get Out of Tutorial Hell
Landing Your First Developer Job
Dealing with Time Management and Imposter Syndrome
What to Put in a Junior Developer Portfolio
JavaScript Foundations - Build Your First Mini Apps
Temperature Gauge Challenge
Temperature Gauge Challenge Video Walkthrough9:51
How Old Am I Challenge
How Old Am I Challenge Video Walkthrough8:22
Deep Dive into JavaScript Objects
Objects - Animation Intro4:43
Objects Workspace3:54
Dot and Bracket Notation - Animation Intro5:12
Dot and Bracket Notation Workspace4:40
Object Constructor Function - Animation Intro6:26
Object Constructor Function Workspace6:03
The Secret Life of JavaScript Primitives7:23
Handling Lists with JavaScript Arrays
JavaScript Array Syntax - Animation Intro4:27
JavaScript Array Syntax Workspace4:15
Array Built In Methods Animation5:17
Array Built In Methods Workspace4:19
Array Methods Part 2 Animations Intro5:23
Array Methods Part 2 Workspace6:54
Array Review12:39
Array Focused Projects
Using Arrays to Create Random Insults
Using Arrays to Create Random Insults - Video Walkthrough9:21
Mini Project: Random Insult Generator Video Walkthrough
JavaScript Function
How to Write a Function - Animation Intro4:26
How to Write a Function Workspace3:46
Deeper Dive with Function - Animation Intro5:29
Deeper Dive with Functions Workspace5:03
Functions Part3 - Whiteboard5:15
Functions Part3 - Lab7:02
JavaScript Functions: Project Section
Rock, Paper, Scissors Alternative Game
Rock, Paper, Scissors Alternative Game- Video Walkthrough18:25
Rock, Paper, Scissors Alternative Game- Video Walkthrough - Step by Step10:12
Rock, Paper, Scissors Alternative Game - Code
Mini App: Hit the Gym
Mini App: Hit the Gym - Video Walkthrough21:28
Mini App: Hit the Gym - Step by Step7:50
Hit the Gym - Code
JavaScript Conditionals and Loops
Looping Around Part 1 - Whiteboard Animation7:54
Looping Around Part 1 Workspace7:13
Switch - Whiteboard3:51
Switch - Lab7:36
Loops Part2 - Whiteboard7:37
Loops - Part2 - Lab7:11
JavaScript Loops & Conditionals: Mini App
Magic 8 Ball9:12
Magic 8 Ball - Video Walkthrough
JavaScript Regular Expressions
Regex8:48
Regex Lab
Context: This, Bind, Call & Apply
This and Bind - Whiteboard5:04
This and Bind - Lab5:59
This and Call - Whiteboard5:57
This and Call - Lab5:19
Functional Programming
Functional Programming Part 1 - Whiteboard9:03
Functional Programming Part 1 - Lab8:29
Functional Programming Part 2- Whiteboard7:26
Functional Programming Part 2 - Lab7:09
Functional Programming Part 3 - Whiteboard7:37
Functional Programming Part 3 - Lab8:17
Whiteboard Algorithms
Identify Unique String9:36
Identify Longest Word in a String8:22
Permutation of Two Strings9:34
ES6
Let Statements - Whiteboard5:29
Let Statements Lab7:57
Const Declaration - Whiteboard and lab3:08
Arrow Functions - Whiteboard5:25
Arrow Function - Lab6:13
Spread Operator - Whiteboard6:15
Spread Operator - Lab6:28
More Algorithm Challenges
Environment Setup
Repeat String with For Loop8:00
Remove Odd Numers from Array Filter Method5:37
Palindrome8:51
Sum of Range6:45
Repeat String with While Loop5:53
Remove Elements from Head7:57
Name Swap Indices8:44
Remove Odd Number from Array with Modulus Operator and For Loops8:45
Reverse a String11:57
Reverse-a-String-Part-21:43
Reverse-a-String-Part-35:31
Reverse-a-String-Part-45:31
Find-Longest-String-Part-112:05
Find the Longest String Part 28:27
Filter String Array12:00
Is-Palindrom11:57
Introduction to the DOM
Introduction-to-the-DOM7:51
DOM-Tree-Nodes6:07
Todo App
Todo-List-Project-Overview4:42
Todo-List Document.querySelector()-Document.getElementById()8:37
Todo-List Changing-the-DOM-with-textContent6:11
Todo-List More-DOM-Methods-and-Properties10:07
Todo-List User-Interactions-and-Event-Listeners4:10
Todo-App-Without-Local-Storage13:41
Todo-List Working-with-Forms6:25
Todo-App Local-Storage6:10
Todo-App-With-Local-Storage13:38
CSS3:09
How-to-Share-Code2:23
Matching Game
Matching-Intro6:14
Matching-Part-19:41
Matching-Part-22:27
Matching-Part-32:07
Matching-Part-44:19
Matching-Part-52:33
Match-Part-68:15
Matching-Part-73:35
Matching-Part-82:18
Matching-Part-95:13
Quote Machine
Quote Machine Intro
Quote-Machine-HTML-CSS-Video-Walkthrough13:30
Quote Machine Javascript
Quote-Machine-JavaScript-Video-Walkthrough16:20
Quote-Machine-Deploy1:37
HTML & CSS Primer
Website-Overview1:50
Website-Text-Editor2:35
HTML-Intro6:14
HTML-Elements-and-Tags6:56
HTML-About3:45
HTML-Services8:42
HTML-Comments-and-Structure7:06
HTML-Header6:01
HTML-Hero4:28
HTML-Testimonal6:40
HTML-Footer4:09
CSS-Intro5:32
CSS-Header9:34
CSS-Hero5:14
CSS-Internal-Navigation4:04
CSS-About-and-Testimonial3:03
CSS-Footer2:46
CSS-Services2:47
Front End Cookbook
CSS-Animations-Video-Walkthrough15:39
CSS-Animations-Challenge-Video-Walkthrough15:02
CSS-Transitions-Video-Walkthrough9:22
CSS-Transitions-Challenge-Video-Walkthrough9:27
JS-Debugger-Part34:49
JS-Debugging-Part16:06
JS-Debuggin-Part25:02
JS-Moment-Basics8:32
JS-Moment-Christmas-Countdown11:46
React
React-From-Scratch12:09
Challege-Using-JSX8:49
Code-Refactor3:01
Rendering-One-Element3:54
React-Babel7:07
React-Rendering-Multiple-Elements4:20
Creating-Stateless-Functional-Components7:04
Stateless-Functional-Components-Practice4:17
Creating-Class-Components6:16
Class-Components-Practice3:27
Styling-Stateless-Functional-Components8:04
Styling-Class-Componets8:36
Styling-Within-Component9:29
Complex-Components6:10
Setting-Up-Project6:11
Building-Our-Components3:50
Styling-Our-Components-Part16:39
Styling-Our-Components-Part25:30
Props-Part17:10
Props-Part25:51
Props-Part37:48
Codepen-Challenge13:36
Codepen-Challenge22:30
Codepen-Challege35:25
Codepen-Challenge43:17
Codpen-Challenges5
Props-Project10:05
Iterating-Through-Lists10:10
Iterating-Through-Lists-Refactor1:59
Rendering-Two-Filtered-and-Transformed-Lists-to-the-DOM7:15
Filter-and-Map-On-Array4:20
Codepen-Challenge-Part14:32
Codepen-Challenge-Part24:20
Color-Spectrum-Refactor6:55
Friendly-Filter-and-Map-Two-Lists-DOM6:54
React-Events-Part28:35
Useless-Note-Taker-Introduction-to-Events10:14
Guess-My-Age-Intro-to-State13:36
Food-Menu-Vote13:50
React-Ajax-Requests18:45
React-Forms10:52
Friendly-App-Refactor-with-Map7:16
Svelt - Build Apps with Svelt.js
Instructor Note
Svelte Info1:21
Section Requirements3:34
Text Editor Setup1:59
Svelte Project - Budget Calculator
Intro2:46
Starter Application4:40
Folder Structure8:51
Setup Files
Add Global CSS & Font Awesome3:02
Component Overview4:45
Navbar Component Intro5:43
Navbar Component7:17
Title Component3:32
Props Basics9:43
CSS9:32
Each Block9:48
Expenses Data4:04
Expenses Component11:49
Else and Passing Props12:56
Expense Component4:24
If Block3:51
Events9:46
Component communication6:55
Props Drilling9:14
SetContext and GetContext10:02
createEventDispatcher9:52
Clear Expenses Button4:53
Reactivity15:07
Form Setup7:57
Two Way Binding7:43
Empty Values Functionality12:18
Form Submission5:18
Add New Expense6:28
setModifiedExpense11:04
Pass Edit Values into Form13:01
Edit Expense6:16
34.5-other-option13:15
Toggle Form7:33
Lifecycle Functions5:50
Setup Local Storage API10:05
afterUpdate6:39
Slot Basics10:30
Complete Modal4:32
Transition Basics8:36
Transition Parameters3:35
Transition - in: and out:1:55
Modal Transitions2:28
Simple Expense Transition6:44
Key Expression in Each Block and Animate9:26
HTTP Request Using onMount14:57
HTTP Request using #Await Blocks6:50
Deploy on Netlify - Drag and Drop3:44
Deploy on Netlify - Continuous Deployment5:38
Svelte Project - Ecommerce App - Razor
Instructor Note
Project Demonstration
Intro13:19
Intro13:19
Setup Files
Bootstrap Svelte Application3:22
Folder Structure and Resources5:22
Setup Project Pages7:27
Svelte Router Setup9:06
Url Parameters4:52
Hero Component10:29
Local Data Structure3:59
Svelte Store Benefits/Basics5:32
Products Store Setup11:23
Flatten Products5:11
Store Unsubscribe2:45
Store Unsubscribe Shorthand2:20
Products Component Complete5:36
Products Component Complete7:45
Loading Component4:46
Featured Component6:43
Derived Stores7:15
Single Product Page11:41
svelt:head element3:18
Small Navbar9:35
Cart Button3:27
Big Navbar5:00
Links4:36
Toggle Navbars5:32
Basic Sidebar7:01
Global Store Basics8:16
Global Store Method4:46
Setup Close Sidebar Function5:46
Sidebar Transitions1:45
Cart Basics6:18
Cart Structure11:36
Cart Store Initial Setup7:10
Cart Items8:16
Single Cart Item6:50
Cart List Transitions2:49
Cart Total5:32
Remove Item7:43
Increase Amount8:44
Decrease Amount4:56
Decrease Amount Refactor - Optional1:14
Add to Cart9:05
LocalStorage Setup6:32
User Store Setup4:20
Login/Logout Links9:47
Checklist5:13
Strapi Info1:39
Bootstrap Strapi App4:17
Strapi Basics3:15
Products Content Type4:16
Add Products3:59
API Access5:30
getProducts4:27
Products Store8:51
Image Problem Fix4:21
Login Page - Variables4:49
Login Page - HTML13:23
Login Page - Basic Functionality8:32
Login Page - General Overview6:13
registerUser Function11:17
loginUser Function6:10
User Store Update
User Store Modifications6:30
setupUser Function10:56
navigate5:06
Alert Basics7:20
Configure Alert10:54
Alert with Form Submissions4:53
Close Alert Programmatically2:15
Double Check Login Functionality2:41
Checkout Page Overview0:55
Checkout Page Basics2:19
Restrict Access2:48
Empty Cart2:43
Checkout Form - Basic Setup6:50
Setup Stripe Account4:21
Stripe Elements - HTML7:37
Stripe Elements - JavaScript8:52
Stripe Token5:08
Empty Cart Error1:43
Order Content Type3:53
Submit Order Function12:39
Complete Submit Order13:07
Complete App7:40
Free Cloudinary Account1:58
Connect Cloudinary with Strapi7:05
Free Heroku Account1:49
Install Heroku CLI2:31
Deploy Strapi on Heroku13:22
Setup Backend5:46
Deploy Svelte APP on Netlify2:20

DescriptionInstructorImportant DetailsRelated Products

A Comprehensive 34-Hour Course Just About Every Fact on JavaScript You Could Ever Hope to Know

Rob MerrillRob Merrill Front End Engineer 4.5/5 Instructor Rating: ★ ★ ★ ★ ★ ★

Rob Merrill is a Front End Engineer who enjoys working with JavaScript. He lives in Seattle with his wife, cat and two dogs in an apartment that is too small to hold them all. He is an App Specialist at Subsplash in Seattle. He started coding around two years ago, meaning he knows some stuff but he also knows what it means to know nothing.

Description

If you want to land your first developer job then JavaScript is a great way to break into the industry with high in-demand skill. This course will guide you from step one in developing this coding superpower! This course is built to solve your problems! Both up to date with the newest JavaScript features this course is also timeless in teaching the essentials that everyone needs to know. Each minute of this course was created with the goal of helping you become a great engineer!

4.5/5 average rating: ★ ★ ★ ★ ★ ★

Access 320 lectures & 34 hours of content 24/7
Master the basics of the language, variables, objects, arrays, & functions
Understand how to design the structure of the code you write
Leverage Javascript's built-in methods to increase your productivity regardless of what libraries or frameworks you use
Develop practical skills around higher-order functions that you will utilize for years to come
Build awesome projects to fill your personal portfolio

"Engaging presenter. Good mix of theory with ample review and exercises to reinforce the learning. Excellent option for someone with little java experience and minmal programming experience in general." – Andrew Gregory Garton

Specs

Important Details

Length of time users can access this course: lifetime
Access options: desktop & mobile
Certificate of completion included
Redemption deadline: redeem your code within 30 days of purchase
Updates included
Experience level required: beginner
Have questions on how digital purchases work? Learn more here

Requirements

Any device with basic specifications

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...