Get $1 credit for every $25 spent!

The Comprehensive JavaScript Bundle

Ending In:
Add to Cart - $31
Add to Cart ($31)
$1,492
97% off
wishlist
(20)
Courses
8
Lessons
604
Enrolled
197

What's Included

Product Details

Access
Lifetime
Content
7 hours
Lessons
91

Complete Introduction to JavaScript

Learn How JavaScript Works & Create Dynamic, Interactive Content

By Laurence Svekis | in Online Courses

JavaScript is the language that powers the internet and if you want to build websites, you have to know JavaScript. This course delivers everything you need to get started with JavaScript and will help you build and apply 50 projects and challenges.

  • Access 91 lectures & 7 hours of content 24/7
  • Get an introduction to JavaScript
  • Explore the JavaScript DOM & learn how to create dynamic webpages
  • Explore advanced interactive & dynamic web applications

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • Core JavaScript introduction
    • 0 JavaScript Introduction - 1:29
    • Source Code and Resources
    • 1 JavaScript Powers The Web - 4:46
    • 2 More about JavaScript - 8:01
    • 3 JavaScript and HTML create it - 6:42
    • 4 JavaScript Comments Coding - 3:04
    • 5 JavaScript Variables - 4:39
    • 6 JavaScript Variables Let Const - 9:11
    • 7 Data Types and Variable Setup - 6:56
    • 8 JavaScript Prompt - 3:01
    • 9 Template Literal JavaScript - 3:09
    • 10 JavaScript Data Types - 8:24
    • 11 JavaScript Operators - 5:58
    • 12 JavaScript Operators More - 5:42
    • 13 JavaScript Challenge 2-1 - 3:51
    • 14 Comparison Operators - 8:36
    • 15 If Else Statements - 3:21
    • 16 Ternary Operator - 2:35
    • 17 Multiple Conditions - 4:56
    • 18 Challenge #3 - 3:27
    • 19 JavaScript Switch - 3:16
    • 20 JavaScript Functions - 6:06
    • 21 Function Parameters - 5:01
    • 22 Function the return - 3:58
    • 23 Function in HTML - 3:09
    • 24 Quick DOM events - 3:19
    • 25 declaration vs expression - 3:07
    • 26 Function Scope - 3:35
    • 27 function recursion - 5:46
    • 28 IIFE JavaScript - 4:29
    • 29 ES6 Arrow Function - 3:55
    • 30 JavaScript Objects Arrays - 5:38
    • 31 Object Method - 3:41
    • 32 Create Objects with Functions - 2:27
    • 33 Objects and Arrays - 1:10
    • 34 Arrays JavaScript - 4:43
    • 35 Power up with Arrays - 7:54
    • 36 JavaScript Arrays More - 6:27
    • 37 Array Filter - 2:04
    • 38 JavaScript Loops - 5:09
    • 39 Challenge 3 Loops - 2:45
    • 40 Loop Object and Array Data - 4:20
    • 41 JavaScript Map - 2:35
    • 42 JavaScript Conclusion - 1:04
  • JavaScript DOM interactive and dynamic web pages with JavaScript
    • 0 DOM course Introduction - 2:26
    • Source Code and Resources
    • 1 JavaScript DOM - 7:10
    • 2 JavaScript Element Selection - 9:15
    • 3 Multiple element selection - 8:06
    • 4 Element Manipulation - 8:00
    • 5 Element Manipulation 2 - 3:33
    • 6 Element Classes - 7:54
    • 7 Element Children and Traversing - 6:52
    • 8 Element Style Updates - 2:59
    • 9 DOM create Elements - 8:38
    • 10 Event Listeners DOM - 7:32
    • 11 Challenge 1 Image Popup - 4:21
    • 12 Challenge 2 List Items - 4:54
    • 13 Challenge 3 Background Changer - 5:23
    • 14 Event Object - 7:49
    • 15 Key Press Events - 9:36
    • 16 Key Press Events 2 - 3:29
    • 17 Mouse Events2 - 7:38
    • 18 Challenge 4 List2 - 8:01
    • 19 Challenge 4 Final - 4:56
    • 20 Event Bubbling and capturing - 8:19
    • 21 DOM course conclusion - 1:11
  • JavaScript Advanced interactive and dynamic web applications
    • 0 Advanced JavaScript Introduction - 2:08
    • Source Code and resources
    • 1 JavaScript Introduction - 1:58
    • 2 JavaScript Number Methods - 4:33
    • 3 String Methods1 - 9:49
    • 4 JavaScript Math1 - 5:41
    • 5 Array include and Ternary1 - 7:04
    • 6 Challenge 1 Array Message - 3:38
    • 7 Challenge 2 Background Color - 4:07
    • 8 DOM content Loaded - 1:20
    • 9 Challenge 3 Keyboard Mover - 7:23
    • 10 JavaScript Date - 9:40
    • 11 JSON parse stringify - 4:12
    • 12 LocalStorage - 5:20
    • 13 getBoundingClientRect - 3:15
    • 14 JavaScript Timers 2 - 6:36
    • 15 encode decode URI component - 4:53
    • 16 RegEx JavaScript - 11:23
    • 17 ProtoType JavaScript - 4:54
    • 18 Try and Catch - 7:29
    • 19 xHR and Fetch - 7:19
    • 20 xHR and Fetch 2 - 7:33
    • 21 xHR and Fetch 3 - 5:29
    • 22 Advanced JavaScript Final - 1:03

