Video Description
Explore how you can build interactive and dynamic web content using JavaScript to create fun mini projects
About This Video
- Fundamental JavaScript concepts
- Basic HTML and CSS knowledge
In Detail
Learn practice JavaScript Have fun while building three mini projects from scratch
- Project #1 - JavaScript Accordion click and open elements
- Project #2 - JavaScript Game - Box chaser
- Project #3 - JavaScript Tooltip maker
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 the scope of this course is all JavaScript-focused. Try it now you have nothing to lose. Start building your own version of the game today! All the code and supporting files for this course are available at: https://github.com/PacktPublishing/JavaScript-in-Action---3-Fun-Interactive-JavaScript-Projects
Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.
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