Saturday, March 17, 2012

7 Resources Every JavaScript Developer Should Know


A web developer today is expected to be an expert in every aspect of their craft and JavaScript is no exception.  Years ago JavaScript seemed to be more of an annoyance, producing those trailers at the bottom of the browser.  This has changed and JavaScript is a first-class citizen as a functional programming language and what seems like an unlimited number of resources covering the language.

I have been doing more and more JavaScript lately, both on the front-end and some node.js on the back end.  I wanted to share some great resources I use for what’s new with regards to JavaScript libraries, projects and general reference.

1. JavaScript Jabber

I am a fan of listening to good podcasts when I take a daily hike.  It gives me a chance to find information about new projects or libraries of code.  I ran into JavaScript Jabber by accident.

This podcast is put together by the same creator of Ruby Rogues, another great podcast but instead talking about Ruby.

Each episode covers a particular topic and goes into detail about the pros and cons of using the technology.  Recent episodes include Backbone.js (Jeremy Ashkenas) and co-hosted by Yehuda Katz (ember.js) and include some lively discussion between the two about Backbone.js vs. Ember.js and some design decisions made by the two frameworks.

Other episodes cover topics such as JavaScript Objects and Asynchronous Programming.  Every episode to date has been filled with great bits of information and a wealth of other things to checkout.  Be sure to check out the show notes from each show with links to things mentioned on the show.

2. The JavaScript Show

The JavaScript Show is a podcast which runs down the weekly happenings in the JavaScript community, similar to JavaScript Weekly but in obvious audio format.  Lots of news and opinion here from hosts Jason Seifer and Peter Cooper.

This show is varies from JavaScript Jabber as it focuses more on new projects, updates to existing projects and all-around what’s happening this week in JavaScript land.

If you want to get the “Nightly News” version of what’s happening with JavaScript, this is your source.

3. JavaScript Weekly

This is a weekly newsletter put out by Peter Cooper.  JavaScript Weekly is a nice collection of what is going on in the JavaScript community; new projects, updated projects, news, videos, podcasts and conference information.  It probably overlaps a bit with The JavaScript Show since Peter Cooper does both but probably enough different to make it worth it.  If you aren’t into podcasts then this one is definitely a good resource.

There is also a Twitter account where various other updates are published.

If you don’t have time to scour the web for JavaScript news, this weekly delivery to your inbox can help sort it out and keep you up-to-date.

4. Mozilla JavaScript Reference

Mozilla is THE place for information regarding JavaScript.   There is so much detail on the site it is easy to get overwhelmed, so #4 is really 4 picks in one.

Re-introduction to JavaScript is a resource for those developers who may have some exposure to the language but maybe where not steered down the right path or just don’t remember the basics.

The Mozilla master index of their JavaScript resources is a great place to bookmark and return to later.  This includes links to what is new in JavaScript versions, language guide, mailing lists and tools.

The master list includes the JavaScript Guide, which is a how-to manual about the JavaScript language itself.  Great for just starting out or referring back when you’re just not sure.

The AJAX Tutorial takes a look at how to get started with AJAX requests, what they are and the various places to use them.  This is one of the best introductions I have seen as it just refers to JavaScript and a bit of HTML with no other language mixed in to add to the confusion.

5. Douglas Crockford’s JavaScript Resources

When I think of JavaScript, Douglas Crockford is one the names that immediately comes to mind.  If you haven’t heard of him, you may have heard of his book – JavaScript : The Good Parts.   His web site dedicated to JavaScript is a nice list of resources to his work as well as others.

6. Advanced Topics in Web Development – Fall 2011

For those who may want a bit more classroom type training but can’t get away, iTunes University has a free course covering lots of great stuff about advanced web development which equates to JavaScript.  It looks like there are 19 sessions up and possibly some more coming since #19 is jQuery, part 1.  Even if there are only the 19 episodes, there is lots of great content.

7. Essential JavaScript Design Patterns For Beginners

Essential JavaScript Design Patterns For Beginners is a book about JavaScript patterns, it has beginners in its title but most beginning developers don’t know what a pattern is.  Heck, most experienced developers haven’t studied them enough to be fluent in pattern speak.  This is a great book for anyone to better understand patterns and has the JavaScript twist to them.

Source :Link to the original post

Thursday, November 24, 2011