View Full Curriculum


Access
Lifetime
Content
1 hours
Lessons
29

JavaScript Practice Course

Build 5 Mini JavaScript Applications From Scratch

By Laurence Svekis | in Online Courses

This course features a full introduction to coding with JavaScript, giving you all the core syntax and teaching you how to apply it to make things happen. It even comes with two downloadable ebook guides to challenge you and help you supercharge your portfolio with completed apps.

  • Access 29 lectures & 1 hour of content 24/7
  • Get started w/ JavaScript through 4 challenges
  • Explore the JavaScript Document Object Model (DOM)
  • Cover advanced JavaScript methods like Fetch, xHR, string methods, & more

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • First Section
    • 00 JavaScript 5 apps from scratch - 3:30
    • Source Code and Resources
    • 0 Developer Setup - 2:29
    • 1 HTML input Element Setup - 4:14
    • 2 JavaScript Select Elements - 3:32
    • 3 JavaScript querySelector - 3:47
    • 4 Adding an Event Listener - 2:54
    • 5 Element Value JavaScript - 3:02
    • 6 Tweak and Adjust output - 2:27
    • 7 Backtick template JavaScript - 2:05
    • 8 Select element value - 3:48
    • 9 JavaScript Date Method - 3:52
    • 10 Dynamic message depending on Time - 4:32
    • 11 Element Background Color Update - 3:42
    • 12 Element Style with JavaScript - 4:00
    • 13 JavaScript Play Sounds - 4:30
    • 14 EventListeners to Multiple Elements - 3:13
    • 15 Sound selector on click - 4:43
    • 16 Make active add Class - 4:36
    • 17 Make it shorter Code update - 2:39
    • 18 JavaScript Create Elements - 7:40
    • 19 Typing Test Mini Application - 3:30
    • 20 Play the Game - 1:43
    • 21 JavaScript Random - 4:38
    • 22 JavaScript Timer Date - 2:42
    • 23 GameEnd Calculations - 3:50
    • 24 Count words in string - 3:33
    • 25 Typing Test Code Review - 3:42
    • 26 Word by Word Compare - 4:23

View Full Curriculum


Access
Lifetime
Content
11 hours
Lessons
160

JavaScript Application Mini Projects

Create Mini Applications Using JavaScript & DOM Interaction

By Laurence Svekis | in Online Courses

