From the course: Learning JavaScript Debugging
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Solution: Putting it all together - JavaScript Tutorial
From the course: Learning JavaScript Debugging
Solution: Putting it all together
(upbeat music) - [Narrator] Okay, let's take a look at a solution to this challenge. We're trying to solve three issues. Let's take them one by one. First, we'll deal with the timing of the closing of the modal. So if I refresh this page to make it appear again, here it goes and close and it disappears super fast. So let's open the developer tools and here in the sources pane I'm going to open my challenge.JS file and my challenge.CSS file. In these styles, I can see that we have a transition set for the modal container, that's the overlay where its opacity changes over the course of one second, and then the inner portion with the actual form changes over two seconds. And we have a couple of classes here that will toggle the opacity. And we also have this display block, which defaults to none, so the overlay doesn't block anything on the page. All right, what we're dealing with is how the modal closes. So I'm going…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Debugging without a debugger5m 16s
-
(Locked)
Leverage more of the Console API7m 4s
-
Stop and look around: Simple breakpoints5m 24s
-
(Locked)
Explore other breakpoint options7m 47s
-
(Locked)
Challenge: Knowing when to stop2m 28s
-
(Locked)
Solution: Knowing when to stop3m 56s
-
(Locked)
Step into, over, and out of functions5m 48s
-
(Locked)
Find out where you are using the call stack4m 34s
-
(Locked)
Monitor variables with watches5m 16s
-
(Locked)
Source maps to debug minified files4m 41s
-
(Locked)
Challenge: Putting it all together4m 10s
-
(Locked)
Solution: Putting it all together8m 52s
-
(Locked)
-
-