Course description
Create an interactive game with the DOM, to click positive icons quickly and avoid negative ones.
Prerequisites
This course assumes knowledge of JavaScript or having gone through the previous courses:
JavaScript, Part 1 of 3: Introduction
JavaScript, Part 2 of 3: Advanced Coding
JavaScript, Part 3 of 3: Document Object Model
Meet the expert
Providing Web development courses and digital marketing strategy courses since 2002. An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web & application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about ;everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.
Course outline
Quick Click Game
Developer Setup (20:48)
- Introduction (00:08)
- Developer Setup (03:05)
- JavaScript Game Introduction (01:56)
- Setup HTML (02:46)
- Select Elements JavaScript DOM (05:33)
- Setup Player Stats update HTML (03:26)
- Handle Button Click (03:44)
- Summary (00:08)
Get Game Data (19:24)
- Introduction (00:08)
- Get Game Data (05:45)
- CSS with Start Game (05:18)
- Add Elements JavaScript (08:05)
- Summary (00:08)
Game Play Starter (17:20)
- Introduction (00:08)
- Game Play Starter (06:05)
- Make Element Clickable (05:47)
- Add random Icon (05:12)
- Summary (00:08)
Add Score Elements JavaScript (21:26)
- Introduction (00:08)
- Add Score Elements JavaScript (03:17)
- Game Over JavaScript (04:44)
- Final Code Review (13:09)
- Summary (00:08)