Get $1 credit for every $25 spent!

The 2022 Javascript Developer Bootcamp Certification Bundle

Ending In:
Add to Cart - $29.99
Add to Cart ($29.99)
$1,600
98% off
wishlist
Courses
8
Lessons
917
Enrolled
121

What's Included

Product Details

Access
Lifetime
Content
20.0 hours
Lessons
192

JavaScript Beginner Bootcamp 2022

Understand the JavaScript Language & Learn to Create and Launch Interactive Webpages

By Rob Merrill | in Online Courses

The JavaScript Beginner Bootcamp is your one-stop shop when it comes to learning the language of JavaScript. The course starts from scratch and builds up your understanding of the world's most popular programming language. View JavaScript in action with whiteboard videos optimized for viewing on your smartphone. You can also practice JavaScript in your web browser! You'll finish this course with an understanding of JavaScript that will let you take a deeper dive into the language and possibly launch you into a new career as a JavaScript web developer.

4.6/5 average rating: ★ ★ ★ ★

  • Access 192 lectures & 20 hours of content 24/7
  • Learn basics of JavaScript
  • Create Interactive Webpage & deploy to the web
  • Build projects as you learn concepts to get a taste of building applications on a small scale
  • Become interview ready with whiteboard algorithm challenges
  • Build a Portfolio Page with HTML & CSS
  • Visually understand the JavaScript Language
  • Look under the hood to understand how JavaScript works
Rob Merill | 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.

Important Details

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

Requirements

  • No prior coding experience needed

Course Outline

  • Your First Program
  • JavaScript - The Basics
    • Variables - 4:53
    • Variables Lab - 4:20
    • Variables Cheat Sheet
    • String Whiteboard Lesson - 5:40
    • String Lab - 5:45
    • Strings Cheat Sheet
    • Operators Whiteboard - 7:48
    • Operators Lab - 7:06
    • Section Review - 17:02
  • Launch Your Career
    • Get Out of Tutorial Hell
    • Landing Your First Dev Job
    • Dealing with Time Management and Imposter Syndrome
    • What to Put in a Junior Developer Portfolio
  • JavaScript Essentials - Mini Apps
    • Kelvin to Fahrenheit
    • Kelvin to Farenheit Video Walkthrough - 9:51
    • Mini Project - Cat Years
    • Cat Years - Video Walkthrough - 8:22
  • JavaScript Objects
    • Objects - Whiteboard - 4:43
    • Objects - Lab - 3:54
    • Object Dot & Bracket Notation - Whiteboard - 5:12
    • Object Dot & Bracket Notation - Lab - 4:40
    • Object Constructor Function - Whiteboard - 6:26
    • Object Constructor Function - Lab - 6:03
    • The Secret Life of JavaScript Primitives - 7:23
  • JavaScript Arrays
    • JavaScript Array Syntax - Whiteboard - 4:27
    • JavaScript Array Syntax - Lab - 4:15
    • Array Methods - Whiteboard - 5:17
    • Array Methods - Lab - 4:19
    • Array Methods Part 2 - Whiteboard - 5:23
    • Array Methods Part 2 - Lab - 6:54
    • Array Review - 12:39
  • Array Mini App
    • Mini Project: Random Insult Generator
    • Random Insult Generator - Video Walkthrough - 9:21
    • Mini Project: Random Insult Generator Video Walkthrough
  • JavaScript Function
    • Function Syntax - Whiteboard - 4:26
    • Functions Part1 - Lab - 3:46
    • Functions Part2 - Whiteboard - 5:29
    • Functions Part2 - Lab - 5:03
    • Functions Part3 - Whiteboard - 5:15
    • Functions Part3 - Lab - 7:02
  • JavaScript Functions: Mini Apps
    • Bear, Human, Gun Game
    • Bear, Human, Gun Game - Video Walkthrough - 18:25
    • Bear, Human, Gun Game - Video Walkthrough - Step by Step - 10:12
    • Bear, Human, Gun - Code
    • Mini App: Calorie Calculator
    • Mini App: Calorie Calculator - Video Walkthrough - 21:28
    • Mini App: Calorie Calculator - Step by Step - 7:50
    • Calorie Calculator - Code
  • JavaScript Loops and Conditions
    • Loops Part1 - Whiteboard - 7:54
    • Loops Part1 - Lab - 7:13
    • Switch - Whiteboard - 3:51
    • Switch - Lab - 7:36
    • Loops Part2 - Whiteboard - 7:37
    • Loops - Part2 - Lab - 7:11
  • JavaScript Loops & Conditionals: Mini App
    • Magic 8 Ball - 9:12
    • Magic 8 Ball - Video Walkthrough
  • JavaScript Regular Expressions
    • Regex - 8:48
    • Regex Lab
  • Context: This, Bind, Call & Apply
    • This and Bind - Whiteboard - 5:04
    • This and Bind - Lab - 5:59
    • This and Call - Whiteboard - 5:57
    • This and Call - Lab - 5:19
  • Functional Programming
    • Functional Programming Part 1 - Whiteboard - 9:03
    • Functional Programming Part 1 - Lab - 8:29
    • Functional Programming Part 2- Whiteboard - 7:26
    • Functional Programming Part 2 - Lab - 7:09
    • Functional Programming Part 3 - Whiteboard - 7:37
    • Functional Programming Part 3 - Lab - 8:17
  • Whiteboard Algorithms
    • Identify Unique String - 9:36
    • Identify Longest Word in a String - 8:22
    • Permutation of Two Strings - 9:34
  • ES6
    • Let Statements - Whiteboard - 5:29
    • Let Statements Lab - 7:57
    • Const Declaration - Whiteboard and lab - 3:08
    • Arrow Functions - Whiteboard - 5:25
    • Arrow Function - Lab - 6:13
    • Spread Operator - Whiteboard - 6:15
    • Spread Operator - Lab - 6:28
  • More Algorithm Challenges
    • Environment Setup
    • Repeat String with For Loop - 8:00
    • Remove Odd Numers from Array Filter Method - 5:37
    • Palindrome - 8:51
    • Sum of Range - 6:45
    • Repeat String with While Loop - 5:53
    • Remove Elements from Head - 7:57
    • Name Swap Indices - 8:44
    • Remove Odd Number from Array with Modulus Operator and For Loops - 8:45
    • Reverse a String - 11:57
    • Reverse-a-String-Part-2 - 1:43
    • Reverse-a-String-Part-3 - 5:31
    • Reverse-a-String-Part-4 - 5:31
    • Find-Longest-String-Part-1 - 12:05
    • Find the Longest String Part 2 - 8:27
    • Filter String Array - 12:00
    • Is-Palindrom - 11:57
  • Introduction to the DOM
    • Introduction-to-the-DOM - 7:51
    • DOM-Tree-Nodes - 6:07
  • Todo App
    • Todo-List-Project-Overview - 4:42
    • Todo-List Document.querySelector()-Document.getElementById() - 8:37
    • Todo-List Changing-the-DOM-with-textContent - 6:11
    • Todo-List More-DOM-Methods-and-Properties - 10:07
    • Todo-List User-Interactions-and-Event-Listeners - 4:10
    • Todo-List Working-with-Forms - 6:25
    • Todo-App-Without-Local-Storage - 13:41
    • Todo-App Local-Storage - 6:10
    • Todo-App-With-Local-Storage - 13:38
    • CSS - 3:09
    • How-to-Share-Code - 2:23
  • Matching Game
    • Matching-Intro - 6:14
    • Matching-Part-1 - 9:41
    • Matching-Part-2 - 2:27
    • Matching-Part-3 - 2:07
    • Matching-Part-4 - 4:19
    • Matching-Part-5 - 2:33
    • Match-Part-6 - 8:15
    • Matching-Part-7 - 3:35
    • Matching-Part-8 - 2:18
    • Matching-Part-9 - 5:13
  • Quote Machine
    • Quote Machine Intro
    • Quote-Machine-HTML-CSS-Video-Walkthrough - 13:30
    • Quote Machine Javascript
    • Quote-Machine-JavaScript-Video-Walkthrough - 16:20
    • Quote-Machine-Deploy - 1:37
  • HTML & CSS Primer
    • Website-Overview - 1:50
    • Website-Text-Editor - 2:35
    • HTML-Intro - 6:14
    • HTML-Elements-and-Tags - 6:56
    • HTML-About - 3:45
    • HTML-Services - 8:42
    • HTML-Comments-and-Structure - 7:06
    • HTML-Header - 6:01
    • HTML-Hero - 4:28
    • HTML-Testimonal - 6:40
    • HTML-Footer - 4:09
    • CSS-Intro - 5:32
    • CSS-Header - 9:34
    • CSS-Hero - 5:14
    • CSS-Footer - 2:46
    • CSS-Services - 2:47
    • CSS-Internal-Navigation - 4:04
    • CSS-About-and-Testimonial - 3:03
  • Front End Cookbook
    • CSS-Animations-Video-Walkthrough - 15:39
    • CSS-Animations-Challenge-Video-Walkthrough - 15:02
    • CSS-Transitions-Video-Walkthrough - 9:22
    • CSS-Transitions-Challenge-Video-Walkthrough - 9:27
    • JS-Debugger-Part3 - 4:49
    • JS-Debugging-Part1 - 6:06
    • JS-Debuggin-Part2 - 5:02
    • JS-Moment-Basics - 8:32
    • JS-Moment-Christmas-Countdown - 11:46
  • React
    • React-From-Scratch - 12:09
    • Challege-Using-JSX - 8:49
    • Code-Refactor - 3:01
    • Rendering-One-Element - 3:54
    • React-Babel - 7:07
    • React-Rendering-Multiple-Elements - 4:20
    • Creating-Stateless-Functional-Components - 7:04
    • Stateless-Functional-Components-Practice - 4:17
    • Creating-Class-Components - 6:16
    • Class-Components-Practice - 3:27
    • Styling-Stateless-Functional-Components - 8:04
    • Styling-Class-Componets - 8:36
    • Styling-Within-Component - 9:29
    • Complex-Components - 6:10
    • Setting-Up-Project - 6:11
    • Building-Our-Components - 3:50
    • Styling-Our-Components-Part1 - 6:39
    • Styling-Our-Components-Part2 - 5:30
    • Props-Part1 - 7:10
    • Props-Part2 - 5:51
    • Props-Part3 - 7:48
    • Codepen-Challenge1 - 3:36
    • Codepen-Challenge2 - 2:30
    • Codepen-Challege3 - 5:25
    • Codepen-Challenge4 - 3:17
    • Codpen-Challenges5
    • Props-Project - 10:05
    • Iterating-Through-Lists - 10:10
    • Iterating-Through-Lists-Refactor - 1:59
    • Rendering-Two-Filtered-and-Transformed-Lists-to-the-DOM - 7:15
    • Filter-and-Map-On-Array - 4:20
    • Codepen-Challenge-Part1 - 4:32
    • Codepen-Challenge-Part2 - 4:20
    • Color-Spectrum-Refactor - 6:55
    • Friendly-App-Refactor-with-Map - 7:16
    • Friendly-Filter-and-Map-Two-Lists-DOM - 6:54
    • React-Events-Part2 - 8:35
    • Useless-Note-Taker-Introduction-to-Events - 10:14
    • Guess-My-Age-Intro-to-State - 13:36
    • Food-Menu-Vote - 13:50
    • React-Ajax-Requests - 18:45
    • React-Forms - 10:52

