JavaScript in Action create 3 fun JavaScript coding projects
- 5
-
![]()
![]()
![]()
![]()
![]()
Brief Introduction
Explore how you can build interactive and dynamic web content using JavaScript to create fun mini projectsDescription
Learn practice JavaScript Have fun while building three mini projects from scratch
Project #1
JavaScript Accordion click and open elements
JavaScript element selection
Adding event listeners to element with a class
Use of JavaScript methods like nextElementSibling and classList
Manipulate element classes with JavaScript
Project #2
JavaScript Game - Box chaser
JavaScript element selection and manipulation
Use of JavaScript Math and Math random
Key event listeners for arrow keys
DOMContentLoaded - listener
Building a grid dynamically with JavaScript
Handling key presses and moving element
Adding and removing element classes dynamically
Updating element style values using JavaScript
Using objects and Arrays to contain element content
Creating elements and adding them to the html dynamically
Applying game logic and scoring of game
Game play win check
Project #3
JavaScript Tooltip maker
JavaScript element selection and manipulation
Adding event listeners mouseover and mouseout
Updating element style values
Select event object data
Setting intervals to run code
Updating element inner content
No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.
Step by step learning with all steps included.
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.
Along with friendly support in the Q&A to help you learn and answer any questions you may have.
Try it now you have nothing to lose, comes with a 30 day money back guarantee.
Start building your own version of the game today!!!!
Requirements
- Requirements
- Fundamental JavaScript concepts
- Access to computer
- Use of editor to write code
- HTML and CSS knowledge
Laurence Svekis
5 Raiting
Go Java Full Stack with Spring Boot and React
- 4.5
-
![]()
![]()
![]()
![]()
![]()
Build Your First Java Full Stack Application with React & Spring Boot. Become a Java Full Stack Java Web Developer Now!...
Modern JavaScript Build 55+ Real Projects Games Pure JS code
- 4.6
-
![]()
![]()
![]()
![]()
![]()
Build Real Projects! ES6 AJAX JavaScript Projects Apps Build 55+ Projects Modern JavaScript Games Portfolio Games DOM . . . Master the DOM (document object model)...
Object Oriented Programming in Javascript - Complete Course
- 4.8
-
![]()
![]()
![]()
![]()
![]()
Learn Object Oriented programming in Javascript (Prototypes, classes, modules) - ton of hands-on examples and exercises Would you like to take your Javascript knowledge to the next level?...
JavaScript Rockstar How to create Incredible Useful code
- 4
-
![]()
![]()
![]()
![]()
![]()
JavaScript learning with real world examples learn to code optimize development using the JavaScript DOM JavaScript Step by Step training, we show you how to build projects from Scratch....
