in Development

Useful JavaScript Tutorials

It may or may not be true that you can learn a programming language in 7 or 21 days, and it may or may not depend on what “learn to program” book you read. However, it does take a lot longer than that to gain experience in how to use a language most effectively. It is a cumulative process that builds up your skills day after day and year after year.

JavaScript is used in billions of Web pages to add functionality, validate forms, communicate with the server, and much more.

Quick Tip: Create Cross-Browser Datepickers in Minutes

In this quick tip, I’ll show you how to use the new HTML5 date input, and then provide a fallback jQuery UI solution for the browsers which don’t yet support this new input type.

Create a Photo Admin Site Using PHP and jQuery

I’m pleased to present you with part one of a two part series on creating a photo site using PHP, jQuery, and AJAX. Originally, I intended to fit the entire tutorial into one screencast, but that quickly became a pipe dream as I realized that there was simply too much to cover. Nevertheless, even if you only watch this first video, you should learn a great deal.

We’ll be retrieving images from a database, creating a simple login form with authentication, and will then allow for our database to be asynchronously updated. Sounds good? If so, let’s get into it.

Build An Incredible Login Form With jQuery

One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we’ll also animate it.

Improve your jQuery – 25 excellent tips

jQuery is awesome. I’ve been using it for about a year now and although I was impressed to begin with I’m liking it more and more the longer I use it and the more I find out about it’s inner workings. I’m no jQuery expert. I don’t claim to be, so if there are mistakes in this article then feel free to correct me or make suggestions for improvements.

Build a Spiffy Quiz Engine: New Premium Tutorial

The first official Nettuts+ quiz was a massive success with an impressive number of developers participating and evaluating their knowledge. There were a non-trivial number of comments asking how the mini quiz engine was built. And lo and behold! That’s what we’re gonna learn in this week’s Premium exclusive tutorial!

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

Javascript – An easy introduction

Javascript is used to add interactivity and functionality to a site. It has many uses, from detecting the viewers web browser to validating form input. It is compatible with all major web browsers, and is relatively easy to learn. This makes it one of(if not) the most popular scripting language on the internet. In other words, if you are are web developer(or aim to be) it is in your best interest to start learning Javascript now!

Where and how to write Javascript code

First of all, there are two ways to write your Javascript code. Lets have a look at these options. The first is by embedding the code in your HTML document. We do this by using the opening and closing script tags, defining the script type & typing our code. We seen an example of this in our introduction to Javascript article.

The second method is to write our code in an external file. This benefit of this method is that we can run the same code on multiple pages if necessary. Thus saving ourselves from repetitive strain injury!

Image Control Manipulation in JavaScript

Welcome to the home of the one and only JavaScript Guru. I will from here on our take you under my wing in the art of JavaScript. For the lesson at hand we will be beginning with an Image control in our HTML and see what we can do from there. If you do not have an Image to work with or would like to follow along in the code as well, please feel free to download the free source code located below.

How to Speed Up Page Loading With Lazy Loading JQuery and JavaScript

In today’s lesson we will be learning how to decrease loading time on web applications with a number of videos. Usually the way things work is that a page, along with its content loads at a given speed, but nothing on the page is usable until the application is fully loaded. What we are going to be doing is load the page without any videos, and then when a video is requested by the user to view, it will load on its own, separately from the page.

Build a Micro-Blog with SproutCore: New on Premium

SproutCore is a revolutionary JavaScript framework for creating client-side desktop-class applications that run in the browser. This tutorial will introduce you to the core concepts within SproutCore by developing a simple Twitter like micro-blog.

Become a Premium member to read this tutorial, as well as hundreds of other advanced tutorials and screencasts.

Build your Own JavaScript Library: Premium Series

Over the course of the past few years, the JavaScript community has exploded exponentially. It it’s safe to assume that libraries are the primary reason we’ve seen such astonishing growth. Thanks to these libraries, the differences between the popular browsers are minimized, making cross-browser development much easier than it used to be. We’ll build our own in this series!

Canvas From Scratch: Transformations and Gradients

In this article, I’m going to walk you through transformations in the canvas, as well as shadows and gradients. Transformations are an extremely valuable set of methods that allow you to start being creative with the way you draw objects on the canvas. Let’s get started after the jump!

Substring Method in JavaScript

Knowing how to manipulate strings can become one of the most helpful tools in your bag of tricks in the wonderland known as JavaScript. One of the Methods we can use that we will be discussing here today is called the Substring Method.

We used over 10 web hosting companies before we found Server Intellect. They offer dedicated servers, and they now offer cloud hosting!
The Substring Method in JavaScript can also be applied to Visual Basic, as well as Visual C Sharp, C#. What the Substring Method does is it allows you to take sections a.k.a. parse, whether its singular words or full phrases, and create a new string or unleash your will upon it. Using this in conjunction with the IndexOf Method will let you find  where the variable, section of the string you are looking for, is located.


Alexandru is the co-owner of TopDesignMag. “If it looks easy, it's hard. If it looks hard, it's impossible. If it looks impossible, it's due tomorrow. At 8 A.M.”