chrome-dev-tools-dotnet.pdf

Transcript

1. CHROME DEV TOOLS: RAIDING THE ARMORY @gregmalcolm GregMalcolm
2. gregmalcolm http://bit.ly/wickedweaponsdotnet Slides and Code:
3. Wacky Wanda’s Wicked Weapons Wacky Wanda’s Wicked Weapons Putting The Whack Back In Wacky!
4. Wacky Wanda’s Wicked Weapons Wacky Wanda’s Wicked Weapons Putting The Whack Back In Wacky!
6. Wanda MVC™ Controller Model View Router
9. What Wanda Wanted What Wanda Got
11. Elements Panel Make Wanda’s Head Spin No, really!
13. Console Panel/Drawer Enchanted Weapons Part 1
14. This is what we’re want to build out. We’ll be adding a checkbox. Clicking the checkbox will cause the attributes to change and magical glow to appear. Work has actually already begun on this but tragically my predecessor was tragically eaten by a balrog from the accounts department.
15. We keep explaining to Gary that developers are friends not food, but he hasn’t quite grasped the difference yet.
17. Sources Panel Enchanted Weapons Part 2
18. Template - Add a checkbox Sources Panel Enchanted Weapons Part 2 Tasks: View - Add a checkbox event listener Controller - Update the weapon model
20. Network Panel Jacked Ajax
22. Resources https://developers.google.com/web/tools/chrome-devtools/ Learn Dev Tools: (or go to Dev Tools Menu -> Help -> Documentation ) Presentation Materials: https://speakerdeck.com/gregmalcolm/chrome-dev-tools https://github.com/gregmalcolm/WackyWandasWickedWeaponsDotNet https://github.com/gregmalcolm/wacky-wandas-wicked-weapons-api http://bit.ly/wickedweaponsdotnet or