This hands-on course features everything you need to get started with JavaScript and expand your knowledge. With over 50 projects and challenges to help you practice, this is the one-stop shop to building your JavaScript skills and portfolio.

  • Access 160 lectures & 11 hours of content 24/7
  • Showcase what you can build w/ JavaScript
  • Create multiple JavaScript applications to see it in action

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • JavaScript Practice - Build 5 applications
    • 0 JavaScript Project Introduction - 4:26
    • Section source code and resources
    • 00 Developer Setup - 1:52
    • 1 JavaScript Setup - 3:25
    • 2 Element Event Triggers - 4:27
    • 3 Game Logic - 4:28
    • 4 Check Winner Logic - 4:20
    • 5 Coin Toss Game Code Review - 4:29
    • 6 Magic 8Ball Setup - 3:21
    • 7 Respond to Question - 5:26
    • 8 Setup Safe Cracker - 3:15
    • 9 JavaScript Create Elements - 5:05
    • 10 Random Combo generator - 2:41
    • 11 Guess Checker and Response - 5:15
    • 12 Player Scoring - 6:05
    • 13 Combo Lock Code Review - 12:33
    • 14 Word Scrambler Setup - 2:48
    • 15 Game interaction and output - 2:33
    • 16 Randomize Array - 4:27
    • 17 Random order array - 4:40
    • 18 Gameplay JavaScript - 2:23
    • 19 Player Guess checker - 4:07
    • 20 Code Review Word Game - 3:36
    • 21 Countdown Timer Setup - 5:10
    • 22 Get time set Countdown - 2:35
    • 23 Calculate Time Left - 11:06
    • 24 Update InnerHTML elements - 5:08
    • 25 Interval Updater - 5:03
    • 26 LocalStorage JavaScript - 4:37
    • 27 Countdown Timer Code Review - 6:01
    • 28 Bonus CSS updates - 3:02
  • JavaScript - 3 Practice building applications from Scratch
    • 0 Game Introduction 3 games - 2:51
    • Source Code and Resources
    • 0 Web Dev setup and course tips - 3:04
    • 1 Rock Paper Scissors Setup - 3:17
    • 2 Make it interactive event listeners - 3:10
    • 3 Math Random Computer Play - 3:51
    • 4 Check Winner of Game - 4:50
    • 5 Update Score GamePlay - 3:21
    • 6 Player Message Function - 5:36
    • 7 Dice Roller Game Setup - 2:25
    • 8 JavaScript Element Objects - 2:45
    • 9 JavaScript Math Random - 5:16
    • 10 Winner Logic Conditions - 2:53
    • 11 Add Dice Face Visual - 2:32
    • 12 Create Elements using JavaScript - 4:45
    • 13 Remove Element inside Parent - 4:27
    • 14 Dots to the Dice Dynamically - 7:03
    • 15 Dice Game Tweaks and Adjustments - 1:02
    • 16 Rebuild Dice Game - 3:29
    • 17 Dice game ready - 5:24
    • 18 Pattern Matching Game - 3:26
    • 19 JavaScript Create Game Board - 4:57
    • 20 Dynamic and Interactive Elements - 3:26
    • 21 Store Sequence in Array - 4:47
    • 22 Set Timeout of style - 2:24
    • 23 Random Sequence of Colors - 8:10
    • 24 Complete Sequence Loop - 1:48
    • 25 End Gameplay Check - 5:05
    • 26 Code Code review and Tweaks - 10:05
  • JavaScript in Action - Build 3 examples from scratch
    • 0 Code Snippet Introduction - 3:40
    • Section Source Code and Resources
    • 0 Developer Setup - 1:47
    • 1 TextArea Character Counter Setup - 2:13
    • 2 Add Eventlisteners Multiple - 3:02
    • 3 Character Counter - 4:14
    • 4 Character Warning Message - 2:24
    • 5 Text Scroller Setup - 3:54
    • 6 Setup Scroll JavaScript - 7:29
    • 7 Ready set Scroll - 4:36
    • 8 Mouse Over stopper - 3:27
    • 9 Dynamic Speed Interactive - 3:16
    • 10 Scroller Code Review - 5:28
    • 11 DOM Element Fun - 3:05
    • 12 Clone elements - 6:12
    • 13 Moving New Elements - 4:24
    • 14 Drag new elements - 6:11
    • 15 Random Color Generator - 2:56
    • 16 Trash Bin for Elements - 6:47
    • 17 Remove Elements from Page - 2:15
    • 18 Code Review DOM Elements - 10:02
  • JavaScript in Action - Build 3 projects from scratch
    • 0 JavaScript in Action Introduction - 3:10
    • Section source and resources
    • 1 Just JavaScript Click Example - 5:03
    • 2 Create Element Interaction - 4:44
    • 3 Complete Click Counter - 4:07
    • 4 Clicker Code Review - 3:10
    • 5 Image PopUp - 7:19
    • 6 Interactive Elements Images - 4:28
    • 7 Add image src to popup - 4:26
    • 8 Add close interaction - 2:24
    • 9 Image PopUp Code Review - 3:08
    • 10 Setup Hangman Game - 2:34
    • 11 Random Sort Array - 3:38
    • 12 Build the Game Area - 4:24
    • 13 Add Alphabet Letters - 3:56
    • 14 Add Event Handler - 3:18
    • 15 Game Logic Checker - 3:26
    • 16 Game End and restart - 2:58
    • 17 Final Tweaks and Clean Up - 2:54
    • 18 Final Code Review Hangman Game - 5:29
  • JavaScript in Action 3 useful code components
    • promo - 0:53
    • 0 JavaScript in Action Introduction - 2:56
    • Section source code and resources
    • 1 Dev tools and Setup - 2:35
    • 1 JavaScript Modal Setup - 4:20
    • 2 Make you page Interactive - 3:57
    • 3 Show Modal - 3:15
    • 4 Hide Modal Remove Class - 4:44
    • 5 PopUp Modal Code Review - 4:21
    • 6 Setup JavaScript Slideshow - 4:26
    • 7 Add Content with JavaScript - 4:32
    • 8 Build Content for User1 - 6:52
    • 9 Adding clickable Indicators - 3:07
    • 10 Play SlideShow1 - 6:36
    • 11 Indicator Click Handle - 1:41
    • 12 SlideShow Code Review1 - 6:46
    • 13 Star Rating Setup Code - 3:06
    • 14 Add Event Listeners - 3:40
    • 15 More Events to Add - 3:41
    • 16 Manipulate Elements - 2:29
    • 17 Star Message To User - 1:58
    • 18 Star Rating Code Review - 5:05
  • JavaScript in Action - 3 fun JavaScript projects
    • 0 JavaScript in Action Introduction - 2:56
    • Section source code and resources
    • 1 Setup HTML and JavaScript - 3:52
    • 2 Add some JavaScript - 6:14
    • 3 Remove Active - 3:08
    • 4 Setup Box Chaser Game - 4:10
    • 5 JavaScript bring your project to life - 5:49
    • 6 Build the Grid Dynamically - 9:59
    • 7 KeyBoard Events Movement - 5:06
    • 8 Move element on page - 4:01
    • 9 Set boundaries of GameArea - 3:29
    • 10 Create Active Element - 4:10
    • 11 Final GamePlay Updates - 3:50
    • 12 Box Chaser Game Code Review - 9:19
    • 13 Creating ToolTips with JavaScript - 2:52
    • 14 JavaScript Select Elements - 3:01
    • 15 Display Tooltip data - 3:47
    • 16 Tooltip Code Review - 3:14
  • JavaScript in Action - 3 projects DOM JavaScript mini apps
    • 0 JavaScript in Action Introduction - 3:48
    • Section source code and resources
    • 1 HTML Setup and CSS - 3:28
    • 2 Build a Calculator JavaScript - 5:30
    • 3 Add Calculator Keys - 5:30
    • 4 Click the button - 3:12
    • 5 JavaScript Eval Method - 3:10
    • 6 Check Last Character in String - 4:20
    • 7 Calculator Fix - 2:52
    • 8 JavaScript Calculator Code Review1 - 6:43
    • 9 Email Extractor Application - 4:03
    • 10 Use of RegEx Pattern Match1 - 11:37
    • 11 Output Emails only - 2:34
    • 12 Remove Duplicates from array - 4:50
    • 13 Email Extractor Code Review - 6:36
    • 14 PopUp Message Setup1 - 6:03
    • 15 Element Interaction JavaScript - 3:42
    • 16 Hide Show PopUp - 3:32
    • 17 Code Review PopUp Message - 3:01

