Video description
Explore how you can build interactive and dynamic web content using JavaScript to create fun mini-projects
About This Video
- An understanding of fundamental JavaScript concepts is required
- Basic HTML and CSS knowledge will be helpful
In Detail
Basic HTML and CSS knowledge will be helpful
- Project 1 - JavaScript accordion click and open elements
- Project 2 - JavaScript game - Box chaser
- Project 3 - JavaScript tooltip maker
Learn JavaScript to develop dynamic and interactive web applications without any libraries or shortcuts. –This is a detailed course that will guide you at every step. Basic JavaScript knowledge is required as the course focuses mainly on JavaScript aspects relevant to building games. Also, knowledge of HTML and CSS is essential as the scope of this course revolves around JavaScript. Start building your version of the game today!
Downloading the example code for this course: You can download the example code files for this course on GitHub at the following link: https://github.com/PacktPublishing/JavaScript-in-Action---3-Fun-Interactive-JavaScript-Projects. If you require support please email: [email protected]
Table of Contents
Chapter 1 : Introduction to JavaScript application development
Introduction to JavaScript projects and course content
00:02:45
Chapter 2 : JavaScript Accordion component
Setup HTML and JavaScript
00:03:53
Add some JavaScript
00:06:15
Update classes Remove Active
00:03:05
Chapter 3 : Chaser Box game - Document Object Model Element Manipulation with JavaScript
JavaScript Setup Box Chaser Game
00:04:11
JavaScript bring your project to life
00:05:49
Build the Grid Dynamically
00:09:59
JavaScript KeyBoard Events Movement
00:05:07
Move element on page using JavaScript
00:04:02
Set boundaries of GameArea JavaScript Methods
00:03:30
Create Active Element for gameplay
00:04:10
Final GamePlay Updates
00:03:50
JavaScript game Box Chaser Game Code Review
00:09:03
Chapter 4 : Creating a tooltip popup with JavaScript
Creating ToolTips with JavaScript
00:02:53
JavaScript Select Elements
00:03:01
Display Tooltip data JavaScript code
00:03:48
Tooltip Code Review
00:03:06