by Laurence Svekis | Publisher: Packt Publishing | Release Date: April 2019 | ISBN: 9781838824273

Explore how you can build interactive and dynamic web content using JavaScript to create fun mini-projectsAbout This VideoAn understanding of fundamental JavaScript concepts is requiredBasic HTML and CSS knowledge will be helpfulIn DetailBasic HTML and CSS knowledge will be helpfulProject 1 - JavaScript accordion click and open elementsProject 2 - JavaScript game - Box chaserProject 3 - JavaScript tooltip makerLearn 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]

1. Chapter 1 : Introduction to JavaScript application development
   • Introduction to JavaScript projects and course content 00:02:45
2. 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
3. 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
4. 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