Video description
Understand the fundamentals of JavaScript, DOM, and HTML5 tags
About This Video
- Design your web page
- Make your page interactive
- Sketch the rough layout and fit data into the layout using HTML56 tags
In Detail
In 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.
Table of contents
-
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
-
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
-
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
-
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
Product information
- Title: JavaScript by Example
- Author(s):
- Release date: August 2017
- Publisher(s): Packt Publishing
- ISBN: 9781788293709
You might also like
video
Learn By Example: The Foundations of HTML, CSS & Javascript
Closures, prototypes, JSON, the DOM, selectors, inheritance in CSS and in Javascript, and first-class functions About …
video
JavaScript Bootcamp: Build Real World Applications
Get to grips with JavaScript by building projects on JavaScript ES6, JSON, and AJAX About This …
video
JavaScript Essentials for Modern Web Development
Create dynamic and interactive web apps using JavaScript About This Video Expand your knowledge on a …
book
Automate the Boring Stuff with Python, 2nd Edition
If you’ve ever spent hours renaming files or updating hundreds of spreadsheet cells, you know how …