View Full Curriculum


Access
Lifetime
Content
14 hours
Lessons
188

JavaScript DOM Games

Use JavaScript to Create Interactive & Dynamic Games

By Laurence Svekis | in Online Courses

What better way to learn JavaScript than by building your own games? In this comprehensive course, you'll learn by doing just that through a variety of hands-on projects.

  • Access 188 lectures & 14 hours of content 24/7
  • Learn more about JavaScript & DOM manipulation
  • Explore how to apply JavaScript to create interactive & dynamic web content
  • Extend on game projects & add them to your portfolio

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • JavaScript Click Popper Game
    • 0 JavaScript Game Introduction - 1:56
    • 0 Developer Setup - 3:05
    • 1 Setup HTML - 2:46
    • 2 Select Elements JavaScript DOM - 5:33
    • 3 Setup Player Stats update HTML - 3:26
    • 4 Handle Button Click - 3:44
    • 5 Get Game Data - 5:45
    • 6 CSS with Start Game - 5:18
    • 7 Add Elements JavaScript - 8:05
    • 8 Game Play Starter - 6:05
    • 9 Make Element Clickable - 5:47
    • 10 Add random Icon - 5:12
    • 11 Add Score Elements JavaScript - 3:17
    • 12 Game Over JavaScript - 4:44
    • 13 Final Code Review - 13:09
    • Source Code
  • JavaScript practice build a game Card game
    • cardGamePROMO - 0:56
    • 0 HiLo Game Course Introduction - 2:57
    • Section Source Code
    • 0 Web Dev setup - 2:20
    • 1 Game Board Setup - 4:03
    • 2 Setup Game Variables - 4:15
    • 3 Play the Game - 8:05
    • 4 Build Card Deck - 6:15
    • 5 Draw Random Card - 5:13
    • 6 Build Card CSS - 7:05
    • 7 Visual Card JavaScript Builder - 6:14
    • 8 Game Logic Play Conditions - 8:00
    • 9 Code Review and Tweaks - 9:30
  • JavaScript Word Scramble Game from scratch course
    • 0 Word Game Introduction - 1:24
    • 00 Car Game Dev Tools - 2:12
    • 00 Dev Tools Setup - 2:15
    • 1 Setup Word Guess Game - 4:24
    • 2 JavaScript start Game - 3:03
    • 3 Foreach Arrays JavaScript - 7:43
    • 4 build interactive elements - 5:29
    • 5 Add Game Play Show Word - 2:38
    • 6 Check Correct and Win - 3:07
    • 7 JavaScript Date Start Timer - 4:20
    • 8 Game Tweaks and Update - 3:16
    • 9 Source Code Review - 7:04
    • Section Source Code
  • Car driving Game JavaScript
    • PromoVideo - 0:49
    • 0 Car Game Introduction - 2:06
    • 00 Car Game Dev Tools - 2:12
    • 00 Dev Tools Setup - 2:15
    • 10 JavaScript Car Game Setup - 4:02
    • 11 KeyPress Event Listeners - 4:37
    • 12 RequestAnimationFrame Method - 6:08
    • 13 Move Div with Keypress - 6:30
    • 14 Road Builder - 6:13
    • 15 Road lines moving - 3:16
    • 16 Road Line Movement 2 - 4:02
    • 17 Generate More Cars - 5:43
    • 18 Check Collision Detection - 4:32
    • 19 End Game Scoring - 6:04
    • 20 Restart Game Function - 2:21
    • 21 Random Color value - 4:47
    • 22 Game Tweaks and adjustments - 2:58
    • 23 Quick CSS update - 2:13
    • 24 Car Game Code Review - 12:52
    • Source Code
  • JavaScript - Click Shape Game from Scratch
    • 0 Game Introduction click shape - 2:05
    • Source Code
    • 0 Web Dev setup and course tips - 2:50
    • 1 Click Reaction Game - 3:31
    • 2 Make it interactive - 3:36
    • 3 Player Message - 3:07
    • 4 Start the Gameplay JavaScript - 3:36
    • 5 JavaScript Math Random - 3:45
    • 6 JavaScript Create Elements - 8:32
    • 7 Random Colors JavaScript - 6:11
    • 8 Set Timeout Game - 3:14
    • 9 Interactive Dynamic Element - 6:07
    • 10 Reaction Game Review - 4:42
  • JavaScript Plane Bomber Game - DOM practice exercise
    • PlaneBomberPromo - 1:00
    • 0 Bomber Plane Game Introduction - 2:32
    • source code
    • 1 Game Area Setup - 2:58
    • 2 KeyBoard Events - 6:19
    • 3 Start Game - 4:51
    • 4 Add animation frame - 7:48
    • 5 Game fixes - 4:39
    • 6 Game Scoring - 2:58
    • 7 Show Scoreboard to player - 2:25
    • 8 Add Enemy Base - 5:13
    • 9 Make the bombs - 7:30
    • 10 Move bombs Automatically - 4:49
    • 11 Collision Detection - 5:23
    • 12 Final Gameplay Tweaks - 7:31
    • 13 Bomber Plane Code Review - 7:20
  • Click Games JavaScript - 2 Game projects from scratch
    • 0 JavaScript Click Games Introduction - 2:37
    • source code
    • 1 Game HTML Setup - 3:27
    • 2 DOM MouseEvents - 5:08
    • 3 Create Target Element - 6:44
    • 4 Eventlisteners on new elements - 2:34
    • 5 Animate the new element - 9:05
    • 6 Add Scoring Game Tweaks - 2:29
    • 7 Code Review Catch Me Application - 5:13
    • 8 Reaction Game Setup - 2:44
    • 9 Play the Game - 1:57
    • 10 Create Target Element - 5:53
    • 11 Event Handling Element - 2:50
    • 12 Continue GamePlay - 2:51
    • 13 Code Review Reaction Game - 3:53
  • JavaScript in Action - bird flying game fun with the DOM
    • birdyPromo30 - 0:56
    • 0 Flying Bird Game Introduction - 2:17
    • source code
    • 1 Game Setup Structure - 4:16
    • 2 Add Event Listeners - 4:00
    • 3 Keyboard event tracking - 5:32
    • 4 Add element to page - 3:47
    • 5 JavaScript RequestAnimationFrame - 7:10
    • 6 Move Conditions - 2:42
    • 7 Wing Movements - 3:56
    • 8 Scoring and gravity - 3:30
    • 9 Game End Conditions - 4:17
    • 10 Create Obstacles - 9:15
    • 11 Moving Obstacles - 5:39
    • 12 Checking Collision Detection - 6:52
    • 13 Handle Game Over - 1:32
    • 14 Game Code Review - 12:30
    • 15 Bonus Add Color - 1:59
  • JavaScript Number Guessing Game - JavaScript DOM
    • 0 Introduction to Guesser Game - 2:55
    • Source code
    • 1 Number Guess Game Setup2 - 3:11
    • 2 DOM content Loaded - 3:14
    • 3 Game Setup Function - 3:44
    • 4 Get Random Number - 5:16
    • 5 Add Event Listener - 5:38
    • 6 Element Manipulation DOM - 3:39
    • 7 GameOver and Restart - 8:18
    • 8 Code Tweaks - 3:59
    • 9 Number Guesser Code Review - 6:56
  • JavaScript Alien Invaders Game Project Course
    • 0 Alien Invader Introduction - 1:55
    • source code
    • 1 Game Play Setup - 4:56
    • 2 Start Game Action - 8:05
    • 3 Move Player Keyboard - 4:56
    • 4 Starting the Game - 3:51
    • 5 Container Boundary - 2:24
    • 6 Fire Away Shooting - 7:08
    • 7 Start Game Prep Aliens - 7:13
    • 8 Create some Aliens - 6:14
    • 9 Add Eyes and Features - 5:05
    • 10 Lets Get Moving - 6:26
    • 11 Tweaks and Fixes - 6:26
    • 12 Hit Detection - 7:50
    • 13 Hit Target handle - 5:09
    • 14 Final Code Tweaks and Updates - 5:52
    • 15 Quick Fix Alien Count - 1:45
    • 16 Alien Invader Code Review - 12:44
  • JavaScript Card War Game Project Course
    • 0 Battle Card Game Introduction - 3:19
    • source code
    • 1 Game Area Setup - 6:00
    • 2 Start the Game - 5:50
    • 3 Create Deck of Cards - 4:25
    • 4 Create Game Players - 8:01
    • 5 Deal the cards - 7:43
    • 6 Make Cards for Players - 9:19
    • 7 Make the Card Look Better - 4:27
    • 8 Game Logic - 6:18
    • 9 Handle Winner of Deal - 8:12
    • 10 Multiple Rounds Attack - 5:42
    • 11 Fix Playoff Function - 10:50
    • 12 Game Restart - 5:25
    • 13 Tweaks and Fixes - 11:27
    • 14 Battle Game Code Review - 11:46
    • 15 Debug of Playoff Issue - 1:49
  • JavaScript Breakout Game from scratch with only JavaScript
    • brickbreaker - 0:58
    • Section Brick Breaker Game - 1:51
    • 0 Brick Breaker Game - 2:15
    • Source Code
    • 1 Game Setup - 4:10
    • 2 Create Elements - 10:05
    • 3 Keypresses Interaction - 7:47
    • 4 Start Game Setup1 - 3:35
    • 5 Setup Bricks - 5:22
    • 6 Create Brick - 6:24
    • 7 Quick Fix - 2:27
    • 8 Bouncing Ball - 6:17
    • 9 Collision Detection - 10:50
    • 10 Brick Breaker - 3:46
    • 11 Tweaks and Adjustments 1 - 7:40
    • 12 Tweaks and Adjustments 2 - 7:25
    • 13 Tweaks and Adjustments 3 - 4:56
    • 14 Code Review - 11:30

