What you'll learn

How to use javascript
How to create elements dynamically
Manipulate elements using javascript
Explore javascript Document Object Model

Requirements

Fundamental javascript concepts
Access to computer
Use of editor to write code
HTML and CSS knowledge

Description

Did you want to learn more about javascript and how to select and update elements. Practice DOM interaction and manipulation while build 2 fun practice projects.

javascript Project #1- Catch the element Game

Adding event listeners to elements

Element selection and manipulation

Element style updates and dynamically change style proprieties with javascript

Updating innerText and HTML content

Use of javascript Math methods

Applying of game logic

Creating element movement on page

Use of requestAnimationFrame for web page animation

Use of getBoundingClientRect to get element boundaries

Source Code is included so you can try the game and create your own version

javascript Project #2- Element Quick Clicker

Adding event listeners to elements

Game scoring and progress

Game logic and conditions to win

Element style manipulation

Use of setTimeout

Appending elements and removing elements from web page

DOM manipulation and interaction

Creation of dynamic and interactive content

Source Code is included so you can try the game and create your own version

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.

Start building your own version of the game today!!!!

Who this course is for:

Beginners to javascript
Anyone who wants to practice writing javascript
Web developers
Anyone who wants to learn to make a javascript game without any libraries
Beginners to javascript curious about Document Object Model and javascript Methods