Debugging the Web with FireBug, WebDeveloper, and Fiddler
As a web developer, you are tasked with developing the server and client-side of your web projects. For the client-side of development, there are a lot of great tools to debug your web pages. In this course we will show you how to use the tools to debug the layout, JavaScript, CSS and networking in your web projects.
Authored by:
Shawn Wildermuth
Duration: 1h 58m
Level: Intermediate
Released: 5/31/2012
Features:
Duration: 1h 58m
Level: Intermediate
Released: 5/31/2012
Features:
Course Rating:
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
Debugging the Web |
|
00:38:39 | |
|
Introducing the Browser Tools
|
|
02:15 | |
|
Demo: Internet Explorer
|
|
04:35 | |
|
Demo: Chrome
|
|
03:58 | |
|
Demo: Firefox
|
|
03:37 | |
|
Demo: Safari
|
|
03:09 | |
|
Layout Problems
|
|
00:44 | |
|
Demo: Installing Firebug and Web Developer
|
|
02:11 | |
|
Demo: Firebug - HTML Panel
|
|
04:37 | |
|
Demo: Firebug - Layout Viewer
|
|
02:18 | |
|
Demo: Firebug - DOM Mode
|
|
02:04 | |
|
Demo: Firebug - Inspection
|
|
01:25 | |
|
Demo: Web Developer - Outlining
|
|
02:20 | |
|
Demo: Web Developer - Information Bar
|
|
03:37 | |
|
Summary
|
|
01:49 | |
Debugging JavaScript |
|
00:28:59 | |
|
Introduction
|
|
00:54 | |
|
Compilation Errors
|
|
03:40 | |
|
Viewing Scripts
|
|
03:14 | |
|
Searching Scripts
|
|
01:28 | |
|
Breakpoints
|
|
02:08 | |
|
Walking Through Code
|
|
04:50 | |
|
Watches and Values
|
|
04:06 | |
|
Console Window
|
|
05:25 | |
|
Profiling Scripts
|
|
02:22 | |
|
Summary
|
|
00:52 | |
Debugging CSS |
|
00:17:48 | |
|
Introduction
|
|
00:34 | |
|
The CSS Panel
|
|
03:46 | |
|
Discovering Styles
|
|
03:29 | |
|
Modifying Styles
|
|
03:45 | |
|
Adding Rules
|
|
02:26 | |
|
Design Workflow
|
|
03:04 | |
|
Summary
|
|
00:44 | |
Network Debugging |
|
00:33:17 | |
|
Introduction
|
|
00:38 | |
|
The Firebug Net Tab
|
|
03:08 | |
|
Viewing Results
|
|
03:23 | |
|
Searching and Copying Results
|
|
02:27 | |
|
Status Codes
|
|
01:41 | |
|
Browser Cache
|
|
03:20 | |
|
Debugging API Calls
|
|
02:00 | |
|
Page Request Flow
|
|
01:50 | |
|
Performance Considerations
|
|
06:49 | |
|
What is Fiddler
|
|
01:00 | |
|
Using Fiddler
|
|
05:30 | |
|
Summary
|
|
01:31 |
Debugging the Web