Sparky guide to bug free 
JavaScript 
Mite Mitreski 
Tricode 
#DV14 # #DBVU1G4 #YourTag @YourTwitterHa@ndmleitemitreski
Sparky = Flashy = Giffy 
10 Real life debugging tips 
CC Linda Tanner - originally posted to Flickr as Harlequin Bugs
The Debugger Statement - part of 
ECMAScript 1st Edition
The Debugger Statement - part of 
ECMAScript 1st Edition
console object 
No it’s not just console.log
ERROR - WARN - LOG - INFO - DEBUG
Overview of big JS objects 
beer list from “Open Beer Database”
Console.table() 
beer list from “Open Beer Database”
Console.trace()
Console.trace() + Objects.observe()
Async debug 
CC by 3.0 http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/ 
Before 
After
DOM Mutation Observer 
aka. where the F*** is my element coming from
Server side logging of client side events
Use Google Analytics to log this 
A hack but a cool one
JavaScript is not a real code
To wrap it up 
Don't end up debugging stuff that could have been 
avoided by best practices 
If you still have to 
use combination of logging, debugger statment and console object
Devoxx 2014 : Sparky guide to bug free JavaScirpt
Thank you 
#DV14 #BUG 
#DV14 #BUG @mitemitreski

More Related Content

PDF
OSMC 2017 | Extending NSClient++ by Michael Medin
PDF
Extending NSClient++ with rest and python
PDF
aautoPilot
PPT
Auto Build
PDF
Re invent 2018 - The Evolution of AircraftML
PDF
Get started with git and github
PDF
Cloud agnostic serverless with fn project
PDF
A Glassof Milk.Pps
OSMC 2017 | Extending NSClient++ by Michael Medin
Extending NSClient++ with rest and python
aautoPilot
Auto Build
Re invent 2018 - The Evolution of AircraftML
Get started with git and github
Cloud agnostic serverless with fn project
A Glassof Milk.Pps

Viewers also liked (20)

PPT
Knowle westmediacentre leadershipsocialinclusion
DOTX
Arquivo morto 2006 a.z
PPTX
The smurfs (3 d)[1]
PDF
Eng tta shareholder general area website concept v1.3
PPT
Automatic Enrolment
PPTX
Systole
PPT
How destinations can boost content marketing in 2014
PDF
UNIVERSIDAD ESTATAL DE BOLIVAR
PPTX
What is a computer
PDF
1060125公報講習簡報-公報作業要點修正說明及公報資訊網改版簡介
PPT
Pgd0015 group dynamic topic 2
PPTX
Top500 List June 2012
PPSX
Class 1. ss
PPTX
Special needs, special blessings embed
PPT
IPAR 2011 Corporate Presentation
PDF
Else, S., Hall, W.P. 2012. Enterprise Knowledge Architecture for Community Ac...
PDF
Anziani chi-li-assiste-attach s299103
PDF
I Congreso Oportunidades Empresariales del Milenio. Presentación Gráfica
PDF
Design your recongnition
Knowle westmediacentre leadershipsocialinclusion
Arquivo morto 2006 a.z
The smurfs (3 d)[1]
Eng tta shareholder general area website concept v1.3
Automatic Enrolment
Systole
How destinations can boost content marketing in 2014
UNIVERSIDAD ESTATAL DE BOLIVAR
What is a computer
1060125公報講習簡報-公報作業要點修正說明及公報資訊網改版簡介
Pgd0015 group dynamic topic 2
Top500 List June 2012
Class 1. ss
Special needs, special blessings embed
IPAR 2011 Corporate Presentation
Else, S., Hall, W.P. 2012. Enterprise Knowledge Architecture for Community Ac...
Anziani chi-li-assiste-attach s299103
I Congreso Oportunidades Empresariales del Milenio. Presentación Gráfica
Design your recongnition
Ad

More from Mite Mitreski (9)

PDF
Getting all the 99.99(9) you always wanted
PDF
The core libraries you always wanted - Google Guava
PDF
Micro service pitfalls voxxed days istanbul 2015
PDF
Microservice pitfalls
PDF
Unix for developers
PDF
State of the lambda
PDF
Java2day 2013 : Modern workflows for javascript integration
PDF
Google Guava for cleaner code
PDF
Eclipse 10 years Party
Getting all the 99.99(9) you always wanted
The core libraries you always wanted - Google Guava
Micro service pitfalls voxxed days istanbul 2015
Microservice pitfalls
Unix for developers
State of the lambda
Java2day 2013 : Modern workflows for javascript integration
Google Guava for cleaner code
Eclipse 10 years Party
Ad

Recently uploaded (20)

PPTX
assetexplorer- product-overview - presentation
PDF
Top 10 Software Development Trends to Watch in 2025 🚀.pdf
PDF
How AI/LLM recommend to you ? GDG meetup 16 Aug by Fariman Guliev
PDF
Ableton Live Suite for MacOS Crack Full Download (Latest 2025)
PDF
Microsoft Office 365 Crack Download Free
PDF
iTop VPN Crack Latest Version Full Key 2025
PPTX
Monitoring Stack: Grafana, Loki & Promtail
PPTX
Computer Software - Technology and Livelihood Education
PPTX
Patient Appointment Booking in Odoo with online payment
PPTX
Cybersecurity: Protecting the Digital World
PDF
EaseUS PDF Editor Pro 6.2.0.2 Crack with License Key 2025
PDF
Product Update: Alluxio AI 3.7 Now with Sub-Millisecond Latency
PPTX
AMADEUS TRAVEL AGENT SOFTWARE | AMADEUS TICKETING SYSTEM
PPTX
Log360_SIEM_Solutions Overview PPT_Feb 2020.pptx
PPTX
Introduction to Windows Operating System
PDF
AI-Powered Threat Modeling: The Future of Cybersecurity by Arun Kumar Elengov...
DOCX
How to Use SharePoint as an ISO-Compliant Document Management System
PDF
Time Tracking Features That Teams and Organizations Actually Need
PDF
How Tridens DevSecOps Ensures Compliance, Security, and Agility
PDF
Types of Token_ From Utility to Security.pdf
assetexplorer- product-overview - presentation
Top 10 Software Development Trends to Watch in 2025 🚀.pdf
How AI/LLM recommend to you ? GDG meetup 16 Aug by Fariman Guliev
Ableton Live Suite for MacOS Crack Full Download (Latest 2025)
Microsoft Office 365 Crack Download Free
iTop VPN Crack Latest Version Full Key 2025
Monitoring Stack: Grafana, Loki & Promtail
Computer Software - Technology and Livelihood Education
Patient Appointment Booking in Odoo with online payment
Cybersecurity: Protecting the Digital World
EaseUS PDF Editor Pro 6.2.0.2 Crack with License Key 2025
Product Update: Alluxio AI 3.7 Now with Sub-Millisecond Latency
AMADEUS TRAVEL AGENT SOFTWARE | AMADEUS TICKETING SYSTEM
Log360_SIEM_Solutions Overview PPT_Feb 2020.pptx
Introduction to Windows Operating System
AI-Powered Threat Modeling: The Future of Cybersecurity by Arun Kumar Elengov...
How to Use SharePoint as an ISO-Compliant Document Management System
Time Tracking Features That Teams and Organizations Actually Need
How Tridens DevSecOps Ensures Compliance, Security, and Agility
Types of Token_ From Utility to Security.pdf

Devoxx 2014 : Sparky guide to bug free JavaScirpt