View Full Curriculum


Access
Lifetime
Content
37.0 hours
Lessons
284

The 2022 Javascript Developer Bootcamp

Immerse Into the World's Most Popular Programming Language with Real-World Projects

By Development Island | in Online Courses

JavaScript the Basics is your one-stop course to enter into the language of JavaScript. This course takes you from scratch and builds up your understanding of the world's most popular programming language together. You can practice JavaScript in your web browser! Take advantage of Google Chrome developer tools to put the JavaScript you have learned during the whiteboard lessons into practice with further examples and challenges. This course is also full of mini-projects that allow you to apply the JavaScript you are learning to actually build something that you can use.

4.0/5 average rating: ★ ★ ★ ★

  • Access 284 lectures & 37 hours of content 24/7
  • Take a deeper dive into JavaScript
  • Learn best JavaScript practices
  • Work with JS Objects, Arrays, Functions, & Conditionals
  • Learn JS functional programming
  • Build a portfolio page with HTML & CSS
  • Make an interactive web page
Development Island
4.5/5 Instructor Rating: ★ ★ ★ ★

Development Island is a UK based innovative company specialized in providing the best technology courses on the internet. They take pride in teaching over 100,000 students from 173+ countries. They believe their courses are the best in the market for two reasons:

  • They use a practical approach that they developed over years of experience: Learning by doing
  • They make your learning experience enjoyable and fun

Important Details

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

Requirements

  • No prior coding experience needed

