tag : library

JavaScript

New Project Released: JZ Parse URL jQuery Plugin

In the advent of the recent URL Parsing tutorials (DOM URL Parsing and Query String Parsing) I’ve decided that we put the knowledge we’ve gained – plus some compatibility fixes – into practice and create a lightweight jQuery plugin that quickly and simply handles all of your URL Parsing needs. Now, rather than using regular expressions (that so few understand) or using the techniques I’ve taught to you yourself, I’ve made it simple to use a single utility function attached to jQuery.

JavaScript

The Lazy Man's URL Parsing in JavaScript

Have you ever needed to parse a URL using regular expressions? It’s not easy to write regular expressions (for a lot of people, including myself) and it’s even tougher to test to see if that regular expression is reliable across every situation. You could, of course, just copy and paste a regular expression (or function or library) that someone else developed and use that, but I propose that there is a simpler and more concise way of parsing URLs that doesn’t require any regular expressions.

Giveaways

Win a $299 Wijmo License! Free Contest

I’ve talked about Wijmo here before, discussing the vast array of widgets that they provide to go above and beyond the jQuery UI library and allow you to easily create a rich user interface for your applications. Well, now I have a $299 commercial license that I’ve decided is more likely to be put to good use by one of my loyal followers (or a first-time visitor too I guess). Read on to see how you can win!

JavaScript

Introduction to Backbone.js Part 5: AJAX – Video Tutorial

Everyone loves AJAX. A few years back it was probably the biggest buzz word in all of web development. Now HTML5 and CSS3 have stolen the show, but AJAX has now taken its place as a first-class citizen among web development - and specifically JavaScript - tools. And to make things even better, Backbone.js has built in support for AJAX and makes it dead simple for you to use it to synchronize your models with a database, as I show in this video tutorial.

JavaScript

Introduction to Backbone.js Part 4: Collections – Video Tutorial

Part 4: Backbone.js Collections Video Tutorial is here now. We’ve already discussed models, views, and routers in Backbone.js so far, but now we’re on to collections. Collections are pretty much exactly what their name implies: collections of models. Many times, data is displayed in lists, not just singular items. This is where collections come in - to keep every model in order and synchronized with the database on the back end.

JavaScript

Introduction to Backbone.js Part 3: Routers – Video Tutorial

We’re on to part 3 in the Backbone.js video tutorials series. This week we feature another important piece of the Backbone puzzle: Routers. You could conceivably create your JavaScript apps without Routers, but the ingenious technique behind routers allows your users to bookmark the app at a particular state or even use the back and forward buttons to traverse through the history of your applications state. Watch the video to learn more!

JavaScript

Introduction to Backbone.js Part 2: Views - Video Tutorial

Last week you saw a video tutorial on using Models in Backbone.js. This week we’ve moved right along to part 2: learning about Views in Backbone.js. As usual, Backbone.js has made things super simple, yet you get a lot for how little code you write. You’ll see how to attach events (super easy) and utilize models (also super easy) to give your views some data to work with.

JavaScript

Introduction to Backbone.js Part 1: Models - Video Tutorial

If you’ve read my last post or have just been keeping up with the JavaScript world at all, you’ve probably heard about Backbone.js. Well, this is the beginning of a tutorial series for Backbone.js and with this new series also comes a new media type: video! Today’s video tutorial teaches you how to get started using the M from MVC: the model. It’s pretty simple, yet pretty awesome and powerful.

JavaScript

Give Your Apps a Backbone(.js)

As the internet gets smarter and smarter and JavaScript starts piling up on web pages, we need to learn to organize our code. The days of filling the global namespace with all the functions we can think of are long over and have become far too difficult to maintain. Along with many other design patterns, the MVC (model, view, controller) pattern can bring order to the chaotic spaghetti of your JavaScript code. Right now, the de facto JavaScript MVC framework library is Backbone.js.

JavaScript

Wijmo: A More Expansive jQuery UI

jQuery UI is one of the cooler things to come out with jQuery. It allows you to easily install widgets and simple capabilities onto your site quickly and easily. ThemeRoller makes it even more fun by allowing you to style the widgets in nearly limitless ways. There is one place where jQuery UI is lacking though: the number of widgets it provides. This is where Wijmo comes in.