Debugging the Web with FireBug, WebDeveloper, and Fiddler
The tools for debugging web pages and JavaScript are powerful. This course will help you get familiar with all the relevant tooling.
What you'll learn
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.
Table of contents
- Introducing the Browser Tools 2m
- Demo: Internet Explorer 5m
- Demo: Chrome 4m
- Demo: Firefox 4m
- Demo: Safari 3m
- Layout Problems 1m
- Demo: Installing Firebug and Web Developer 2m
- Demo: Firebug - HTML Panel 5m
- Demo: Firebug - Layout Viewer 2m
- Demo: Firebug - DOM Mode 2m
- Demo: Firebug - Inspection 1m
- Demo: Web Developer - Outlining 2m
- Demo: Web Developer - Information Bar 4m
- Summary 2m
About the author
Shawn Wildermuth has been tinkering with computers and software since he got a Vic-20 back in the early ‘80s. As a Microsoft MVP since 2003, he’s also involved with Microsoft as an ASP.NET Insider and ClientDev Insider. He’s authored eight books and innumerable articles on software development. You can also see him at one of the local and international conferences he’s spoken at including TechEd, Oredev, SDC, NDC, VSLive, DevIntersection, MIX, Devteach, DevConnections and Dev Reach. He is one of... more