Description
Course info
Rating
(300)
Level
Intermediate
Updated
May 31, 2012
Duration
1h 58m
Description

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
Less: Getting Started
Intermediate
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 )