Outline for Matt's class

matt-outline.md

Hi, I'm Dan

What we're going to do:

• References - MDN, CanIUse, StackoverFlow
• Tools - Codepen, ngrok, Chrome Dev Tools: Console, Network, Elements, Inspect
• Demo Project
  • Template
  • DOM
  • JS
  • Styling
• Questions

References

• MDN - Documentation, Guides
• CanIUse - Compatibility

Tools

• Chrome Dev Tools
  • Elements Tab
    • DOM
    • Styling
  • Networking Tab
  • Console Tab
    • Input
  • Elements Tab
    • Exploring
    • Editing
    • Styling
  • Inspect
• Codepen - easy, on the fly testing/experimentation
• ngrok - instant, free url

Project

• Explanation
• Starter Template
  • HTML5 Boilerplate
• DOM - Sketch it out
• JS
  • jQuery
  • jQuery.ajax()
  • DOM updating
  • console.log()
• Styling
  • Also in MDN
  • Chrome Dev Tools Device Emulator
  • Chrome Dev Tools Inspect
    • ngrok