DOM Events and JavaScript

$23.99

DOM Events and JavaScript: From Zero to Expert!

Closed
Course
66 Lessons

Learn to master and manipulate DOM Events with JavaScript (and ace your next front-end interview too!) Don't miss out—enroll now to gain the edge you need to impress employers and advance your career! 👨🏻‍💻 Created by Gregg Fine (The Code Creative) 🕑 Last updated 6/2024 🌐 English This course includes 🖥 3.5 hours of video lessons 🎓 26 Quizzes Requirements: Basic knowledge of HTML/CSS/JavaScript

Buy now

Struggling to learn JavaScript and the DOM?

Are you tired of feeling frustrated with teachers that overcomplicate the fundamentals in an attempt to impress you with their knowledge? Have you taken other courses that promised to make you a master web developer but left you more confused than when you started? Feeling nervous about that next coding interview?

As a self-taught developer who spent countless hours struggling to find the best online tutorials and instructors, I know how you feel. (Fortunately, I eventually succeeded in landing full-time web developer and full-stack developer roles in NYC 😀). And that’s why I developed this course to teach you DOM manipulation and event handling techniques in a simple, step-by-step, and straightforward way…

Introducing DOM Events and JavaScript - Your guide to mastering the essential skills needed to create dynamic, interactive web pages.

Learn how to use JavaScript to interact with and manipulate the DOM (a critical skill for web developers) in an easy, focused, step-by-step way. No extra fluff!

Testimonials

Gregg addresses the points that you will encounter in real life projects. No matter what JavaScript library you are using or planning to use, Gregg's courses are essential for any kind of front-end development. I took the first course and went back to Gregg's website and purchased the other ones. I wish I knew about Gregg's courses many years ago.

DH

Gregg does a great job of clarifying web concepts, especially on the DOM. His teaching is broken down into easily digestible lessons with a welcome touch of humor. I recommend his courses without any appeal, the quality is 100% guaranteed.

Jean-Patrice Calvez

Excellent work, thank you for sharing your knowledge and not just writing code with some background music!

Michel Franco

What I love about Gregg's videos is that they are not only inviting and easy to follow, but they're full of so many little gems; awesome insights and tricks that aren't even the topic of the video just extra embedded gems.

Frazer Kirkman

Section 1: Welcome To The Course!

Course Orientation and Curriculum Walkthrough

Preview

Setting Up Our Developer Environment

Section 2: DOM Events - Laying The Foundation

Inline Event Handlers: The Old Approach

Quiz: Inline Event Handlers

Event Handler Properties

Quiz: Event Handler Properties

Section 3: Event Listeners Explored

addEventListener: The New Approach

Quiz: addEventListener

removeEventListener

Quiz: removeEventListener

addEventListener: The Options Object

DOM Events and the Prototype Chain

Preview

Bonus!

Section 4: Introducing The Event Object!

The Event Object Explored

Quiz: The Event Object

Section 5: The Mouse Events

Click, MouseDown, and MouseUp

Quiz: Click, MouseDown, and MouseUp

DoubleClick

Quiz: DoubleClick

MouseMove

Quiz: MouseMove

MouseOver, MouseOut, MouseEnter, MouseLeave

Quiz: MouseOver, MouseOut, MouseEnter, MouseLeave

ContextMenu

Quiz: ContextMenu

Wheel

Quiz: Wheel

Section 6: The Keyboard Events

Keyboard Events Explored

Quiz: Keyboard Events Explored

The Keyboard Event Object: Useful Properties

Quiz: The Keyboard Event Object

Section 7: PreventDefault and the Submit Event

Understanding PreventDefault

Preview

The Submit Event

An Alternate Way to PreventDefault

Quiz: PreventDefault and the Submit Event

Section 8: Event Bubbling and Capturing

Event Bubbling and Capturing in Concept

Quiz: Event Bubbling and Capturing in Concept

Event Bubbling and Capturing in Code

Quiz: Event Bubbling and Capturing in Code

Stopping Event Propagation

Quiz: Stopping Event Propagation

Section 9: Event Delegation