Course Outline

  • Introduction
    • Introduction to JavaScript - 11:18
    • Get your toolbox - Chrome & Brackets
    • Install Chrome & Brackets - 2:43
    • Your first JavaScript Programme - 10:04
  • Variables & Data Types
    • Download Chapter Source Code
    • Introduction - 1:55
    • Create Variables - 9:24
    • Activity: Avoid a Speeding Fine! - 7:58
    • Rules - 1:59
    • Reserved Keywords
    • Memory - 3:03
    • Numbers - Introduction - 5:05
    • Numbers - Arithmetic Operations - 4:51
    • Numbers - Operator Precedence - 5:55
    • Operators and Operator Precedence
    • Numbers - More Operator / Special Numbers - 10:31
    • Strings - 8:33
    • Activity: How old will you be in 2040? - 12:05
    • Booleans - 2:18
    • Booleans - Logical Operators - 4:00
    • Booleans - Operator Precedence - 2:07
    • Booleans - Ternary Operator - 1:57
    • Booleans vs Non Booleans - 12:05
    • Activity: Will you pass? - 18:04
    • null and undefined - 3:04
    • Type coercion - 8:00
    • Objects - 13:12
    • Activity: Claim Extra points - 5:34
    • Arrays - 2:47
    • Coding Challenge: Help the Cashier - Introduction - 8:11
    • Download Coding Challenge Source Code
    • Coding Challenge: Help the Cashier - Logic - 5:08
    • Coding Challenge: Help the Cashier - Solution (Part 1) - 9:18
    • Coding Challenge: Help the Cashier - Solution (Part 2) - 16:12
  • Conditional and Looping
    • Download Chapter Source Code
    • If Statement - 7:53
    • Activity: Beat Usain Bolt - 19:54
    • Switch Statement - 7:29
    • Activity: Days of the week - 6:28
    • For Statement - 12:54
    • Activity: Find a hotel in London - 19:18
    • while do Statement - 14:04
    • do while Statement - 1:49
    • Activity: 24h Schedule App - 18:49
    • Download Coding Challenge Source Code
    • Coding Challenge: Improve your Cashier Code - Part 1 - 1:15
    • Coding Challenge: Improve your Cashier Code - Solution 1 - 5:54
    • Coding Challenge: Improve your Cashier Code - Part 2 - 2:03
    • Coding Challenge: Improve your Cashier Code - Solution 2 - 2:47
  • Functions - Part 1
    • Download Chapter Source Code
    • Introduction - 6:55
    • Activity: Holiday Budget Planner - 10:16
    • Return values - 5:07
    • Activity: The Miami Museum - 10:21
    • Pass 'by value' vs 'by reference' - 11:26
    • Activity: Rafael Nadal vs Novak Djokovic - 15:11
    • First class functions - 11:57
    • Activity: Mars Invasion - 19:57
    • Statement vs Expression - 10:25
    • Activity: The Island Treasure - 14:49
    • IIFE: Immediately Invoked Function Expressions - 6:55
    • An invocation pattern: Recursion - 9:34
    • Activity: Fibonacci's honey bees - 13:01
    • Built-in JS Functions - 8:53
    • Scope - 14:50
    • Activity: Manchester-London Train Simulation (1) - 19:03
    • Activity: Manchester-London Train Simulation (2) - 19:35
    • Download Coding Challenge Source Code
    • Coding Challenge: Is it prime? - Introduction - 3:42
    • Coding Challenge: Is it prime? - Logic - 3:23
    • Coding Challenge: Is it prime? - Solution - 15:48
    • Coding Challenge: Can you count the primes? - Introduction - 2:26
    • Download Coding Challenge Source Code
    • Coding Challenge: Can you count the primes? - Logic - 2:07
    • Coding Challenge: Can you count the primes? - Solution - 5:52
  • Objects - Part 1
    • Download Chapter Source Code
    • Object literals - 3:03
    • 'Dot notation' vs 'Brackets' - 10:15
    • Activity: Hack the recipe - 17:05
    • Constructors - 'new' keyword - 'this' - 17:20
    • Prototype - 6:49
    • Activity: The Hotel Manager (1) - 16:09
    • Activity: The Hotel Manager (2) - 18:34
    • Activity: The Hotel Manager (3) - 5:31
    • Equality - 8:00
    • String Object - 8:57
    • String Object Methods
    • Activity: Lion, tiger or else? (1) - 15:23
    • Activity: Lion, tiger or else? (2) - 9:35
    • Date Object (1) - 17:08
    • Date Object (2) - 7:43
    • Date Object Methods
    • Activity: Is the library open? (1) - 19:44
    • Activity: Is the library open? (2) - 17:23
    • Activity: Is the library open? (3) - 9:14
    • Math Object - 3:40
    • Math Object Methods
    • JSON - 12:47
    • Array Object - 4:43
    • Array methods - 13:25
    • Loop through Arrays using forEach - 2:43
    • Activity: The Europe Tour (1) - 19:56
    • Activity: The Europe Tour (2) - 16:40
  • The DOM
    • Download Chapter Source Code
    • Learn HTML&CSS (1) - 12:11
    • Learn HTML&CSS (2) - 9:34
    • Learn HTML&CSS (3) - 13:25
    • Learn HTML&CSS (4) - 11:22
    • Understand the DOM - 7:22
    • Access DOM elements (1) - 18:44
    • Access DOM elements (2) - 6:20
    • Change DOM elements - 18:53
    • Remove DOM elements - 6:22
    • Event Handling (1) - 14:31
    • Event Handling (2) - 10:56
    • event object - keys - 6:36
    • event object - mouse events - 13:19
    • event object - scroll event - 6:59
    • event object - focus - 3:40
    • event object - preventDefault - 3:36
    • Single Threaded Javascript - 5:07
    • Debouncing - 8:15
    • Event Propagation - 8:41
    • Event Delegation - 13:48
    • jQuery - 19:17
  • Execution Context - Hoisting - 'this'
    • Download Chapter Source Code
    • Global Execution Context - 'this' - 4:08
    • Execution Context - Creation & Hoisting - 5:08
    • Execution Context - Execution - 12:54
    • Function declaration overriding variable declaration - 5:13
  • Scope Chain
    • Download Chapter Source Code
    • Introduction - 4:12
    • Understand the scope chain - 11:06
  • Closures
    • Download Chapter Source Code
    • Understand Closures - 19:13
    • Update values of outer variables (1) - 8:02
    • Update values of outer variables (2) - 4:53
    • Closures with event loops (1) - 9:42
    • Closures with event loops (2) - 5:27
    • Iteration Challenge - 8:21
  • Objects - Part 2: Encapsulation & Information Hiding
    • Download Chapter Source Code
    • Why would you hide information? - 9:03
    • Use closures to hide properties and methods - 12:41
    • Use IIFE to create private static properties and methods - 7:09
  • Objects - Part 3: Inheritance & Prototype Chain
    • Download Chapter Source Code
    • Understand the prototype (1) - 5:44
    • Understand the prototype (2) - 3:47
    • Inheritance&PrototypeChain: proto - 9:57
    • Inheritance&PrototypeChain: Object.create - 4:07
    • Inheritance&PrototypeChain: Constructor Inheritance - 18:21
    • Inheritance&PrototypeChain: extend function - 6:01
    • Class Augmentation (1) - 19:21
    • Class Augmentation (2) - 11:09
    • Object cloning - 6:55
  • Objects - Part 4: Objects Challenges
    • Download Chapter Source Code
    • Challenge: Iteration and hasOwnProperty - 7:49
    • Challenge: Iteration using object.keys & forEach - 8:18
    • Challenge: getPrototypeOf & getOwnPropertyNames - 8:52
    • Challenge: Climb up the prototype chain - 16:37
  • Objects - Part 5: Singleton & Module Patterns
    • Download Chapter Source Code
    • Namespacing - 6:06
    • Singleton Pattern - 3:41
    • Wrap page specific code - 19:56
    • Modular Design Pattern - 8:33
  • Functions - Part 2
    • Download Chapter Source Code
    • Functions are objects - 5:42
    • The 'arguments' property - 8:14
    • Function.prototype.call - 17:44
    • Function.prototype.apply - 1:22
    • Function.prototype.bind - 5:23
  • Typing Test App (Advanced Real Life Professional Project)
    • Introduction - 3:33
    • Steps Simplified - 9:47
    • Back to Client Requirements - 10:17
    • Functional Design - 4:32
    • Modular Design Pattern - 8:07
    • Modular Categorisation - 8:47
    • Data Module Structure - 14:32
    • UI Module Structure - 18:07
    • Format Current Word Structure - 11:23
    • Results Calculation Structure - 6:07
    • Update Time Left - Structure - 3:23
    • Certificate Module Structure - 1:12
    • Events Module Structure - 2:47
    • Words Module Structure - 1:24
    • Overview of Modules - 2:46
    • Get ready to Write Code - 6:51
    • Code as you Go
    • App Skeleton & Decoration (1) - 19:01
    • App Skeleton & Decoration (2) - 19:10
    • App Skeleton & Decoration (3) - 19:46
    • Code as you Go
    • init function (Events Module) - 9:15
    • Code as you Go
    • Code as you Go
    • Fill the list of Test Words (Data Module) - 13:33
    • Code as you Go
    • Shuffle an Array - 13:46
    • Code as you Go
    • Add Random Capitalisation - 12:06
    • Code as you Go
    • Add Random Punctuation - 13:24
    • Code as you Go
    • Fill the list of Test Words (1) (UI Module) - 19:11
    • Fill the list of Test Words (2) (UI Module) - 18:16
    • Code as you Go
    • Time Initialisation (Data & UI Modules) - 14:43
    • Code as you Go
    • Move to a New Word (Data Module) - 17:53
    • Code as you Go
    • Set the Active Word & Format it (UI Module) - 16:01
    • Code as you Go
    • Type a Character - Event Listener - 18:47
    • Code as you Go
    • word.prototype.update(value) - 19:37
    • Code as you Go
    • keydown vs keyup vs keypress vs input Events - 6:32
    • Code as you Go
    • Format the Active Word (UI Module) - 19:52
    • Code as you Go
    • Press Space - Event - 8:58
    • Code as you Go
    • Scroll the Active Word into the Middle of the View - 10:53
    • Code as you Go
    • Press Enter - Create a Fake Event using the Event Constructor - 14:18
    • Code as you Go
    • Launch the Test - 8:07
    • Code as you Go
    • Calculate Words Per Minute & wpmChange (Data Module) - 15:25
    • Update the Time Left (Data & UI Modules) - 6:11
    • Code as you Go
    • Calculate Clicks Per Minute & cpmChange (Data Module) - 3:26
    • Code as you Go
    • Calculate accuracy & accuracyChange (Data Module) - 6:10
    • Code as you Go
    • Update Results (UI Module) - 19:59
    • Code as you Go
    • End the test & show the Modal (1) (Data & UI Modules) - 13:40
    • End the test & show the Modal (2) (Data & UI Modules) - 18:17
    • Code as you Go
    • Generate PDF Certificate (1) (Certificate Module) - 17:57
    • Code as you Go
    • Generate PDF Certificate (2) (Certificate Module) - 17:59
    • Code as you Go
    • Generate PDF Certificate (3) (Certificate Module) - 18:32
    • Code as you Go
  • ES6 - ES2015
    • Introduction - 3:36
  • ES6 - Variables & Scoping
    • Download Chapter Source Code
    • Review of 'var' declaration - 4:00
    • let' scope and temporal dead zone - 5:23
    • Block scoping in ES6 - 8:37
    • Functions and Block scoping - 10:50
    • Functions and Block scoping - Use 'let' - 3:20
    • let' Scope vs Closures - 6:43
    • Closures Challenge - 4:57
    • const' - Read only variables - 3:22
  • ES6 - Modern Features which will make your Coding Experience Easier!
    • Chapter Source Code
    • Template Literals - 4:52
    • Arrow Functions - 'this' Lexical Scope - 19:01
    • Destructuring - Arrays - 10:53
    • Destructuring - Objects - 7:52
    • Destructuring - Functions - 4:34
    • Functions - Default Parameter Values - 9:55
    • Functions - Rest Parameters - 16:52
    • Spread Operator - 4:29
    • Object Literals New Features - 9:07
  • ES6 - New Data Structures & Iteration (Iterators, Generators,Maps, Sets,...)
    • Chapter Source Code
    • for of Loop - 5:49
    • Iterators, Generators & next() - 19:01
    • Maps - Iteration - 19:42
    • Sets - Iteration - 10:42
    • Sets - Challenges: Intersection * Difference - 10:09
    • Symbols - 16:45
    • Symbol.iterator - 11:47
  • ES6 - Modern Array Methods
    • Chapter Source Code
    • Array.from: collections, strings & arguments - 9:29
    • Array.from: optional map, length property, Maps & Sets - 8:07
    • Array.of() - 1:50
    • More Modern Array methods - 10:53
  • ES6 - Classes (static methods, getters/setters, inheritance, extends, super,...)
    • Chapter Source Code
    • Back to ES5 Constructors - 9:19
    • ES6 Classes Syntax - 2:52
    • Static methods - 3:15
    • Getters & Setters - 6:29
    • Class Inheritance - extends - super() - 6:16

