Creating Interactive Experiences Using HTML APIs

Focused View

Maximiliano Firtman

2:59:44

120 View

1. Course Overview

1. Course Overview.mp4

00:54

2. Working with the Document Object Model

1. Welcome.mp4

00:43

2. Preparing the Web App.mp4

06:52

3. DOM Essentials.mp4

04:54

4. Working with the DOM API.mp4

08:48

5. Creating Dynamic HTML Content.mp4

08:46

6. Navigating between Pages Using the DOM.mp4

12:25

7. Keeping the DOM Updated.mp4

06:35

8. Summary.mp4

01:04

3. Enhancing the Interaction with the User

1. Introduction.mp4

00:35

2. Event Binding.mp4

08:39

3. Working with Custom Events.mp4

10:46

4. Working wih Form Elements.mp4

09:54

5. Changing Styles on DOM Elements.mp4

06:39

6. Using Keyboard Events.mp4

10:11

7. Using Mouse, Touch, and Pointer Events.mp4

10:12

8. Working with Multi-touch Gestures.mp4

03:15

9. Summary.mp4

00:50

4. Adding Drag and Drop Support

1. Introduction.mp4

01:56

2. Enabling Drag on Elements.mp4

06:00

3. Defining a Drop Zone.mp4

02:55

4. Receiving and Parsing the Data.mp4

03:00

5. Exporting Data to the Operating System.mp4

04:16

6. Summary.mp4

00:54

5. Animating Your Content

1. Introduction.mp4

01:22

2. Working with CSS Transitions and Animations.mp4

06:30

3. Using the Web Animations API.mp4

08:15

4. Using the Animation Playback APIs.mp4

02:51

5. Orchestrate Animations through Events.mp4

07:24

6. Summary.mp4

00:55

6. Using Audio and Video in HTML

1. Introduction.mp4

00:36

2. Working with Media Players in HTML.mp4

04:20

3. Playing Audio Files.mp4

06:56

4. Creating a Visible Audio Player.mp4

04:05

5. Playing Video Files.mp4

04:16

6. Summary.mp4

01:11

Description

You want to make your HTML interactive. This course will teach you how to use JavaScript to work with the HTML contents dynamically. You will learn how to change content, read user's inputs, and work with animation, audio, and video files.

What You'll Learn?

HTML is a language that defines only static content, but the web can be interactive and dynamic. In this course, Creating Interactive Experiences Using HTML APIs, you’ll learn to use JavaScript and browser APIs to interact with your user and your HTML content. First, you’ll explore the Document Object Model APIs that will be the base of every interaction in your page. Next, you’ll discover Events UI, and Drag and Drop APIs. Finally, you’ll learn how to manage and control animations, audio, and video content. When you’re finished with this course, you’ll have the skills and knowledge of JavaScript with HTML needed to create interactive experiences for the Web.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

HTML

HTML5

Maximiliano Firtman

Instructor's Courses

Max Firtman is a mobile and web developer, trainer, speaker, and writer. He has authored many books, including Programming the Mobile Web and High Performance Mobile Web published by O'Reilly Media, and many online courses at different publishers. He is a frequent speaker at conferences worldwide and he has been widely recognized for his work in the mobile-web community. He teaches mobile, HTML5, PWA and web performance trainings for top companies around the world.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.