Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Base Ingredients of Debugging

The Base Ingredients of Debugging

Slides as given at WCUK 2013 and an upgrade of MWUG June 2013 presentation.

----- Abstract ------
As any web developer will know, love it or hate it, we all need to debug at some point. Whether it be an error in HTML syntax or invalid database queries.

There are basic debugging rules and structures which can or do make all of our lives a little easier. This talk is aimed toward beginners, and intends to convey basic debugging skills utilising HTML, CSS, Javascript and PHP. Not only will the skill-sets be covered, but also the mindset required in understanding why developing debug-fu is a great asset in any development role.
As a fresh entrant into a development role, all too often you will hear the phrase ""just debug it"", without necessarily owning the knowledge to carry this out in most circumstances, or know why it's even necessary.

When your role involves work with multiple languages and development environments, it can be very hard to know where to begin. The talk will be based on my own experience, from discovering and evaluating solutions within real life scenarios.

Jenny Wong

July 13, 2013
Tweet

More Decks by Jenny Wong

Other Decks in Programming

Transcript

  1. www.reasondigital.com @miss_jwo "This is all true because it came off

    the internet." Wise Words : 6 Saturday, 13 July 13
  2. www.reasondigital.com @miss_jwo en.wikipedia.org/wiki/Debugging Debugging is a methodical process of finding

    and reducing the number of bugs, or defects, in a computer program or a piece of electronic hardware, thus making it behave as expected. 10 Saturday, 13 July 13
  3. www.reasondigital.com @miss_jwo Think about where the problem may be Database?

    PHP Javascript / CSS / HTML User issue? Server issue? 13 Saturday, 13 July 13
  4. www.reasondigital.com @miss_jwo /* Javascript */ var foo = 'hello world';

    alert(foo); console.log(foo); 19 Saturday, 13 July 13
  5. www.reasondigital.com @miss_jwo /* PHP */ $foo = 'hello php code';

    var_dump($foo); die($foo); 23 Saturday, 13 July 13
  6. www.reasondigital.com @miss_jwo HTML Check different browsers / machines Validate the

    source code at W3C Clear the cache Write text into your file Inspect the element 36 Saturday, 13 July 13
  7. www.reasondigital.com @miss_jwo CSS Check different browsers / machines Validate the

    source code at W3C Clear the cache Inspect the element Colour the target a crazy colour 37 Saturday, 13 July 13