View Full Curriculum


Access
Lifetime
Content
4 hours
Lessons
58

JavaScript DOM Explorer with Mini Applications

Learn More About the DOM & How to Interact with the JavaScript Document Object Model

By Laurence Svekis | in Online Courses

In this course, you'll learn more about working the JavaScript Document Object Model to create interactive, dynamic web applications by actually building the projects themselves.

  • Access 58 lectures & 4 hours of content 24/7
  • Input form & generators
  • Learn how to use the JavaScript DOM

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • JavaScript 3 projects - Input form Exercise and Generators
    • 0 JavaScript Input Exercises - 3:35
    • Source Code
    • 1 Setup copy to clipboard - 4:54
    • 2 Add interaction Event Listeners - 6:37
    • 3 Clipboard app final tweak - 2:07
    • 4 2Copy to Clipboard Code Review - 5:05
    • 5 Grocery List Maker Setup - 3:08
    • 6 Create Dynamic Content - 6:06
    • 7 Add Event Listeners2 - 5:35
    • 8 Add item to List - 2:10
    • 9 Edit Element Content - 6:16
    • 10 Code Tweaks - 2:39
    • 11 Code Review List Application - 8:45
    • 11 Image Path Generator - 4:00
    • 12 Make the form interactive - 3:24
    • 13 Generate Image Path - 6:18
    • 14 Tweak and Updates - 4:54
    • 15 Image Generator Code Review - 3:52
  • DOM Commander JavaScript Project Course
    • 0 DOM Element Manipulation Introduction - 2:48
    • source code
    • 1 Setup Elements JavaScript - 3:07
    • 2 JavaScript add Style - 2:57
    • 3 Function Mover - 3:06
    • 4 KeyBoard events - 3:51
    • 5 Random HEX color - 3:34
    • 6 Action List Maker - 5:38
    • 7 Element Mover - 7:17
    • 8 Quick Fixes - 3:40
    • 9 Remove Action from List - 4:47
    • 10 Code Review and Tweaks - 9:06
  • JavaScript - DOMinator project apply JavaScript learn DOM
    • 0 DOMinator Course Introduction - 2:24
    • Source Code
    • 1 Element Selection - 2:52
    • 2 Element Events - 3:57
    • 3 Element Manipulate Content - 2:54
    • 4 Element Updater - 6:36
    • 5 Add Remove Classes - 2:22
    • 6 More Classes DropDown - 6:45
    • 7 More Elements in DropDown - 5:21
    • 8 DropDown Builder - 7:38
    • 9 JavaScript Add New Elements - 3:18
    • 10 Create Element Dynamically - 3:12
    • 11 Element Remover - 4:13
    • 12 DOMinator Code Review - 8:10
  • JavaScript Element Catcher Game
    • 0 Dropper Elements Game Introduction - 3:17
    • source code
    • 1 Setup Game Elements - 5:08
    • 2 Add Styling CSS - 2:20
    • 3 Start Game Button - 5:04
    • 4 Keyboard event Listener - 3:59
    • 5 Add Animation frame - 6:28
    • 6 Stay within Container - 3:00
    • 7 Setup Bad Guys - 7:10
    • 8 Move the Elements - 4:20
    • 9 Check Collision - 5:04
    • 10 End the Game - 4:40
    • 11 Customize GamePlay - 4:07
    • 12 Dropper Elements Game Code Review - 7:37

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
44

