JavaScript Toolkit
Upcoming SlideShare
Loading in...5

JavaScript Toolkit



This presentation provides a quick glance at a number of tools that make development with JavaScript easy, quick & bug free. Loads of tools & ideas in it :)

This presentation provides a quick glance at a number of tools that make development with JavaScript easy, quick & bug free. Loads of tools & ideas in it :)



Total Views
Views on SlideShare
Embed Views



14 Embeds 1,562 1253 121 74 50 28 12 10 3 3 3 2 1 1 1



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

JavaScript Toolkit JavaScript Toolkit Presentation Transcript

  • JavaScript toolkit 10 July 2012
  • Visual Studio Visual Studio 2012 has awesome JavaScript & HTML support Visual Studio 2010 Web Standards Update Web Essentials Extension Chirpy
  • F12, Firebug & PageSpeed Developer Tools F12: Chrome & IE FireBug: Firefox Key tools are console & network Google PageSpeed (Firebug & Chrome Add-in) Make it a quality gate
  • JSLint Static analysis tool for JavaScript Professional Subset Quality gate
  • JSONLint Check your JSON strings Make them pretty
  • jQuery THE library for JavaScript on the web Poly filler for JavaScript implementations
  • Unit Testing qUnit Needs just a JS, CSS & HTML file Simple syntax Chutzpah JS Unit Test runner Can run headless, i.e. no HTML
  • YUI Compressor From Yahoo (home of Crockford) Uses a lot of tricks and smarts to shrink & obfuscate JavaScript Local & hosted versions exist
  • Trend: Stop thinking in JavaScriptJavaScript is assembly language for the web Scott Hanselman, 6 July 2011 JS is the x86 of the web Brenden Eich, a couple of years ago JavaScript is the VM of the web Douglas Crockford, 19 July 2011 The JavaScript we've got now is the assembly language of the client-side. We can't easily change it, but we have to start building better tools on top of it. Jonnycat, Hacker News, 2010
  • CoffeeScript A more enforced language Uses current trends in programming language design Can stop you from shooting yourself in the foot
  • Is CoffeeScript good? Rather write CoffeeScript than bad JavaScript Why write bad JavaScript in the first place? Learn good JavaScript Realise that it is a prototype language & not an OO language Use static analysis tooling to learn & improve your JavaScript
  • Other interesting libraries • Backbone.js – MVVM for JavaScript • Require.js – Makes sure the JavaScript is loaded & only loaded when needed • Underscore.js – Poly fill for backbone & jQuery • SignalR – A library for the communication between client, client & service. • Modernizr – Library for the poly filling of HTML 5 & CSS
  • Questions?
  • Sources favorite-features-improved-tooling-in-visual-studio-11- for-javascript-developers.aspx