View Full Curriculum


Access
Lifetime
Content
26.0 hours
Lessons
219

The Complete Javascript Developer Course: Build a Professional Project

Cover Object-Oriented & Functional Programming, the DOM, Inheritance & Much More

By Development Island | in Online Courses

Mastering JavaScript can immediately make you an in-demand web developer in the job market. In this course, you'll proceed through a robust structure that will take you from an absolute newbie to a job-ready developer. Before you know it, you'll be ready to ace the interview.

4.5/5 average rating: ★ ★ ★ ★

  • Access 219 lectures & 26 hours of content 24/7
  • Cover JavaScript basics like variables & data types, functions, objects, the DOM, & more
  • Discuss advanced techniques like Scope Chain, closures, & more
  • Build a full professional JavaScript Project from scratch
Development Island
4.5/5 Instructor Rating: ★ ★ ★ ★

Development Island is a UK based innovative company specialized in providing the best technology courses on the internet. They take pride in teaching over 100,000 students from 173+ countries. They believe their courses are the best in the market for two reasons:

  • They use a practical approach that they developed over years of experience: Learning by doing
  • They make your learning experience enjoyable and fun

Important Details

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

Requirements

  • No prior coding experience needed

Course Outline

  • Introduction
    • Introduction to JavaScript - 11:18
    • Get your toolbox - Chrome & Brackets
    • Install Chrome & Brackets - 2:43
    • Your first JavaScript Programme - 10:04
  • Variables & Data Types
    • Download Chapter Source Code
    • Introduction - 1:55
    • Create Variables - 9:24
    • Rules - 1:59
    • Reserved Keywords
    • Memory - 3:03
    • Numbers - Introduction - 5:05
    • Numbers - Arithmetic Operations - 4:51
    • Numbers - Operator Precedence - 5:55
    • Operators and Operator Precedence
    • Numbers - More Operator / Special Numbers - 10:31
    • Strings - 8:33
    • Booleans - 2:18
    • Booleans - Logical Operators - 4:00
    • Booleans - Operator Precedence - 2:07
    • Booleans - Ternary Operator - 1:57
    • Booleans vs Non Booleans - 12:05
    • null and undefined - 3:04
    • Type coercion - 8:00
    • Objects - 13:12
    • Arrays - 2:47
    • Coding Challenge: Help the Cashier - Introduction - 8:11
    • Download Coding Challenge Source Code
    • Coding Challenge: Help the Cashier - Logic - 5:08
    • Coding Challenge: Help the Cashier - Solution (Part 1) - 9:18
    • Coding Challenge: Help the Cashier - Solution (Part 2) - 16:12
  • Conditional and Looping
    • Download Chapter Source Code
    • If Statement - 7:53
    • Switch Statement - 7:29
    • For Statement - 12:54
    • while do Statement - 14:04
    • do while Statement - 1:49
    • Download Coding Challenge Source Code
    • Coding Challenge: Improve your Cashier Code - Part 1 - 1:15
    • Coding Challenge: Improve your Cashier Code - Solution 1 - 5:54
    • Coding Challenge: Improve your Cashier Code - Part 2 - 2:03
    • Coding Challenge: Improve your Cashier Code - Solution 2 - 2:47
  • Functions - Part 1
    • Download Chapter Source Code
    • Introduction - 6:55
    • Return values - 5:07
    • Pass 'by value' vs 'by reference' - 11:26
    • First class functions - 11:57
    • Statement vs Expression - 10:25
    • IIFE: Immediately Invoked Function Expressions - 6:55
    • An invocation pattern: Recursion - 9:34
    • Built-in JS Functions - 8:53
    • Scope - 14:50
    • Download Coding Challenge Source Code
    • Coding Challenge: Is it prime? - Introduction - 3:42
    • Coding Challenge: Is it prime? - Logic - 3:23
    • Coding Challenge: Is it prime? - Solution - 15:48
    • Coding Challenge: Can you count the primes? - Introduction - 2:26
    • Download Coding Challenge Source Code
    • Coding Challenge: Can you count the primes? - Logic - 2:07
    • Coding Challenge: Can you count the primes? - Solution - 5:52
  • Objects - Part 1
    • Download Chapter Source Code
    • Object literals - 3:03
    • 'Dot notation' vs 'Brackets' - 10:15
    • Constructors - 'new' keyword - 'this' - 17:20
    • Prototype - 6:49
    • Equality - 8:00
    • String Object - 8:57
    • String Object Methods
    • Date Object (1) - 17:08
    • Date Object (2) - 7:43
    • Date Object Methods
    • Math Object - 3:40
    • Math Object Methods
    • JSON - 12:47
    • Array Object - 4:43
    • Array methods - 13:25
    • Loop through Arrays using forEach - 2:43
  • The DOM
    • Download Chapter Source Code
    • Learn HTML&CSS (1) - 12:11
    • Learn HTML&CSS (2) - 9:34
    • Learn HTML&CSS (3) - 13:25
    • Learn HTML&CSS (4) - 11:22
    • Understand the DOM - 7:22
    • Access DOM elements (1) - 18:44
    • Access DOM elements (2) - 6:20
    • Change DOM elements - 18:53
    • Remove DOM elements - 6:22
    • Event Handling (1) - 14:31
    • Event Handling (2) - 10:56
    • event object - keys - 6:36
    • event object - mouse events - 13:19
    • event object - scroll event - 6:59
    • event object - focus - 3:40
    • event object - preventDefault - 3:36
    • Single Threaded Javascript - 5:07
    • Debouncing - 8:15
    • Event Propagation - 8:41
    • Event Delegation - 13:48
    • jQuery - 19:17
  • Execution Context - Hoisting - 'this'
    • Download Chapter Source Code
    • Global Execution Context - 'this' - 4:08
    • Execution Context - Creation & Hoisting - 5:08
    • Execution Context - Execution - 12:54
    • Function declaration overriding variable declaration - 5:13
  • Scope Chain
    • Download Chapter Source Code
    • Introduction - 4:12
    • Understand the scope chain - 11:06
  • Closures
    • Download Chapter Source Code
    • Understand Closures - 19:13
    • Update values of outer variables (1) - 8:02
    • Update values of outer variables (2) - 4:53
    • Closures with event loops (1) - 9:42
    • Closures with event loops (2) - 5:27
    • Iteration Challenge - 8:21
  • Objects - Part 2: Encapsulation & Information Hiding
    • Download Chapter Source Code
    • Why would you hide information? - 9:03
    • Use closures to hide properties and methods - 12:41
    • Use IIFE to create private static properties and methods - 7:09
  • Objects - Part 3: Inheritance & Prototype Chain
    • Download Chapter Source Code
    • Understand the prototype (1) - 5:44
    • Understand the prototype (2) - 3:47
    • Inheritance&PrototypeChain: proto - 9:57
    • Inheritance&PrototypeChain: Object.create - 4:07
    • Inheritance&PrototypeChain: Constructor Inheritance - 18:21
    • Inheritance&PrototypeChain: extend function - 6:01
    • Class Augmentation (1) - 19:21
    • Class Augmentation (2) - 11:09
    • Object cloning - 6:55
  • Objects - Part 4: Objects Challenges
    • Download Chapter Source Code
    • Challenge: Iteration and hasOwnProperty - 7:49
    • Challenge: Iteration using object.keys & forEach - 8:18
    • Challenge: getPrototypeOf & getOwnPropertyNames - 8:52
    • Challenge: Climb up the prototype chain - 16:37
  • Objects - Part 5: Singleton & Module Patterns
    • Download Chapter Source Code
    • Namespacing - 6:06
    • Singleton Pattern - 3:41
    • Wrap page specific code - 19:56
    • Modular Design Pattern - 8:33
  • Functions - Part 2
    • Download Chapter Source Code
    • Functions are objects - 5:42
    • The 'arguments' property - 8:14
    • Function.prototype.call - 17:44
    • Function.prototype.apply - 1:22
    • Function.prototype.bind - 5:23
  • Typing Test App (Advanced Real Life Professional Project)
    • Introduction - 3:33
    • Steps Simplified - 9:47
    • Back to Client Requirements - 10:17
    • Functional Design - 4:32
    • Modular Design Pattern - 8:07
    • Modular Categorisation - 8:47
    • Data Module Structure - 14:32
    • UI Module Structure - 18:07
    • Format Current Word Structure - 11:23
    • Results Calculation Structure - 6:07
    • Update Time Left - Structure - 3:23
    • Certificate Module Structure - 1:12
    • Events Module Structure - 2:47
    • Words Module Structure - 1:24
    • Overview of Modules - 2:46
    • Get ready to Write Code - 6:51
    • Code as you Go
    • App Skeleton & Decoration (1) - 19:01
    • App Skeleton & Decoration (2) - 19:10
    • App Skeleton & Decoration (3) - 19:46
    • Code as you Go
    • init function (Events Module) - 9:15
    • Code as you Go
    • Code as you Go
    • Fill the list of Test Words (Data Module) - 13:33
    • Code as you Go
    • Shuffle an Array - 13:46
    • Code as you Go
    • Add Random Capitalisation - 12:06
    • Code as you Go
    • Add Random Punctuation - 13:24
    • Code as you Go
    • Fill the list of Test Words (1) (UI Module) - 19:11
    • Fill the list of Test Words (2) (UI Module) - 18:16
    • Code as you Go
    • Time Initialisation (Data & UI Modules) - 14:43
    • Code as you Go
    • Move to a New Word (Data Module) - 17:53
    • Code as you Go
    • Set the Active Word & Format it (UI Module) - 16:01
    • Code as you Go
    • Type a Character - Event Listener - 18:47
    • Code as you Go
    • word.prototype.update(value) - 19:37
    • Code as you Go
    • keydown vs keyup vs keypress vs input Events - 6:32
    • Code as you Go
    • Format the Active Word (UI Module) - 19:52
    • Code as you Go
    • Press Space - Event - 8:58
    • Code as you Go
    • Scroll the Active Word into the Middle of the View - 10:53
    • Code as you Go
    • Press Enter - Create a Fake Event using the Event Constructor - 14:18
    • Code as you Go
    • Launch the Test - 8:07
    • Code as you Go
    • Calculate Words Per Minute & wpmChange (Data Module) - 15:25
    • Update the Time Left (Data & UI Modules) - 6:11
    • Code as you Go
    • Calculate Clicks Per Minute & cpmChange (Data Module) - 3:26
    • Code as you Go
    • Calculate accuracy & accuracyChange (Data Module) - 6:10
    • Code as you Go
    • Update Results (UI Module) - 19:59
    • Code as you Go
    • End the test & show the Modal (1) (Data & UI Modules) - 13:40
    • End the test & show the Modal (2) (Data & UI Modules) - 18:17
    • Code as you Go
    • Generate PDF Certificate (1) (Certificate Module) - 17:57
    • Code as you Go
    • Generate PDF Certificate (2) (Certificate Module) - 17:59
    • Code as you Go
    • Generate PDF Certificate (3) (Certificate Module) - 18:32
    • Code as you Go
  • ES6 - ES2015: Coming Soon
    • Coming Soon

