Learn DOM Manipulation and Events with JavaScript

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the DOM, and How Do You Access Elements?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do DOM Nodes Exist Relative to Each Other in the DOM Tree?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the querySelectorAll() Method, and When Should You Use It?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do You Create New Nodes Using innerHTML and createElement()?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the Difference Between innerText, textContent, and innerHTML?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do You Add and Remove Nodes from the DOM with appendChild() and removeChild()?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do the Navigator, Window, and Document Work?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do You Add Attributes with setAttribute()?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the Event Object?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Does the addEventListener Method Work?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Does the removeEventListener Method Work?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Are Inline Event Handlers, and Why Is It Best Practice to Use addEventListener Instead?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do You Manipulate Styles Using Element.style and Element.classList?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the DOMContentLoaded Event, and How Does It Work?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do the setTimeout and setInterval Methods Work?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the requestAnimationFrame() API, and How Can It Be Used to Set Up an Animation Loop?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the Web Animations API, and How Does It Relate to CSS Animation Properties?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

What Is the Canvas API, and How Does It Work?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

How Do You Open and Close Dialog Elements Using JavaScript?

Working with the DOM, Click Events, and Web APIs

Setelah ini Mulai Aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Working with the DOM, Click Events, and Web APIs Section Quiz 1

Working with the DOM, Click Events, and Web APIs

Working with the DOM, Click Events, and Web APIs Section Quiz 2

Working with the DOM, Click Events, and Web APIs

Working with the DOM, Click Events, and Web APIs Section Quiz 3

Working with the DOM, Click Events, and Web APIs

Working with the DOM, Click Events, and Web APIs Section Quiz 4

Working with the DOM, Click Events, and Web APIs

Working with the DOM, Click Events, and Web APIs Section Quiz 5

Working with the DOM, Click Events, and Web APIs

Working with the DOM, Click Events, and Web APIs Checkpoint Quiz

Working with the DOM, Click Events, and Web APIs

Sesi

Build a Storytelling App

0 materi 21 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Step 1

Build a Storytelling App

Step 2

Build a Storytelling App

Step 3

Build a Storytelling App

Step 4

Build a Storytelling App

Step 5

Build a Storytelling App

Step 6

Build a Storytelling App

Step 7

Build a Storytelling App

Step 8

Build a Storytelling App

Step 9

Build a Storytelling App

Step 10

Build a Storytelling App

Step 11

Build a Storytelling App

Step 12

Build a Storytelling App

Step 13

Build a Storytelling App

Step 14

Build a Storytelling App

Step 15

Build a Storytelling App

Step 16

Build a Storytelling App

Build a Storytelling App Section Quiz 1

Build a Storytelling App

Build a Storytelling App Section Quiz 2

Build a Storytelling App

Build a Storytelling App Section Quiz 3

Build a Storytelling App

Build a Storytelling App Section Quiz 4

Build a Storytelling App

Build a Storytelling App Checkpoint Quiz

Build a Storytelling App

Sesi

Build an Emoji Reactor

0 materi 20 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Step 1

Build an Emoji Reactor

Step 2

Build an Emoji Reactor

Step 3

Build an Emoji Reactor

Step 4

Build an Emoji Reactor

Step 5

Build an Emoji Reactor

Step 6

Build an Emoji Reactor

Step 7

Build an Emoji Reactor

Step 8

Build an Emoji Reactor

Step 9

Build an Emoji Reactor

Step 10

Build an Emoji Reactor

Step 11

Build an Emoji Reactor

Step 12

Build an Emoji Reactor

Step 13

Build an Emoji Reactor

Step 14

Build an Emoji Reactor

Step 15

Build an Emoji Reactor

Build an Emoji Reactor Section Quiz 1

Build an Emoji Reactor

Build an Emoji Reactor Section Quiz 2

Build an Emoji Reactor

Build an Emoji Reactor Section Quiz 3

Build an Emoji Reactor

Build an Emoji Reactor Section Quiz 4

Build an Emoji Reactor

Build an Emoji Reactor Checkpoint Quiz

Build an Emoji Reactor

Sesi

Build a Favorite Icon Toggler

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Build a Favorite Icon Toggler

Latihan lab singkat. Fokus langsung ke pengerjaan.

Build a Favorite Icon Toggler Section Quiz 1

Build a Favorite Icon Toggler

Build a Favorite Icon Toggler Checkpoint Quiz

Build a Favorite Icon Toggler

Sesi

Understanding the Event Object and Event Delegation

2 materi 2 aktivitas

Materi Bacaan

Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.

What Is the Change Event, and How Does It Work?

Understanding the Event Object and Event Delegation

Setelah ini Mulai Aktivitas

How Do Event Bubbling, and Event Delegation Work?

Understanding the Event Object and Event Delegation

Setelah ini Mulai Aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Understanding the Event Object and Event Delegation Section Quiz 1

