Course info
May 31, 2012
1h 58m

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.

About the author
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 2002, he's also involved with Microsoft as an ASP.NET Insider and ClientDev Insider.

More from the author
Building an API with ASP.NET Web API
2h 42m
Mar 25, 2019
Building an API with ASP.NET Core
2h 31m
Jan 9, 2019
Less: Getting Started
1h 11m
Sep 19, 2018
More courses by Shawn Wildermuth
Section Introduction Transcripts
Section Introduction Transcripts

Debugging JavaScript
Welcome to the second module of Debugging the Web JavaScript. My name is Shawn Wildermuth. I'm with Wilder Minds. In this module, we're going to discuss a number of different features of debugging JavaScript directly in the browser using a Firebug and web developer add-ins. In this second module, we're going to focus on JavaScript debugging in the browser specifically using Firefox and the Firebug and web developer add-ins. We're going to be discussing working with compilation errors, viewing the scripts that are on a particular page, searching through the scripts, setting breakpoints, walking through code using the debugging tools, setting watches and looking at values, as well as some tricks using the console window. Let's get started.

Debugging CSS
Welcome to Module 3, Cascading Style Sheets. In this module, we're going to talk about Style Sheet Debugging, working with browser tools to change the styling for particular pages that you're working within the browser. This will include viewing your style sheets, tracing those styles, modifying styles on the fly, adding new rules, and designing directly in the browser. Let's get started. ( Pause )

Network Debugging
Welcome to Module 4 of Debugging the Web. This time, we're going to talk about networking. This module, we're going to cover the debugging of networking of your web applications. This will include viewing of your network requests that are requested by the pages, understanding how the browser cache affects that, debugging API and AJAX calls directly from your JavaScript code, and finally working with Fiddler, an advance web debugging tool. Let's get started. ( Pause )