View Full Curriculum


Access
Lifetime
Content
1.0 hours
Lessons
10

Develop & Publish a Google Chrome Extension

By Joseph Delgadillo | in Online Courses

This course will teach you how to develop and publish a Google Chrome Extension! This web development course was designed for all levels of programmers and will provide you with practical JavaScript programming experience. You will be building two Chrome extensions and cover Content Scripts, Share PopUp, Icons, and more. Project source code is available on GitHub. All of the videos in this course are downloadable for offline viewing.

4.0/5 average rating: ★ ★ ★ ★

  • Access 10 lectures & 1 hour of content 24/7
  • Learn about Manifest and Content Scripts
  • Message different parts of the extension
  • Create share popup
  • Build an image downloader
  • Interact with the DOM
  • Upload to the Google Chrome Web Store
Joseph Delgadillo | Bestselling Instructor
4.3/5 Instructor Rating: ★ ★ ★ ★

Joseph Delgadillo teaches skills ranging from computers and technology to entrepreneurship and digital marketing. Take a course with him to get an over-the-shoulder view of how experts are successful in their respective fields. He is a proud alumnus of Central Washington University.

Important Details

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

Requirements

  • A basic understanding of web development will be helpful but not necessary

Course Outline

  • Building Our First Chrome Extension
    • Introduction and Manifest - 21:57
    • Content Scripts - 16:04
    • Messaging Different Parts of our Extension - 10:13
    • Creating Share Popup - 8:21
    • Icons - 10:55
    • Source Code
  • Final Project - Building an Image Downloader
    • Building an Image Downloader - 13:34
    • Interacting with the DOM - 28:47
    • Uploading to the Chrome Web Store - 7:17
    • Source Code

