Course image for Practice JavaScript by building 10+ real projects

Practice JavaScript by building 10+ real projects

In this course you will learn a lot about JavaScript by building 10+ real and fun projects with JavaScript involving heavy use of DOM and JS APIs.

10 hours+ of total content
5.0
2 ratings
763 developers learning
Course Creator: Laurence Svekis

--.--

14-Day Money-Back Guarantee

Goals

  • Perfect to get started with JavaScript - loaded with starter projects to get you coding
  • Master the DOM (document object model)
  • Develop Basic JavaScript Skills variables, boolean logic, if/else, loops, functions, arrays, etc.
  • Go from a total beginner to an advanced JavaScript developer
  • Modern JavaScript for 2020
  • How to create elements dynamically and more - With Games and Amazing Projects to Build
  • Manipulate elements using JavaScript - Bring your web pages to LIFE with JavaScript

Description

Perfect JavaScript Course for absolutely EVERYONE - Learn how to create over 10 fun real world projects using just JavaScript - no libraries. Amazing unique starter projects that are perfect to build upon and explore how JavaScript Works. You can build over 50 projects and supercharge your portfolio - Start NOW.

This is a one of kind course - to get you coding JavaScript includes all the functional skills lessons to learn the basics and then project to practice and apply what you learned. Complete JavaScript course for anyone who wants to learn JavaScript.

Most often asked for ARE PROJECTS - and this course delivers! Over 50 and will grow over time as more projects and challenges get added. You can select the projects you want to do or take them in order, it’s up to you.

Loaded with games and so many mini projects guaranteed to help you learn more about JavaScript and DOM manipulation. All JavaScript code no libraries or short cuts.

Explore how to apply JavaScript to create interactive and dynamic web content - that will impress your friends.

Extend on the projects and add them to your portfolio, to showcase skills you have learned.

Useful real world projects coded with simple JavaScript for developers of all levels.

No better way to learn than to try the code and produce something fun and useful with it. Learn to create amazing things with JavaScript bringing your web content to life.

This will keep you busy and provide you the opportunity to learn and experiment with code. Try it. All the projects are designed in a starter type format so that you can build on them and customize to make it your own.

*Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. *

Course Structure

127 lectures 10:30:46 total duration

Tip Calculator

(7 lectures • 22 minutes)
  HTML input Element Setup (Preview)
04:14
  JavaScript Select Elements (Preview)
03:32
  JavaScript querySelector (Preview)
03:47
  Adding an Event Listener (Preview)
02:54
  Element Value JavaScript (Preview)
03:02
  Tweak and Adjust output. (Preview)
02:28
  Backtick template JavaScript (Preview)
02:05
  HTML Setup and CSS (Preview)
03:28
  Build a Calculator JavaScript (Preview)
05:30
  Add Calculator Keys (Preview)
05:30
  Click the button. (Preview)
03:12
  JavaScript Eval Method (Preview)
03:10
  Check Last Character in String (Preview)
04:20
  Calculator Fix (Preview)
02:52
  JavaScript Calculator Code Review (Preview)
06:43
  PopUp Message Setup (Preview)
06:03
  Element Interaction JavaScript (Preview)
03:42
  Hide Show PopUp (Preview)
03:32
  Code Review PopUp Message (Preview)
03:01
  Setup Elements JavaScript (Preview)
03:07
  JavaScript add Style 
02:57
  Function Mover 
03:06
  Keyboard events 
03:51
  Random HEX color 
03:34
  Action List Maker 
05:38
  Element Mover 
07:17
  Quick Fixes 
03:41
  Remove Action from List 
04:47
  Code Review and Tweaks 
09:06
  Email Extractor Application 
04:03
  Use of RegEx Pattern Match 
11:37
  Output Emails only 
02:34
  Remove Duplicates from array 
04:50
  Email Extractor Code Review 
06:36
  Car game project introduction 
