JavaScript posts

A taste of CoffeeScript (part 1)

By Sara Vieira  |  May. 21, 2013  |  4 comments

Let’s face it, JavaScript hasn’t always had the best reputation among developers, and since the foundation of CoffeeScript back in 2009 this little language has taken the world of JavaScript developers by storm; mainly because it overcomes what some may say is the worst aspect of JavaScript: the syntax of its code.

Even though this is a new language you will pick it up really fast mainly because it’s reformulated JavaScript; it’s essentially prettier, simpler JavaScript .

When writing CoffeeScript don’t forget you are writing code that before being deployed is going to be compiled into JavaScript that follows best practices...

How to use local storage for JavaScript

By Sara Vieira  |  Apr. 30, 2013  |  3 comments

Creating an to-do app is usually the first application you learn how to build in JavaScript but the problem with all those apps is that when you reload the page all those to-do’s are gone.

There is a simple solution though, and that’s to use local storage. The good thing about local storage is that you can save those bits of data to the user’s computer so that when they reload...

An introduction to AngularJS

By Steve Ralston  |  Apr. 10, 2013  |  11 comments

When I came across AngularJS a couple weeks ago, I was intrigued at first. By the time I had worked through the set of tutorials available on the AngularJS website, I was thrilled to have found this framework.

What is AngularJS? AngularJS is the (relatively) new kid on the coding block. To quote from their website it is “a structural framework...

How to create a color picker with HTML5 Canvas

By Sara Vieira  |  Mar. 21, 2013  |  9 comments

Creating canvas apps is the new thing, we can even create games with it, it’s supported in all major browsers both desktop and mobile, and that makes it a more viable solution than using Flash.

In this tutorial we are going to use the canvas element to create...

How to use the Fullscreen API

By Sara Vieira  |  Mar. 13, 2013  |  14 comments

Bundled with HTML5 came a large number of API goodness and one of the best was the Fullscreen API that provides a native way for the browser to do what was only possible in flash for a long time: display the webpage in fullscreen mode for the user.

This comes in handy if you are displaying video, or images, or if you are developing a game. In fact, any...

How to manage the back button with JavaScript

By Rob Crowther  |  Mar. 4, 2013  |  5 comments

One major issue with JavaScript-based applications is that they break the Back button. If you update content on the page with JavaScript rather than loading a new page from the server, no entry made is in the browser history; so when the user clicks Back, expecting to go back to the previous state, they end up at the previous site instead.

Drag and drop is a great way for users to interact with your web applications. But the usability gains will be lost if, after spending time moving through your application, users click...

Optimize your JavaScript with RequireJS

By Sara Vieira  |  Feb. 11, 2013  |  3 comments

RequireJS is an effective way to improve the speed and quality of your JavaScript code additionally making it a lot more readable and easier to maintain.

In this article I’ll introduce you to RequireJS and how you can begin using it. We will go through requiring files and defining a module and even touch on optimization.

In simple terms...

10 JavaScript frameworks to improve your mobile development

By Rohit Singhal  |  Nov. 15, 2012  |  9 comments

Issues of cross-browser compatibility, screen resolution and inconsistent HTML and CSS code are things of the past in mobile development. Developers who are still grappling with these issues are far behind the times and need to learn a few new tricks.

Mobile developers today are widening the scope of their expertise; they are not only solving these issues but are developing mobile websites that have impressive layouts, are touch-friendly and are based on frameworks that work flawlessly on smartphones and tablets.

More and more businesses...

Microsoft's TypeScript receives a mixed reaction

Oct. 5, 2012  |  4 comments

The one ECMAScript it’s still okay to like, JavaScript has in recent years shrugged off its ‘under-powered’, ‘bloated’ and ‘incomplete’ labels and grown into the universal go-to solution for front-end scripting.

Go to your drawer and pull out that résumé from 5 years ago. Now find the skills section and see where you listed ‘JavaScript’; a buck says it’s down the bottom, just above DHTML and FrontPage. Right now, JavaScript is one of the hottest skills a web developer can have. If it’s not at the top of your résumé skillset, just under HTML5 and CSS3, then it should be.

The biggest boon to JavaScript’s new found street cred is undoubtedly...