View Full Curriculum


Access
Lifetime
Content
24.0 hours
Lessons
96

The Complete Full-Stack JavaScript Course

Learn How to Make Bank by Mastering JavaScript Programming Languages & Becoming a Full-Stack Developer

By Joseph Delgadillo | in Online Courses

If you would like to master JavaScript and get started as a full-stack web developer, you are going to love this course! With 96 lectures, this course will teach you JS development and have you working on coding projects using ReactJS, NodeJS, LoopbackJS, Redux, Material-UI, and socket programming. You will be working on 3 coding projects in this course, covering calculator application, weblog, and chat application. This course was designed for students who have a basic understanding of front-end web development.

4.3/5 average rating: ★ ★ ★ ★

  • Access 96 lectures & 24 hours of content 24/7
  • Build a feature-rich blog app using React & LoopbackJS
  • EWxplore the full-stack elements of JavaScript by coding your own REST API
  • Program a chat app where you can create a user account, add other users & then message back and forth with them
Joseph Delgadillo | Bestselling Instructor
4.3/5 Instructor Rating: ★ ★ ★ ★

Joseph Delgadillo teaches skills ranging from computers and technology to entrepreneurship and digital marketing. Take a course with him to get an over-the-shoulder view of how experts are successful in their respective fields. He is a proud alumnus of Central Washington University.

Important Details

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

Requirements

  • Basic understanding of HTML, CSS & JavaScript

