• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
JavaScript Toolkit

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,514

http://www.sadev.co.za 1222
http://dotnet.dzone.com 119
http://sadev.co.za 66
http://www.maclean.nom.za 43
http://cloud.feedly.com 28
http://feeds.feedburner.com 12
http://maclean.nom.za 10
http://www.dzone.com 3
http://translate.googleusercontent.com 3
http://www.dynamicsexchange.com 3 2
http://feedproxy.google.com 1
http://cana15.okeedo.com 1
http://www.goread.io 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 www.jslint.com Static analysis tool for JavaScript Professional Subset Quality gate
    • JSONLint www.jsonlint.com Check your JSON strings Make them pretty http://bit.ly/chromejsonview
    • 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 http://www.hanselman.com http://blogs.msdn.com/b/jasonz/archive/2012/05/10/my- favorite-features-improved-tooling-in-visual-studio-11- for-javascript-developers.aspx