• .NET Developer Tools DevTools

    UI controls for ASP.NET AJAX, MVC, WPF,
    Silverlight, Windows 8 and Windows Phone

  • Hybrid Mobile Development Icenium

    Cross-platform Mobile Development Tool
    with cloud-based architecture

  • HTML5 / JavaScript Development Kendo UI

    Everything you need to build sites and
    mobile apps with JavaScript and HTML5

  • Testing Tools TestStudio

    One easy tool for Functional, Performance,
    Load and Mobile software testing

  • Web Presence Platform Sitefinity CMS

    Everything for your online business - content
    management, ecommerce, emarketing

  • Agile Project Management TeamPulse

    Simple and intuitive project management
    and collaboration software

Contact us

We are here for you.
  • usa+1‒888‒365‒2779
  • uk+44‒20‒7291‒0580
  • bg+359‒2‒8099850
  • de+49‒89‒2441642‒70
  • au+61‒2‒8090‒1465
  • emailsales@telerik.com
Your account Access to your products, updates and support
Telerik Product Families
  • Your Account
    Your Account
    Log in
  • ABOUT US

    About Telerik

    • Company
    • Press Center
    • Customers
    • Community
    • Careers
    • Contacts
Kendo UI - The way of HTML5
Products ▼
Kendo UI Web Kendo UI Mobile Kendo UI DataViz Server Side Wrappers
Demos Purchase Download
Blogs Documentation
Support ▼
Premium Forums StackOverflow Forums
Resources ▼

Featured Resource

Kendo UI Dojo


Blogs Code Library Demos Documentation FAQ Testing
Premium Forums Roadmap User Voice Videos Webinars More Resources
Contact Us Search
 

Blogs

[Screencast] Debugging Kendo UI Applications

Wednesday, January 02, 2013 by Kendo UI Team Blog | Comments 6

JavaScript is a beautifully simple and elegant language.  It puts virtually no restrictions on what you can do; and since it’s a dynamic language, you can modify it on the fly and debug it right in the browser.  However, it’s great forgiving nature can also be a source of maddening frustration.  JavaScript will let you call methods and properties that don’t exist, create malformed objects and has zero protection against silly mistakes.  If you are going to be productive with Kendo UI, it’s essential that you become very comfortable with your browser’s developer tools.  These tools will be a more essential part of your workflow than even your IDE.

In this screencast, I make several common errors and use the Chrome Developer Tools to squash all of the bugs while digging myself out of a completely busted implementation of a Kendo UI Grid.  Make sure you check out the additional resources below the video for more information on the Chrome Developer Tools.

Additional Resources

  • Chrome Developer Tools Site
  • Wait, Chrome Dev Tools could do THAT?
  • A Re-Introduction To The Dev Tools
  • Chrome Dev Tools Cheat Sheets

 

About the Author
Burke Holland is a web developer living in Nashville, TN. He enjoys working with and meeting developers who are building mobile apps with jQuery / HTML5 and loves to hack on social API's. Burke works for Telerik as a Developer Evangelist focusing on Kendo UI. Burke is @burkeholland on Twitter.

6 Comments

  1. 1 Stuart 03 Jan 2013
    Cool.

    Useful video.

    I'd be happy to see more like this.
  2. 2 dan 03 Jan 2013
    Very nice, it took me awhile to figure this out on my own, wish I had found this video it would have save me alot of time!
  3. 3 Bill 03 Jan 2013
    Very useful information!
  4. 4 Rob Levin 04 Feb 2013
    Can never be too many resources on debugging in dev tools!
  5. 5 Leon Victor 11 Feb 2013
    For debugging purpose, This is very cool info. Still I am waiting for some new information about this.
  6. 6 Nathan Prather 13 Feb 2013
    Great video!  thanks!

Comment

  1. Click to add

  2. Click to add

  3. Click to add

  4.    
     
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
     
      
       
Blogs feed
Categories

  • Tutorials (26)
  • Release (33)
  • Browsers (7)
  • Extensions (3)
  • Tip of the Week (10)
  • Videos (5)
  • Concepts and Theory (13)
  • Misc. (25)
  • Framework Constructs (6)
  • Mobile (6)
  • UI Widgets (5)
  • Blogs (1)
Archive
  • 2013 May (7)
  • 2013 April (10)
  • 2013 March (9)
  • 2013 February (12)
  • 2013 January (10)
  • 2012 December (9)
  • 2012 November (11)
  • 2012 October (6)
  • 2012 September (7)
  • 2012 August (8)
  • 2012 July (10)
  • 2012 June (8)
  • 2012 May (10)
  • 2012 April (7)
  • 2012 March (13)
  • 2012 February (10)
  • 2012 January (6)
  • 2011 December (10)
  • 2011 November (4)
  • 2011 October (6)
  • 2011 September (5)
  • 2011 August (9)
Home Web Mobile DataViz Server Wrappers Whitepapers Surveys Chrome Icenium Contact Us

Kendo UI framework is developed by Telerik - a leading provider of UI components for web, desktop and mobile applications. Trusted by over 100,000 customers worldwide for our devotion to quality and industry-best technical support, Telerik helps professionals maximize their productivity and "deliver more than expected" every day.

kendoui - powered by html5, css3 & jquery
get social
  • Twitter
  • Facebook
  • Google plus
  • RSS
Privacy Policy | Branding Guidelines
Powered by Sitefinity CMS

Copyright © 2011 - 2013 Telerik Inc. All rights reserved.