Presentation is loading. Please wait.

Presentation is loading. Please wait.

Esri UC 2014 | Technical Workshop | Effectively Debugging Web Applications Kelly Hutchins Matt Priour.

Similar presentations


Presentation on theme: "Esri UC 2014 | Technical Workshop | Effectively Debugging Web Applications Kelly Hutchins Matt Priour."— Presentation transcript:

1 Esri UC 2014 | Technical Workshop | Effectively Debugging Web Applications Kelly Hutchins Matt Priour

2 Esri UC 2014 | Technical Workshop | Overview - Prevention tips - Browser based debugging - Mobile application debugging - Gotchas

3 Esri UC 2014 | Technical Workshop | Text Editors Type Presentation Title Here

4 Esri UC 2014 | Technical Workshop | Prevention Code quality tools - JSLint - JSHint The trailing comma problem

5 Esri UC 2014 | Technical Workshop | IDE integration

6 Esri UC 2014 | Technical Workshop | Github JSAPI Resources

7 Esri UC 2014 | Technical Workshop | Beautifiers Jsbeautifier.org Cssbeautify.com Plug-ins

8 Esri UC 2014 | Technical Workshop | Task automation Automate tasks - Linting - Beautify - Minification Grunt - http://gruntjs.com Gulp - http://github.com/gulpjs/gulp

9 Esri UC 2014 | Technical Workshop | Developer tools Set breakpoints Log information View network traffic Inspect CSS

10 Esri UC 2014 | Technical Workshop | Get the tools Firefox + Firebug Chrome Developer Tools IE Type Presentation Title Here

11 Esri UC 2014 | Technical Workshop | CSS Inspect Elements Modify on the fly Save changes Type Presentation Title Here

12 Esri UC 2014 | Technical Workshop | Box Model Type Presentation Title Here

13 Esri UC 2014 | Technical Workshop | CSS Preprocessors Type Presentation Title Here

14 Esri UC 2014 | Technical Workshop | Network Type Presentation Title Here

15 Esri UC 2014 | Technical Workshop | Resources View application files Prettify Type Presentation Title Here

16 Esri UC 2014 | Technical Workshop | Storage Type Presentation Title Here

17 Esri UC 2014 | Technical Workshop | Console Log info Write commands Type Presentation Title Here

18 Esri UC 2014 | Technical Workshop | Console Shortcuts Type Presentation Title Here

19 Esri UC 2014 | Technical Workshop | Matt Priour Breakpoint debugging and mobile Type Presentation Title Here

20 Esri UC 2014 | Technical Workshop | Browser based mobile tools Emulation Touch

21 Esri UC 2014 | Technical Workshop | Geolocation

22 Esri UC 2014 | Technical Workshop | Kelly Hutchins Mobile Browser Type Presentation Title Here

23 Esri UC 2014 | Technical Workshop | Mobile Browser Tools Type Presentation Title Here Emulate device Touch testing Responsive

24 Esri UC 2014 | Technical Workshop | Geolocation Type Presentation Title Here

25 Esri UC 2014 | Technical Workshop | Thank you… Please fill out the session survey: First Offering ID: 1334 Second Offering ID: 1427 Online – www.esri.com/ucsessionsurveyswww.esri.com/ucsessionsurveys Paper – pick up and put in drop box Type Presentation Title Here

26 Esri UC 2014 | Technical Workshop | Type Presentation Title Here


Download ppt "Esri UC 2014 | Technical Workshop | Effectively Debugging Web Applications Kelly Hutchins Matt Priour."

Similar presentations


Ads by Google