JavaScript Master Class Course

209 Enrolled
34 Hours
$14.99$199.00
You save 92% -

320 Lessons (34h)

  • Your First Program
  • 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

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

RM
Rob Merrill

Rob 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

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.