JavaScript Useful Code Snippets & Applications

Learn How to Apply JavaScript for Everyday Code

By Laurence Svekis | in Online Courses

In this course, you'll get the code snippets and detailed instruction you need to perform a variety of projects. You'll discover how to create web validation forms, build a seamless CSV creator, and much more.

  • Access 44 lectures & 3 hours of content 24/7
  • Explore JavaScript cookies
  • Create CSV files w/ JavaScript
  • Explore the JavaScript YouTube API

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • JavaScript Form Validation Web application
    • 0 Form Validation Introduction - 2:21
    • Source Code
    • 1 Setup Email Form - 5:09
    • 2 JavaScript Event Listeners - 3:39
    • 3 Get all input values - 4:06
    • 4 Check length and Required - 5:12
    • 5 Check for Valid Email - 5:30
    • 6 Valid Password Checker - 5:08
    • 7 Final Code Updates - 2:53
    • 8 Validation App Code Review - 6:10
  • Explore JavaScript Cookies while building cookie get set tester web application
    • 0 Cookie Tester Application Introduction - 2:20
    • source code
    • 9 Setup Cookie Tester - 3:07
    • 10 Select Elements Add Events2 - 5:30
    • 11 JavaScript Set Default Date Value2 - 6:01
    • 12 Input Name and Value - 5:15
    • 13 Set Cookie JavaScript - 7:49
    • 14 Update and Delete Cookie - 6:43
    • 15 List Cookies - 6:11
    • 16 Cookie Machine Code Review - 10:26
  • JavaScript CSV file creator - Google sheet to CSV Project
    • 0 Google Sheet to CSV - 2:28
    • Source Code
    • 1 Setup CSV Maker - 3:19
    • 2 Setup Data Values - 2:13
    • 3 Process CSV Data - 5:32
    • 4 Avoid Memory Leaks - 2:02
    • 5 Create CSV File - 1:46
    • 6 Export Fixer - 5:10
    • 7 Google Sheet Data - 7:04
    • 8 Fetch Data from JSON - 10:42
    • 9 Google Sheet to CSV - 10:05
  • JavaScript YouTube API Course
    • Section YouTube API Introduction - 2:22
    • 0 YouTube API Introduction - 2:54
    • Source code
    • 1 Setup Page - 9:49
    • 2 YouTube API key - 2:21
    • 3 Create Fetch request - 4:22
    • 4 Event Handler - 3:55
    • 5 Handle Response Data - 6:44
    • 6 JavaScript Map Prototype - 5:39
    • 7 Fetch Update1 - 2:36
    • 8 Next Page - 4:35
    • 9 Next Page 2 - 4:50
    • 10 Code Review YouTube API - 3:26

