Getting Into Ember.js

There are a lot of JavaScript libraries available, and most are really good at providing the traditional DOM-centric interactions that your typical websites need. But when it’s time to build a manageable code base for a single-page app, that’s where a whole suite of new frameworks come in to smooth things out.

Event-Based Programming: What Async Has Over Sync

One of JavaScript’s strengths is how it handles asynchronous (async for short) code. Rather than blocking the thread, async code gets pushed to an event queue that fires after all other code executes. It can, however, be difficult for beginners to follow async code. Jonathan Creamer will help clear up any confusion you might have in this article.

Making Use of jQuery UI’s Widget Factory

For a long time, the only way to write custom controls in jQuery was to extend the $.fn namespace. This works well for simple widgets, however, as you start building more stateful widgets, it quickly becomes cumbersome. To aid in the process of building widgets, the jQuery UI team introduced the Widget Factory, which removes most of the boilerplate that is typically associated with managing a widget.

Getting Started with TypeScript

In late 2012, Microsoft introduced TypeScript, a typed superset for JavaScript that compiles into plain JavaScript. TypeScript focuses on providing useful tools for large scale applications by implementing features, such as classes, type annotations, inheritance, modules and much more! In this tutorial, Sayanee Basu will get started with TypeScript, using simple bite-sized code examples, compiling them into JavaScript, and viewing the instant results in a browser.

Responsive & Touch-Friendly Audio Player

The <audio> elements have events, methods and properties, which means it can be manipulated using JavaScript. Experimenting is nice, but all of this would be worthless without practical use. Despite the fact that video is the most popular type of media on the Internet, there are also situations when audio is important or even the major content, think podcasts or websites of musicians.

Ajax - Beyond the Four Lettering

In this article we are going to discuss what is AJAX, how it works, what you can do with it, what are the advantages and the fall backs. The goal here is to try and explain how the Ajax works, by giving you a detailed explanation of the whole process along with some graphics and live examples. So lets get started.

Best Practices When Working With JavaScript Templates

Maybe you don't need them for simple web apps, but it doesn't take too much complexity before embracing JavaScript templates becomes a good decision. Like any other tool or technique, there are a few best practices that you should keep in mind, when using templates. Andrew Burgess will take a look at a handful of these practices in this tutorial.

10 JavaScripts to Improve Your Mobile Development

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.

Building A Relationship Between CSS & JavaScript

jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript microlibraries all combine into a single undeniable fact: JavaScript is popular. It’s so popular, in fact, that users often find themselves using it in places where another solution might be better in the long run.  Because JavaScript is so powerful, there are a lot of overlaps in capability between JavaScript and HTML (building document structure) and JavaScript and CSS (injecting style information).

Spice up Your Personal Site with jQuery

Personal sites tend to be the one area where people allow themselves to truly unleash their creativity. Joel Besada is going to use one of his own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.

Newer articles Older articles