Learning Paths Contact Us Pricing

Search for a course

Create account Sign in Learning Paths Contact Us Pricing All courses Full Stack Learning Path Playgrounds

Autoplay

Contents

Build a Calculator JavaScript

378 views • Jun 8, 2020

Tip Calculator

7 videos - 26min

1. HTML input Element Setup 5min 2. JavaScript Select Elements 4min 3. JavaScript querySelector 4min 4. Adding an Event Listener 3min 5. Element Value JavaScript 4min 6. Tweak and Adjust output. 3min 7. Backtick template JavaScript 3min

Calculator - Mini web application

8 videos - 39min

8. HTML Setup and CSS 4min 9. Build a Calculator JavaScript 6min 10. Add Calculator Keys 6min 11. Click the button. 4min 12. JavaScript Eval Method 4min 13. Check Last Character in String 5min 14. Calculator Fix 3min 15. JavaScript Calculator Code Review 7min

Popup message

4 videos - 19min

16. PopUp Message Setup 7min 17. Element Interaction JavaScript 4min 18. Hide Show PopUp 4min 19. Code Review PopUp Message 4min

Functionator

10 videos - 52min

20. Setup Elements JavaScript 4min 21. JavaScript add Style 3min 22. Function Mover 4min 23. Keyboard events 4min 24. Random HEX color 4min 25. Action List Maker 6min 26. Element Mover 8min 27. Quick Fixes 4min 28. Remove Action from List 5min 29. Code Review and Tweaks 10min

Email Extractor application

5 videos - 32min

30. Email Extractor Application 5min 31. Use of RegEx Pattern Match 12min 32. Output Emails only 3min 33. Remove Duplicates from array 5min 34. Email Extractor Code Review 7min

Car Driving Game

16 videos - 88min

35. Car game project introduction 3min 36. JavaScript Car Game Setup 5min 37. KeyPress Event Listeners 5min 38. RequestAnimationFrame Method 7min 39. Move Div with Keypress 7min 40. Road Builder 7min 41. Road lines moving 4min 42. Road Line Movement 2 5min 43. Generate More Cars 6min 44. Check Collision Detection 5min 45. End Game Scoring 7min 46. Restart Game Function 3min 47. Random Color value 5min 48. Game Tweaks and adjustments 3min 49. Quick CSS update 3min 50. Car Game Code Review 13min

Click Popper Game

13 videos - 80min

51. Setup HTML 3min 52. Select Elements JavaScript DOM 6min 53. Setup Player Stats update HTML 4min 54. Handle Button Click 4min 55. Get Game Data 6min 56. CSS with Start Game 6min 57. Add Elements JavaScript 9min 58. Game Play Starter 7min 59. Make Element Clickable 6min 60. Add random Icon 6min 61. Add Score Elements JavaScript 4min 62. Game Over JavaScript 5min 63. Final Code Review 14min

Ultimate Dice Game

11 videos - 48min

64. Dice Roller Game Setup 3min 65. JavaScript Element Objects 3min 66. JavaScript Math Random 6min 67. Winner Logic Conditions 3min 68. Add Dice Face Visual 3min 69. Create Elements using JavaScript 5min 70. Remove Element inside Parent 5min 71. Dots to the Dice Dynamically 8min 72. Dice Game Tweaks and Adjustments 2min 73. Rebuild Dice Game 4min 74. Dice game read 6min

Flying bird game

16 videos - 86min

75. Flapping birdy game project introduction 3min 76. Game Setup Structure 5min 77. Add Event Listeners 4min 78. Keyboard event tracking 6min 79. Add element to page 4min 80. JavaScript RequestAnimationFrame 8min 81. Move Conditions 3min 82. Wing Movements 4min 83. Scoring and gravity 4min 84. Game End Conditions 5min 85. Create Obstacles 10min 86. Moving Obstacles 6min 87. Checking Collision Detection 7min 88. Handle Game Over 2min 89. Game Code Review 13min 90. Bonus Add Color 2min

Dynamic Typing Test Project

8 videos - 31min

91. Typing Test Mini Application 4min 92. Play the Game 2min 93. JavaScript Random 5min 94. JavaScript Timer Date 3min 95. GameEnd Calculations 4min 96. Count words in string 4min 97. Typing Test Code Review 4min 98. Word by Word Compare 5min

Plane Bomber game - DOM game

13 videos - 75min

99. Game Area Setup 3min 100. Keyboard Events 7min 101. Start Game 5min 102. Add animation frame 8min 103. Game fixes 5min 104. Game Scoring 3min 105. Show Scoreboard to player 3min 106. Add Enemy Base 6min 107. Make the bombs 8min 108. Move bombs Automatically 5min 109. Collision Detection 6min 110. Final Gameplay Tweaks 8min 111. Bomber Plane Code Review 8min

Card War Game

16 videos - 119min

112. Card War Introduction 4min 113. Game Area Setup 7min 114. Start the Game 6min 115. Create Deck of Cards 5min 116. Create Game Players 9min 117. Deal the cards 8min 118. Make Cards for Players 10min 119. Make the Card Look Better 5min 120. Game Logic 7min 121. Handle Winner of Deal 9min 122. Multiple Rounds Attack. 6min 123. Fix Playoff Function 11min 124. Game Restart 6min 125. Tweaks and Fixes 12min 126. Battle Game Code Review 12min 127. Debug of Playoff Issue 2min

Claim Course Certificate

Practice JavaScript by building 10+ real projects

Leaving a rating would help us curate better content for everyone who learns about the course. Select a rating out of 5 stars and let us know a bit what you think about the course in a few words.

Your rating would be public.

0.5 Stars1 Star1.5 Stars2 Stars2.5 Stars3 Stars3.5 Stars4 Stars4.5 Stars5 Stars

(0/5)

Write a few sentences about your experience so far.