02:12
  JavaScript Car Game Setup 
04:02
  KeyPress Event Listeners 
04:37
  RequestAnimationFrame Method 
06:08
  Move Div with Keypress 
06:30
  Road Builder 
06:13
  Road lines moving 
03:16
  Road Line Movement 2 
04:02
  Generate More Cars 
05:43
  Check Collision Detection 
04:32
  End Game Scoring 
06:04
  Restart Game Function 
02:21
  Random Color value 
04:47
  Game Tweaks and adjustments 
02:58
  Quick CSS update 
02:13
  Car Game Code Review 
12:52
  Setup HTML 
02:46
  Select Elements JavaScript DOM 
05:33
  Setup Player Stats update HTML 
03:26
  Handle Button Click 
03:44
  Get Game Data 
05:45
  CSS with Start Game 
05:18
  Add Elements JavaScript 
08:05
  Game Play Starter 
06:05
  Make Element Clickable 
05:47
  Add random Icon 
05:12
  Add Score Elements JavaScript 
03:17
  Game Over JavaScript 
04:44
  Final Code Review 
13:09
  Dice Roller Game Setup 
02:26
  JavaScript Element Objects 
02:45
  JavaScript Math Random 
05:16
  Winner Logic Conditions 
02:53
  Add Dice Face Visual 
02:32
  Create Elements using JavaScript 
04:45
  Remove Element inside Parent 
04:27
  Dots to the Dice Dynamically 
07:03
  Dice Game Tweaks and Adjustments 
01:02
  Rebuild Dice Game 
03:29
  Dice game read 
05:24
  Flapping birdy game project introduction 
02:17
  Game Setup Structure 
04:16
  Add Event Listeners 
04:00
  Keyboard event tracking 
05:32
  Add element to page 
03:47
  JavaScript RequestAnimationFrame 
07:10
  Move Conditions 
02:42
  Wing Movements 
03:56
  Scoring and gravity 
03:30
  Game End Conditions 
04:17
  Create Obstacles 
09:15
  Moving Obstacles 
05:39
  Checking Collision Detection 
06:52
  Handle Game Over 
01:32
  Game Code Review 
12:30
  Bonus Add Color 
01:59
  Typing Test Mini Application 
03:30
  Play the Game 
01:43
  JavaScript Random 
04:38
  JavaScript Timer Date 
02:42
  GameEnd Calculations 
03:50
  Count words in string 
03:33
  Typing Test Code Review 
03:42
  Word by Word Compare 
04:23
  Game Area Setup 
02:58
  Keyboard Events 
06:19
  Start Game 
04:51
  Add animation frame 
07:48
  Game fixes 
04:39
  Game Scoring 
02:58
  Show Scoreboard to player 
02:25
  Add Enemy Base 
05:13
  Make the bombs 
07:30
  Move bombs Automatically 
04:49
  Collision Detection 
05:23
  Final Gameplay Tweaks 
07:31
  Bomber Plane Code Review 
07:20
  Card War Introduction 
03:19
  Game Area Setup 
06:01
  Start the Game 
05:50
  Create Deck of Cards 
04:26
  Create Game Players 
08:01
  Deal the cards 
07:43
  Make Cards for Players 
09:19
  Make the Card Look Better 
04:27
  Game Logic 
06:18
  Handle Winner of Deal 
08:12
  Multiple Rounds Attack. 
05:42
  Fix Playoff Function 
10:50
  Game Restart 
05:25
  Tweaks and Fixes 
11:27
  Battle Game Code Review 
11:46
  Debug of Playoff Issue 
01:49

Last 5 Reviews

SR
Sashank Rampalli
Dec 26, 2020
Good course to start building logic on how applications are built with javascriptipt
i
iosdev
Aug 09, 2020
Good course

Your Instructor

Laurence Svekis

Content creator

Content creator
codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a pro plan for advanced and accelerated learning!

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become Pro Member