Cross Domain Access Policy solution using Cross Origin Resource sharing

Cross Domain Access Policy solution using Cross Origin Resource sharing

Cross Domain Access Policy solution using Cross Origin Resource sharing

while making an HTML5 mobile app major problem we face is while integrating it with web services, the reason being Cross Domain access (as our services are on a different domain). The solution to this is given by HTML5 CORS here is the link its w3c Specification. I am using jquery.ajax to call my web services and parse the response and populate the UI. To implement CORS in jquery i found this jquery plugin useful. One more change that we will have to do is on the server where our service is hosted. We would have to add following in response headers Access-Control-Allow-Origin : * Access-Control-Allow-Method : GET, POST, OPTIONS and there you go you have a mobile application that is now capable of making cross domain access. Refrences Demo Link :

Wednesday, November 2, 2011

HTML5 Web Decks Say Bye to Microsoft Powerpoint and Keynote

I believe because of launch of HTML5 and its wide spread the era of using desktop presentation software like Powerpoint and Keynote will soon be over.Web-based slides make a lot of sense, especially for those comfortable writing code. They’re just web sites, so no special software is needed to view them. They’re built with code: HTML, CSS, and JS.

HTML5 and CSS3 Slides

Starting in 2010, HTML5 and CSS3 were clearly becoming the Next Big Thing on the Web. Google’s Chrome team launched HTML5 Rocks*, an all-encompassing resource for HTML5 technologies. One of the most eye-catching parts of the site is a fully HTML5 slide deck about (what else?) HTML5. Breaking from the reliance on JavaScript in Slidedown and ShowOff, Google opted to use CSS3 to accomplish effects that were once cumbersome to implement in the browser. Maximizing the potential of modern browsers, this was clearly the way forward.

In May 2010, Adam Zaptletal released Landslide, an HTML5 slide deck generator that borrowed heavily from Google’s original HTML5 Rocks presentation.

But Google wasn’t done. Last month at their annual developer conference, Google I/O, all presentations by the Chrome team used an I/O-themed HTML5 slide deck. While not yet formally announced, Google has actually released the slide template as an open source project, called htm5slides on Google Code. Googlers Eric Bidelman and Arne Roomann-Kurrik went a step further for their HTML5 Wow presentation, and released that code as its own open source project. HTML5 Wow features bleeding-edge stuff, like WebGL and the File API.

Mozilla has been getting in on the fun as well. Technical Evangelist Paul Rouget recently released DZSlides, with the accompanying slide show HTML5 in the Wild. DZSlides enforces almost no theming, and importantly, includes support for embedding slide decks. Presenters know that the ability to embed their slide deck through Slideshare is a major reason to stick with traditional formats like .ppt, .keynote, or .pdf. DZSlides is a pure HTML5 solution that replaces Slideshare’s Flash embed. It should be noted that as of this writing, DZSlides doesn’t render correctly in the latest Webkit-based browsers. The latest Firefox and Aurora builds do support the correct behavior.

Check out the Product Google Presentation its extension of HTML5 Slides.

Resources :

Saturday, October 29, 2011

HTML5 Resource Centre Facebook

Hello Friends, Facebook has opened an HTML5 developer centre and is urging developers to use it for apps development. Have a look at HTML5 Resource Centre.
The site provides sections on building web apps and games, testing and distribution, along with a showcase of what Facebook considers standout examples of HTML5-powered apps, demos and games. Developing Deploying Testing the app entire thing is covered in this resource. Facebook has done a wonderful job of gathering HTML5 resources and putting it together in one place. There are live application and demos which you can go through. Thanks Facebook for putting up such a wonderful resource center to help HTML5 grow :-). Lets HACK and try the new HTML5 Facebook SDK.And if we are stuck some where here is a wonderful HTML5 group :-)

Saturday, October 22, 2011

Dreamweaver CS5.5 Mobile Development with HTML5, CSS3

Hello Friends,

I was just checking out a few books for HTML5 Mobile Web and Dreamweaver 5.5
I knew Dreamweaver 5.5 is the only tool currently supporting HTML5 and mobile web development but was looking out for few resources to help me learn Dreamweaver quickly.

Here is a great books and i believe the only one currently
Do check it out i am still reading the same found it an amazing book,once i finish reading it will post a short review about the same.
Here is the link to the book

Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jQuery