View Full Curriculum


Access
Lifetime
Content
1 hours
Lessons
15

Learn HTML5 Canvas Drawing with JavaScript

Use JavaScript to Draw on HTML5 Elements

By Laurence Svekis | in Online Courses

The Canvas API provides a means for drawing graphics via JavaScript and the HTML canvas element. This course covers using JavaScript to apply drawing to the canvas element. After demonstrations of the canvas element and how to draw on it with JavaScript, the course will show you how to create an interactive drawing tool that the web user can use to draw, selecting colors and pencil width.

  • Access 15 lectures & 1 hour of content 24/7
  • Learn the basics of HTML5 Canvas
  • Discover how to draw on Canvas
  • Output text content onto Canvas
  • Set & use images
  • Download, save, & clear content

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • First Section
    • PROMO-Canvas - 0:58
    • 0 Canvas Introduction - 2:05
    • Source Code
    • 1 Developer Setup Introduction - 2:47
    • 2 Basics of Canvas - 3:48
    • 3 Canvas Dimensions - 3:33
    • 4 Drawing Shapes - 6:31
    • 5 Drawing Arc - 7:45
    • 6 Canvas adding Text - 1:51
    • 7 Images in Canvas - 2:49
    • 8 back to HTML - 5:09
    • 9 Canvas Drawer Project - 9:57
    • 10 Canvas Commands - 4:13
    • 11 Save and Clear Image - 5:40
    • 12 Code Review - 5:44

