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: customercare@packt.com
Table of Contents
- Chapter 1 : Introduction to JavaScript application development
-
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:11
- 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