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

Apply JavaScript to build applications and useful code snippets Modal, Image carousel, Star Rating component JavaScriptAbout This VideoFundamental JavaScript conceptsBasic HTML and CSS knowledgeIn DetailUseful applications and web site components covered within this course are listed below. Perfect to practice and explore using JavaScript. Extend your knowledge try the code and customize to suit your needs. Code is explained in a step by step approach to building the below example applications.Modal Popup component code using JavaScript - Add dialogs to your site for light-boxes, user notifications, or completely custom content.Carousel Image slideshow Animated slideshow with JavaScript - A slideshow for cycling through a series of content images and captions. Including controls to navigate to images.Star Rating click and hover effects on Stars - Cool star rating application - Hover and click star selection for user interaction and rating systemsNo 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. Start building your own version of the game today!

1. Chapter 1 : Introduction to building example applications
   • JavaScript in Action Introduction 00:02:56
   • Web developer setup and coding setup for upcoming lessons 00:02:28
2. Chapter 2 : JavaScript Modal Popup Example
   • JavaScript Modal Setup 00:04:21
   • Make you page Interactive 00:03:57
   • JavaScript Show Modal 00:03:16
   • How to Hide Modal Remove Class 00:04:44
   • PopUp Modal Code Review 00:04:15
3. Chapter 3 : Image Carousel JavaScript animated slideshow application
   • Setup JavaScript Slideshow 00:04:27
   • Add Content with JavaScript 00:04:32
   • How to Build Content for User 00:06:53
   • JavaScript interaction adding clickable Indicators 00:03:07
   • Animated Play SlideShow 00:06:36
   • Event listeners Indicator Click Handle 00:01:42
   • Final JavaScript SlideShow Code Review 00:06:34
4. Chapter 4 : Star Rating project click and hover events
   • Star Rating Setup Code 00:03:07
   • Add Event Listeners 00:03:40
   • Event listeners JavaScript More Events to Add 00:03:42
   • DOM Manipulate Elements 00:02:29
   • Star Message to User 00:01:58
   • Star Rating Code Review 00:05:01