Course Outline

  • Getting Started with ReactJS
    • Welcome to the course! - 9:41
    • Environment setup - 12:24
    • Anatomy of a React project - 13:08
    • Writing a React component - 8:51
    • React lifecycle - 4:54
    • The React state - 15:16
    • Understanding component props and re-rendering - 17:37
    • Importing CSS into React components - 4:36
    • Writing a calculator part 1 - 18:41
    • Writing a calculator part 2 - 34:41
  • Building a ReactJS Website
    • React website setup - 6:20
    • Component children - 16:52
    • React routing - 10:20
    • Route parameters and HTML slicing part 1 - 14:32
    • Route parameters and HTML slicing part 2 - 16:55
    • Services and portfolio pages part 1 - 15:45
    • Services and portfolio pages part 2 - 9:40
    • Working with forms in React part 1 - 15:35
    • Working with forms in React part 2 - 22:20
    • Using Formik - 22:33
    • Yup form validation schemas - 17:02
  • Rest API with LoopbackJS
    • Setup of REST API using LoopbackJS - 14:53
    • Creating models - 12:34
    • Model observers - 16:13
    • Model relations - 15:58
    • ESLINT - 9:24
    • Subclassing access tokens - 6:11
    • Persisting data using MongoDB - 20:28
    • Creating data - 7:04
    • Updating data - 4:12
    • Finding model instances part 1 - 21:23
    • Finding model instances part 2 - 3:02
    • Deleting model instances - 7:01
    • Creating post collection - 6:27
    • Roles and rolemapping - 14:01
    • Applying access control to our post model - 12:39
    • Adding an editor role - 9:34
    • Creating a category model - 8:35
    • File storage and collection part 1 - 15:11
    • File storage and collection part 2 - 9:44
    • Custom remote methods and file uploads part 1 - 17:37
    • Custom remote methods and file uploads part 2 - 14:21
    • Creating login route - 18:06
    • Adding a login form - 12:01
  • Redux and Material-UI
    • Wrapping components - 11:29
    • Dispatching actions - 6:19
    • Creating our store and reducers - 24:01
    • Integrating remote API calls - 21:52
    • Applying middleware - 14:35
    • Material-UI intro - 11:35
    • Drawer and CSS - 16:17
    • Drawer collapsing and animations - 14:03
    • Icons, lists, links - 17:10
    • Main content class - 14:24
    • Persisting reducers using localStorage - 15:29
    • Basic tables - 11:12
    • Fetching posts and users from our API - 21:07
    • Fab buttons - 11:41
    • Setting up Redux, Material-UI and Formik for our add post page - 11:43
    • Material-UI forms with Formik - 19:01
    • Flex display and connecting our post form to our database via Redux part 1 - 15:16
    • Flex display and connecting our post form to our database via Redux part 2 - 14:34
    • Editing existing posts - 27:30
    • Uploading post images part 1 - 16:02
    • Uploading post images part 2 - 17:13
    • Integrating Quill as a content editor - 17:38
    • Loading posts on the front-end part 1 - 13:55
    • Loading posts on the front-end part 2 - 16:44
    • Loading more posts on demand - 11:39
    • Single post page - 26:33
    • Registering new accounts - 25:05
    • Posting comments and adding relations and ACLs to our API part 1 - 20:18
    • Posting comments and adding relations and ACLs to our API part 2 - 19:24
    • Deploying React apps with NGINX - 25:47
    • Deploying our API using PM2 and NGINIX part 1 - 17:44
    • Deploying our API using PM2 and NGINIX part 2 - 14:04
    • Deploying our API using PM2 and NGINIX part 3 - 16:55
  • WebSocket Chat Application
    • Creating a chat app - 8:02
    • Creating our chat store - 11:27
    • WebSocket connections - 7:52
    • Sending socket messages - 13:01
    • Creating signup and login forms - 18:11
    • Writing account based logic part 1 - 29:43
    • Writing account based logic part 2 - 1:58
    • Using auth tokens - 12:39
    • Styling the messenger - 21:20
    • Tracking logged in users - 13:55
    • Search functionality - 20:26
    • Creating new threads and sending to relevant clients - 26:31
    • Connecting on page load if already logged in - 24:01
    • Get threads on page load - 10:07
    • Disconnecting socket sessions - 11:07
    • Adding messages and sending to relevant clients - 31:46
    • Rendering messages client-side - 18:42
    • Rendering messages with user information - 22:47
    • Ejecting a React application - 8:40

View Full Curriculum


Access
Lifetime
Content
6.0 hours
Lessons
59

JavaScript from Scratch: The Ultimate Beginners Course

Learn Modern JavaScript Programming Fundamentals with Practical Hands-On Training

By Juan Galvan | in Online Courses

This practical, hands-on course was created for newbies – that's to say, people with no prior training or knowledge with JavaScript or Web Development. Blending practical work with solid theoretical training, this course takes you from the basics of JavaScript through to mastery. This class gives you foundational training on JavaScript so you can increase your coding skills and start pursuing a career in a field that is increasingly in demand as the global reliance on technology grows. Even if you already have some experience, or want to learn about the advanced features of JavaScript, this course is for you!

4.6/5 average rating: ★ ★ ★ ★

  • Access 59 lectures & 6 hours of content 24/7
  • Learn JavaScript coding basics
  • Work with variables & operators
  • Do string & number manipulation
  • Learn with blended practical work & theoretical training
Juan E. Galvan | Digital Entrepreneur | Marketer | Visionary
4.5/5 Instructor Rating: ★ ★ ★ ★

Juan Galvan has been an entrepreneur since grade school. He's started several companies, created many products, and sold on various online marketplaces with great success. He is the founder of The Dominant SEO, an agency based out of Seattle, Washington, and is excited to share his business expertise with his online students.

Important Details

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

Requirements

  • Basic computer skills

Course Outline

  • Introduction
    • JavaScript Marketplace - 1:38
    • JavaScript Job Opportunities - 4:48
  • Intro to JS, history, and Environment
    • Intro To JavaScript & Environment - 9:29
    • VS Code & Extensions - 7:28
    • Browser Dev tools & JS Console - 4:29
    • Common Console Errors - Syntax, Type, Reference - 11:45
    • Intro to Terminal - 8:30
    • Crash course on GitHub - 10:05
    • Online Resources (W3schools, MDN Web Docs, Stack Overflow) - 11:22
    • Coding Challenge Hello World in JS - 1:50
    • Coding Challenge Solution - 3:04
  • Coding Basics
    • Execution Content Object - 4:32
    • SingleMulti Line Coding - 11:54
    • Variable - 14:29
    • Hoisting - 5:32
    • Declaration Assignment - 7:27
    • Operators - 10:48
    • Operator Precedence - 13:48
    • Coding Challenge - 1:58
    • Coding Challenge Solution - 4:50
  • Primitive Data Types
    • Primitive Data Types - 4:32
    • String Manipulation - 13:01
    • Numbers - 5:57
    • Numbers Manipulation - 9:29
    • Symbol - 3:48
    • Null and Undefined - 4:24
    • Boolean Logic & Control Flow - 6:21
    • TruthyFalsy values and Equality Operators - 6:59
    • IfElse Statements, nesting ifelse - 9:05
    • Ternary Operators - 4:09
    • Switch Statements - 4:53
    • Code Challenge - 1:27
    • Code Challenge Solution - 6:58
  • Advanced Data Types
    • Advanced Data Types Intro - 1:20
    • Arrays and Length - 11:27
    • Basic Array Methods - 9:55
    • Objects and Properties - 8:34
    • Object Methods - 7:18
    • Code Challenge 5 - 0:44
    • Code Challenge Solution 5 - 4:30
  • Loops
    • For and for in Loop - 7:16
    • While Loops - 2:20
    • Break and Continue Statements - 3:16
    • Coding Challenge 6 - 0:34
    • Coding Solution 6 - 6:09
  • Beginner Function Syntax
    • Function Declarations - 6:34
    • Function Expressions - 8:08
    • Arrow Functions - 4:07
    • Scope - 7:12
    • Closure - 9:34
    • Callbacks - 7:24
    • Code Challenge 7 - 1:07
    • Code Solution 7 - 6:49
  • Advanced Function Syntax
    • Foreach Method - 3:35
    • Map Method - 4:22
    • Filter Method - 4:02
    • Reduce Method - 8:26
    • Sort Method - 6:17
    • Spread Operator - 7:47

