Browsing Category

JavaScript & AJAX

Into the Ring with Knockout.js: The Title Fight

Into the Ring with Knockout.js: The Title Fight

In this final part in our knockout mini-series, we’ll add a couple more feature to the simple contacts app that we’ve built over the course of the last two tutorials. We’ve already covered the core fundamentals of the library – data-binding, templating, observables and dependant observables – so this part will consolidate what we’ve learned so far.


This entry is part 3 of 3 in the Into the Ring with Knockout.js Session
Build Ajax Data Grids with CodeIgniter and jQuery

Build Ajax Data Grids with CodeIgniter and jQuery

In this lesson, we will create a CodeIgniter library that allows us to generate data grids automatically for managing any database table. I’ll explain each step required to create this class; so you’ll likely learn some new OOP techniques/concepts in the process!

The Best Way to Learn JavaScript
basix

The Best Way to Learn JavaScript

Learning something new is scary. For me, the biggest issue with picking up a new skill is that I don’t know what I don’t know. Given that, it’s often useful to find a plan for learning whatever you’re interested in. That’s what this post is: your blueprint, your roadmap, your plan of action for learning JavaScript! You don’t have to worry about finding the best resources, sorting out the bad ones, and figuring out what to learn next. It’s all here. Just follow it, step by step.


This entry is part 2 of 4 in the The Best Way to Learn… Session
The Essentials of Writing High Quality JavaScript

The Essentials of Writing High Quality JavaScript

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in October, 2010.

The brilliant Stoyan Stefanov, in promotion of his book, “JavaScript Patterns,” was kind enough to contribute an excerpt of the book for our readers, which details the essentials of writing high quality JavaScript, such as avoiding globals, using single var declarations, pre-caching length in loops, following coding conventions, and more.

How to Upload Files with CodeIgniter and AJAX

How to Upload Files with CodeIgniter and AJAX

Uploading files asnychronously can be a pain at the best of times, but when coupled with CodeIgniter, it can be a particularly frustrating experience. I finally found a way that not only works consistently, but keeps to the MVC pattern. Read on to find out how!

Next Generation JavaScript with AMD and RequireJS: New on Premium
plusvideos

Next Generation JavaScript with AMD and RequireJS: New on Premium

I don’t know about you, but I’m always looking for better ways to organize my JavaScript. Recently (only a week or so ago), I’ve discovered what seems to be the best pattern yet. In this tutorial, I’ll introduce you to AMD: Asynchronous Module Definition and RequireJS. Hang on tight; it’ll be a wild ride!

Become a Premium member to read this tutorial/screencast, as well as hundreds of other advanced tutorials and screencasts from the Tuts+ network.

Into the Ring with knockout.js: Part 2 – the Rematch

Into the Ring with knockout.js: Part 2 – the Rematch

In the first part of this tutorial, we put together a basic example of a list of contacts. The view (the visible representation of the data on the page) was created using a template, along with some other elements bound to methods and properties of the viewModel using data-bind attributes. Some of the values in the viewModel were observable and were monitored for changes which were then propagated to our view automatically.

In this part, we’ll continue building on the example to add additional functionality. For example, if there were a lot of contacts in our model, a useful feature to add would be paging, to break the view up into more manageable sections.


This entry is part 2 of 3 in the Into the Ring with Knockout.js Session
How I Made the Domai.nr Chrome Extension

How I Made the Domai.nr Chrome Extension

Writing a nifty Chrome Extension honestly isn’t as difficult as you might think. In this tutorial, I’m going to walk you through how I took an API offered by a great domain-name search service, Domai.nr, and created a Chrome extension for them, simply using their API.

Into the Ring with knockout.js

Into the Ring with knockout.js

In the red corner, weighing in at just 29Kb (uncompressed), is knockout.js; a pure JavaScript library that simplifies the creation of dynamic user interfaces. Knockout is library agnostic, so it can easily be used with any of the most popular JavaScript libraries already available, but it works particularly well with jQuery, and uses jQuery.tmpl as its default templating engine.


This entry is part 1 of 3 in the Into the Ring with Knockout.js Session
Testing Your JavaScript with Jasmine

Testing Your JavaScript with Jasmine

We all know we should be testing our code, but we don’t actually do it. I guess it’s fair to say that most of us put it off because, nine times out of ten, it means learning yet another concept. In this tutorial, I’ll introduce you to a great little framework for testing your JavaScript code with ease.

Page 4 of 2512345678...Last »