Introduction
Welcome
()
Using the exercise files
()
1. Getting Started
A framework for problem solving
()
Thinking about feedback loops
()
Where to find the web inspection tools
()
2. Something Doesn't Look Right
Canary in the coal mine: Check the console first
()
Search and destroy HTML errors
()
Who's the (style) boss?
()
The magical inflating box
()
The case of the missing asset
()
3. Making Everybody Happy
Who are you going to support?
()
Follow the protocol
()
Dude, where's my video?
()
Giving Internet Explorer a nudge
()
4. Just Google It
Become a search master
()
Not all hits are created equal
()
5. Testing Tools of the Trade
Rapid testing with online snippet editors
()
Using local servers to shrink the feedback loop
()
Using emulators to quickly test mobile devices
()
Tools for testing multiple browsers and operating systems
()
6. Testing Responsive Layouts
Size matters
()
A viewport is better than a peephole
()
That shouldn't be on my device
()
7. Debugging
Writing to the console
()
Testing code on the live page
()
Finding a needle in a minified haystack
()
8. Creating New Functionality
Search the APIs
()
Getting approval from the code inspector
()
Implement with caution
()
Ex_Files_Prob_Solv_Web_Des.zip
(23.0 MB)