View Full Curriculum


Access
Lifetime
Content
3.0 hours
Lessons
29

JavaScript DOM Pacman Game Project: Learn JavaScript Code

Create a JavaScript Pacman Game from Scratch Using Document Object Model DOM Game Source Code

By Laurence Svekis | in Online Courses

Explore how you can create a PacMan-type of the game from scratch using JavaScript and only JavaScript DOM. This course is perfect for those who want to practice and learn more about web design and web development. Here, you will be taught how to create gameplay directly within your website. Also, you will be guided on how to run in the browser and have fun! Learn about game design and how you can create a DOM-based web game from scratch using JavaScript alone.

4.2/5 average rating: ★ ★ ★ ★

  • Access 29 lectures & 3 hours of content 24/7
  • Explore how you can create a PacMan-type of game from scratch using JavaScript
  • Create your own version of the game using JavaScript
  • Manipulate elements on the page using JavaScript
  • Understand DOM manipulation & element selection
  • Make the enemies smarter by detecting where the player is located
  • Add score keeping from the game play
  • Learn how to start, stop & restart game
  • Generate dynamic game boards
Laurence Svekis | Instructor, GDE, Application Developer
4.3/5 Instructor Rating: ★ ★ ★ ★

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

The applications he has created have entertained, informed, and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise-level platforms.

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: all levels
  • Have questions on how digital purchases work? Learn more here

Requirements

  • HTML, CSS & JavaScript fundamental experience

Course Outline

  • How to Create PacMan using JavaScript and the DOM only course
    • 0JavaScriptPacmanGameIntroduction - 2:17
    • Pacman course source code
    • 1FilesSetupandPlanning - 4:11
    • 2CreateGame_Assets - 7:07
    • 3CSSCreatetheGhosts - 5:56
    • 4CSSCreatethePacMan - 12:23
    • 5_JavaScriptSelect_Elements - 11:03
    • 6CreateGameBoardJS - 14:17
    • 7AddGhoststoGameBoard - 8:10
    • 8AddGhoststoGameBoard_2 - 5:58
    • 9AddAnimationFrameMovement - 7:20
    • 10MovementParameters - 10:26
    • 11PacmanMovementMouthand_Eyes - 5:51
    • 12GhostMovement_JavaScript - 8:05
    • 13MakeTheGhostsSmarter - 7:45
    • 14StopandStartGamePlay - 8:41
    • 15GameTweaksandFixes - 2:34
    • 16Scoringadded - 6:22
    • 17GameOverandStart - 9:19
    • 18GameOverandRestart - 7:56
    • 19ResetDefaultValuesRestart - 2:48
    • 20EndGameWinCondition - 7:49
    • 21PlayerPowerUP - 9:21
    • 22PacmanEattheGhost - 5:04
    • 23NewLevelsandBoards - 5:37
    • 24GenerateLevel_Content - 13:06
    • 25GenerateLevelContent2 - 3:33
    • 26FinalJavaScriptPacmanTest - 7:14
    • 27JavaScriptPacmanGameReview - 15:29

View Full Curriculum


Access
Lifetime
Content
4.0 hours
Lessons
28

JavaScript for Beginners: The Complete introduction to JS (2022)

Learn the Basics of JavaScript & Create Various Programs and Applications

By Yassin Marco | in Online Courses

Learning how to properly program in any programming language can be very complicated, especially if you never did any programming before. Having the capacity to program in JavaScript is not different. This is why this course has been created to help you learn how to properly program in JavaScript. Here, you will also understand everything you need to know about JavaScript so that you can master this programming language. The goal here is that by the end of this course, you have a solid and strong understanding of how to write your code with Javascript and be able to create your own JavaScript programs and applications.

4.4/5 average rating: ★ ★ ★ ★

  • Access 28 lectures & 4 hours of content 24/7
  • Create your own basic programs with JavaScript
  • Understand basic & more complex JavaScript functions
  • Use JavaScript on a daily basis
  • Learn how to use JavaScript the right way
  • Learn different tips & tricks to improve your JavaScript skills
Yassin Marco
4.2/5 Instructor Rating: ★ ★ ★ ★

Yassin has a BS in international management and multiple certifications in management and IT. He works on a daily basis with various Microsoft apps and is a specialist in excel as well as in various other fields such as online business creation and promotion, marketing, and many more. Also, he has a passion for finances and has helped many people in taking their first steps in the trading and investing world, from basic financial coaching to advanced Stock/Forex data analysis.

He has developed a passion for coaching and educating and has helped more than 380,000+ students on multiple online platforms. Teaching in English and French, he has been able to reach across to people spanning from over 198 countries.

Important Details

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

Requirements

  • Any device with basic specifications

Course Outline

  • Introduction
    • Introduction - 6:15
    • Introduction to JavaScript - 6:26
    • Downloading your text Editor - 5:58
  • Programming in JavaScript
    • Writing our first line of code - 6:49
    • Various Data Types - 6:01
    • Working with variables - 10:54
    • Basic string methods Part 1 - 6:35
    • Basic string methods Part 2 - 7:56
    • Working with numbers - 12:08
    • Google console and taking user input - 9:07
    • Practicing everything Part 1 - 12:46
    • Practicing everything Part 2 - 7:08
  • More Programming
    • Using arrays Part 1 - 13:29
    • Using Arrays Part 2 - 2:45
    • Creating Basic Functions - 11:17
    • Practice Part 1 - 11:32
    • Practice Part 2 - 7:39
    • Practice Part 3 - 1:16
  • Statements and Loops
    • Introduction to Statements - 5:16
    • Practicing the IF statement Part 1 - 13:59
    • Practicing the IF statement Part 2 - 4:24
    • The Basics of Loops - 5:44
    • The basics of the FOR loop - 6:46
    • Understanding the WHILE loop - 12:10
  • Final Project
    • Final Project part 1 - 13:16
    • Final Project part 2 - 11:51
    • Final Project part 3 - 24:16
    • Conclusion - 3:58

View Full Curriculum



Terms

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