Event Delegation Explained

Quiz: Event Delegation

CurrentTarget vs. Target

Quiz: CurrentTarget vs. Target

Section 10: The Focus and Blur Events

Exploring the Focus and Blur Events

Quiz: The Focus and Blur Events

Using Focus and Blur for User Validation

Focus and Blur Don't Bubble!

Quiz: Focus and Blur Don't Bubble!

Section 11: The Input and Change Events

Input Events Explained

Quiz: Input Events

Change Events Explained

Quiz: Change Events

Section 12: The Load and DOMContentLoaded Events

Understanding the Load Event

Quiz: The Load Event

DOMContentLoaded vs. Load Event

Quiz: DOMContentLoaded vs. Load Event

Section 13: The Scroll Event

The Scroll Event Explored

Quiz: The Scroll Event

Section 14: Debugging Event Listeners

4 Ways to Debug JavaScript Events

Preview

Section 15: Custom Events

How To Create Custom JavaScript Events

Custom Events and Decoupling

Mimicking Native Browser Events

Section 16: Final Chapter

DOM Events - A Whirlwind Journey!

Bonus!

Frequently asked questions

What is the course about?

This course is designed to help you understand the DOM (Document Object Model) events and JavaScript, starting from scratch and taking you to the expert level. You will learn about event handlers, event listeners, the event object, different types of events such as mouse, keyboard, and custom events, event bubbling and capturing, event delegation, debugging event listeners, and more.

Who is this course for?

This course is ideal for beginner to intermediate web developers who want to gain a deep understanding of DOM events and JavaScript. It is also perfect for anyone who wants to improve their skills in event handling, user interface development, and web development.

What do I need to know before taking this course?

You should have a basic understanding of HTML, CSS, and JavaScript as well as some knowledge of web development and programming concepts. The course provides a comprehensive curriculum walkthrough and orientation, so even if you're starting from scratch, you'll be able to follow along.

What will I learn in this course?

Inline event handlers and the old vs. new approach to event handling
Event handler properties and event listeners
The event object and its properties
Mouse events, keyboard events, focus, and blur events
The submit event and preventDefault
Event bubbling, capturing, and stopping event propagation
Event delegation and currentTarget vs. target
The load, DOMContentLoaded, and scroll events
Debugging event listeners and custom events
Creating custom JavaScript events and mimicking native browser events

What is the format of the course?

The course is composed of several sections containing video lessons, quizzes, and code snippets. The videos are short and concise, making it easy to follow along and absorb the content. The quizzes reinforce your learning and help you retain the information.

How long does it take to complete the course?

The course is made up of over 210 minutes of video content, quizzes, and code snippets, so it will take several hours to complete. However, you can take the course at your own pace and go through the sections and lessons as many times as you need to!

How long will I have access to the course?

You’ll have lifetime access to this course for as long as it exists online, on this platform, or any other platform!

Is my purchase/credit card secure?

Yes, Podia(the platform that hosts this course) uses Stripe and PayPal to handle the billing and provide secure encryption for all online transactions.

Meet Your Instructor: Gregg Fine

Meet Gregg Fine, the mastermind behind "The Code Creative" - a full-stack web developer who transforms ideas into stunning and impactful websites, e-commerce stores, and web applications for individuals, brands, and agencies alike.

Before immersing himself in the world of web development, Gregg was a sought-after music producer, working with big names in advertising from Calvin Klein to YSL to Old Navy.

Not only does he bring his vast expertise to the table, but he also has a passion for sharing his knowledge. As the host of The Code Creative YouTube Channel, Gregg demystifies the world of web development and helps you understand the latest trends and technologies.

He's also a prolific author, with 20 courses published on macProVideo covering a wide range of topics from coding with the Web Audio API to the intersection of music theory and technology.

Gregg is dedicated to helping you succeed and stay up-to-date in the ever-evolving world of coding. Through his blog, The Code Creative Blog, he provides valuable insights and tips on coding, web development, and SEO.

With Gregg as your guide, you'll feel confident and prepared to tackle any coding challenge that comes your way!