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
Product information
- Title: JavaScript in Action - 3 Fun Interactive JavaScript Projects
- Author(s):
- Release date: April 2019
- Publisher(s): Packt Publishing
- ISBN: 9781838824273
You might also like
video
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
book
40 Algorithms Every Programmer Should Know
Learn algorithms for solving classic computer science problems with this concise guide covering everything from fundamental …
video
JavaScript for Beginners: Learn with 6 Main Projects
Learn modern JavaScript and its fundamentals from scratch About This Video Become a confident JavaScript developer …
video
JavaScript Bible - JavaScript and ES6 Bootcamp 2019
JavaScript, ES6, Babel, NPM, Webpack – an entire JavaScript ecosystem in a one JavaScript Bootcamp course! …