Understanding the Event Object and Event Delegation

Understanding the Event Object and Event Delegation Checkpoint Quiz

Understanding the Event Object and Event Delegation

Sesi

Build a Music Instrument Filter

0 materi 19 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Step 1

Build a Music Instrument Filter

Step 2

Build a Music Instrument Filter

Step 3

Build a Music Instrument Filter

Step 4

Build a Music Instrument Filter

Step 5

Build a Music Instrument Filter

Step 6

Build a Music Instrument Filter

Step 7

Build a Music Instrument Filter

Step 8

Build a Music Instrument Filter

Step 9

Build a Music Instrument Filter

Step 10

Build a Music Instrument Filter

Step 11

Build a Music Instrument Filter

Step 12

Build a Music Instrument Filter

Step 13

Build a Music Instrument Filter

Step 14

Build a Music Instrument Filter

Build a Music Instrument Filter Section Quiz 1

Build a Music Instrument Filter

Build a Music Instrument Filter Section Quiz 2

Build a Music Instrument Filter

Build a Music Instrument Filter Section Quiz 3

Build a Music Instrument Filter

Build a Music Instrument Filter Section Quiz 4

Build a Music Instrument Filter

Build a Music Instrument Filter Checkpoint Quiz

Build a Music Instrument Filter

Sesi

Build a Real Time Counter

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Build a Real Time Counter

Latihan lab singkat. Fokus langsung ke pengerjaan.

Build a Real Time Counter Section Quiz 1

Build a Real Time Counter

Build a Real Time Counter Checkpoint Quiz

Build a Real Time Counter

Sesi

Build a Lightbox Viewer

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

Build a Lightbox Viewer

Latihan lab singkat. Fokus langsung ke pengerjaan.

Build a Lightbox Viewer Section Quiz 1

Build a Lightbox Viewer

Build a Lightbox Viewer Checkpoint Quiz

Build a Lightbox Viewer

Sesi

Build a Rock, Paper, Scissors Game

0 materi 19 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

100

Step 1

Build a Rock, Paper, Scissors Game

101

Step 2

Build a Rock, Paper, Scissors Game

102

Step 3

Build a Rock, Paper, Scissors Game

103

Step 4

Build a Rock, Paper, Scissors Game

104

Step 5

Build a Rock, Paper, Scissors Game

105

Step 6

Build a Rock, Paper, Scissors Game

106

Step 7

Build a Rock, Paper, Scissors Game

107

Step 8

Build a Rock, Paper, Scissors Game

108

Step 9

Build a Rock, Paper, Scissors Game

109

Step 10

Build a Rock, Paper, Scissors Game

110

Step 11

Build a Rock, Paper, Scissors Game

111

Step 12

Build a Rock, Paper, Scissors Game

112

Step 13

Build a Rock, Paper, Scissors Game

113

Step 14

Build a Rock, Paper, Scissors Game

114

Build a Rock, Paper, Scissors Game Section Quiz 1

Build a Rock, Paper, Scissors Game

115

Build a Rock, Paper, Scissors Game Section Quiz 2

Build a Rock, Paper, Scissors Game

116

Build a Rock, Paper, Scissors Game Section Quiz 3

Build a Rock, Paper, Scissors Game

117

Build a Rock, Paper, Scissors Game Section Quiz 4

Build a Rock, Paper, Scissors Game

118

Build a Rock, Paper, Scissors Game Checkpoint Quiz

Build a Rock, Paper, Scissors Game

Sesi

Build a Set of Football Team Cards

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

119

Build a Set of Football Team Cards

Latihan lab singkat. Fokus langsung ke pengerjaan.

120

Build a Set of Football Team Cards Section Quiz 1

Build a Set of Football Team Cards

121

Build a Set of Football Team Cards Checkpoint Quiz

Build a Set of Football Team Cards

Sesi

DOM Manipulation and Click Events with JavaScript Review

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

122

DOM Manipulation and Click Events with JavaScript Review

Review

DOM Manipulation and Click Events with JavaScript Review

123

DOM Manipulation and Click Events with JavaScript Review Section Quiz 1

DOM Manipulation and Click Events with JavaScript Review

124

DOM Manipulation and Click Events with JavaScript Review Checkpoint Quiz

DOM Manipulation and Click Events with JavaScript Review

Sesi

DOM Manipulation and Click Events with JavaScript Quiz

0 materi 2 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

125

DOM Manipulation and Click Events with JavaScript Quiz

DOM Manipulation and Click Events with JavaScript Quiz

126

DOM Manipulation and Click Events with JavaScript Quiz Checkpoint Quiz

DOM Manipulation and Click Events with JavaScript Quiz

Sesi

Evaluasi Akhir

0 materi 1 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

127

Final Exam: Learn DOM Manipulation and Events with JavaScript

Exam

Evaluasi Akhir