View Full Curriculum


Access
Lifetime
Content
1 hours
Lessons
19

JavaScript Objects & OOP with JavaScript

Apply JavaScript Objects & Use OOP with JavaScript

By Laurence Svekis | in Online Courses

JavaScript objects are at the core of JavaScript. Learning how to use objects and construct objects can greatly increase what you can do with JavaScript. In this course, you'll get familiar with objects and object-oriented programming to help you get the most from your code.

  • Access 19 lectures & 1 hour of content 24/7
  • Create objects & use them to hold information
  • Create a shopping cart & get element information using objects
  • Explore object-oriented programming
  • Build a dice game using OOP

Instructor

Providing Web development courses and digital marketing strategy courses since 2002. Laurence Svekis is an innovative technology expert with a wide range of real-world experience providing smart digital solutions online for both small and enterprise level businesses.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • JavaScript Objects and OOP with JavaScript
    • OOPpromo - 0:58
    • 0 SectionIntro - 2:03
    • Source Code
    • 0 OOP Objects Introduction - 3:02
    • 1 Introduction Dev Setup - 3:19
    • 2 JavaScript Objects - 8:07
    • 3 Car an Object - 5:51
    • 4 Shopping Cart Challenge - 5:22
    • 5 Shopping Cart Challenge 2 - 5:32
    • 6 Shopping Cart Challenge 3-1 - 6:45
    • 7 Object Oriented Programming - 2:46
    • 8 Objects Construction - 6:44
    • 9 Dice Game OOP - 5:26
    • 10 Dice Game OOP 2 - 2:35
    • 11 Shopping cart OOP - 5:23
    • 12 Shopping cart OOP 2 - 6:58
    • 13 Shopping cart OOP 3 - 6:03
    • 14 Shopping cart OOP 4 - 5:49
    • 15 Shopping cart OOP 5 - 5:42

View Full Curriculum



Terms

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