by Anto Aravinth | Publisher: Packt Publishing | Release Date: August 2017 | ISBN: 9781788293709

Understand the fundamentals of JavaScript, DOM, and HTML5 tags About This VideoDesign your web pageMake your page interactiveSketch the rough layout and fit data into the layout using HTML56 tagsIn DetailIn this video course, you will learn to use JavaScript by building a complex application. You'll start by designing your web page. Then we'll teach you how to make your page interactive. You'll find out how to sketch the rough layout using HTML5 tags. Next you'll see how to fit data into the layout. This will get you started with designing your own web page. Towards the end, you'll find solutions to all of your queries so you can become an expert in JavaScript. By the end, you'll be ready to implement what you've learned in your future projects.

1. Chapter 1 : First Look
   • The Course Overview 00:02:12
   • What We Are Going to Build? 00:03:48
   • Representing Questions as JSON 00:09:10
   • Essentials of DOM, How to Access It Via JavaScript? 00:10:31
   • Creating DOM Elements in JavaScript Dynamically 00:04:58
   • Projecting the Questions in the View 00:05:17
2. Chapter 2 : Designing Your Page
   • What Is Meant by Semantic? 00:04:45
   • Making the View Semantic Using HTML5 00:03:50
   • Sketching the Rough Layout Using HTML5 Tags 00:04:03
   • Changing Our HTML to Semantic 00:05:33
   • Projecting Answers as Radio Group Elements 00:09:06
3. Chapter 3 : Making the Page Interactive
   • Lets Dive into Events 00:03:18
   • Listening for Events in JavaScript 00:05:01
   • Gentle Introduction to Callbacks 00:02:49
   • Creating Check Answer Button 00:09:33
   • Displaying Information to the User 00:05:01
4. Chapter 4 : Adding Features
   • Extending to Multichoice Question 00:02:17
   • Using Array filter Function 00:06:50
   • Dive into Higher-Order Functions 00:05:19
   • Projecting Answers as Checkbox Elements 00:07:13
   • Preventing Refresh 00:03:42