A Showcase of JavaScript Tutorials To Enhance your Skill

JavaScript, Tutorials

JavaScript is always been acting an important role in web designing, because JavaScript has powerful features that make your work easy and tutorials is one of the best way to check it features and enhance your skill. In today’s post, I have assumed a pretty collection of JavaScript Tutorials to enhance your skill, these useful step by step JavaScript tutorials will help you to get inspiration to make your work more easy and quickly, below you can see beautiful collection of JavaScript tutorials…

JavaScript Tutorial – Lesson 3

This lesson will teach you about the DOM, and the next lesson will teach you the rest of the basics of computer programming. By the end of the next two lessons, you will know all of the major ideas and syntax of JavaScript. All that will be left to learn are details, tricks, and how to avoid snafus.

JavaScript Tutorial – Lesson 3

How to Display Random Content with JavaScript

In this tutorial we’ll learn how to create a simple script in JavaScript that will randomly change your desired news or content when you will load the page.

How to Display Random Content with JavaScript

How To Create An Exchange Rate Money Converter With Money.js

In today’s tutorial we are going to work with a Javascript library which allows you to easily deal with money in any web application.

How To Create An Exchange Rate Money Converter With Money.js

Twitter Friends Widget v2.0 – jQuery Plugin

A new version of my most popular jQuery plugin -Twitter Friends widget. This version aims to be better looking and easier to setup.

Twitter Friends Widget v2.0 - jQuery Plugin

3D GALLERY WITH CSS3 AND JQUERY

Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.

3D GALLERY WITH CSS3 AND JQUERY

Create a Bar Graph with HTML5 Canvas and JavaScript

This tutorial will show how to create a simple bar graph on an HTML5 Canvas using JavaScript. The code is available at the end of the article for download.

Create a Bar Graph with HTML5 Canvas and JavaScript

Callback Functions in JavaScript

In this post, which is based on what I’ve learned about callback functions, I’ll try to enlighten you on this fairly common JavaScript technique. And maybe some of our JavaScript experts can chime in and let me know what I’ve omitted or oversimplified.

Callback Functions in JavaScript

JavaScript Tutorial

JavaScript is used in billions of Web pages to add functionality, validate forms, communicate with the server, and much more.JavaScript is easy to learn. You will enjoy it.

JavaScript Tutorial

Quick Tip: Quick and Easy JavaScript Testing with “Assert”

Years ago, I learned a deceptively simple “assert” function from John Resig, for testing your JavaScript. Amazingly, at barely five or six lines, this code provides a great level of power and control over your code, when testing. I’ll show you how to use it in today’s video quick tip.

Quick Tip: Quick and Easy JavaScript Testing with “Assert”

iPhoto-like image resizing using Javascript

Upon seeing the Fluxiom intro video, I was compelled to figure out how they pulled off iPhoto-like image scaling in a browser. Leveraging the work of others, it’s actually very simple.If you use the script.aculo.us slider control to capture input values, it’s really just a matter of converting those values into something useful and modifying styles.

iPhoto-like image resizing using Javascript

JavaScript Programming Tutorial – Last Words

This Javascript tutorial was written for someone who has no programming experience.I had taken off this tutorial for a little while simply to correct errors, however, if you do find some, and if you simply like this javascript tutorial, please do let me know.

JavaScript Programming Tutorial - Last Words

Javascript and AJAX Video Tutorials

Javascript and AJAX Video Tutorials

The 11 JavaScript Mistakes you’re Making

JavaScript is relatively easy to learn. However, gotchas abound in this tricky language. Are you sure that you’re not following any bad practices? Today, I’ll point out ten big mistakes you could be making.

The 11 JavaScript Mistakes you’re Making

Generating Files with JavaScript

We will make a jQuery plugin which, combined with a simple php script, can generate every kind of textual file, and make it available for download. You will initiate the download from your JavaScript front end by only providing the file contents, and leave the rest to the plugin.

Generating Files with JavaScript

Easy Script Loading with yepnope.js

Typically, JavaScript files loaded with the <script> tag, block the download of resources as well as the rendering of elements within the web page. So, even though most modern browsers tend to support the parallel download of JavaScript files, image downloads and page rendering still have to wait for the scripts to finish loading. In turn, the amount of time a user has to wait for the page to display increases.

Easy Script Loading with yepnope.js

From jQuery to JavaScript: A Reference

Whether we like it or not, more and more developers are being introduced to the world of JavaScript through jQuery first. In many ways, these newcomers are the lucky ones. They have access to a plethora of new JavaScript APIs, which make the process of DOM traversal (something that many folks depend on jQuery for) considerably easier. Unfortunately, they don’t know about these APIs.In this article, we’ll take a variety of common jQuery tasks, and convert them to both modern and legacy JavaScript.

From jQuery to JavaScript: A Reference

Test-Driven JavaScript Development in Practice

TDD is an iterative development process where each iteration starts by writing a test which forms a part of the specification we are implementing. The short iterations allow for more instant feedback on the code we are writing, and bad design decisions are easier to catch. By writing the tests prior to any production code, good unit test coverage comes with the territory, but that is merely a welcome side-effect.

Test-Driven JavaScript Development in Practice

Using JavaScript’s Prototype with MVC

In this article, we will review the process of using JavaScript, from an MVC-based perspective, to manipulate the DOM. More specifically, we’ll engineer our JavaScript objects, their properties and methods, and their instantiations parallel to the intended behavior of our Views (what the user sees).

Using JavaScript’s Prototype with MVC

Quick Tip: Create a Makeshift JavaScript Templating Solution

Sometimes, you don’t require a high-quality templating solution, but still need to keep from mixing lots of nasty HTML into your JavaScript. In these cases, a simple, makeshift templating system can go a long way.

Quick Tip: Create a Makeshift JavaScript Templating Solution

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect … but we’ll do it in jQuery!

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

Create a Game Character with HTML5 and JavaScript – Part 1

In Part 1 of this series we will design a game character from scratch. We will start with a drawing on paper and with the help of JavaScript we will create a breathing, blinking character on HTML5 canvas. Hopefully by the end of Part 1 you will have the tools and inspiration to create a character of your own.

Create a Game Character with HTML5 and JavaScript - Part 1

The Essentials of Writing High Quality JavaScript

This excerpt also includes some habits not necessarily related to the code itself, but more about the overall code creation process, including writing API documentation, conducting peer reviews, and running JSLint. These habits and best practices can help you write better, more understandable, and maintainable code—code to be proud of (and be able to figure out) when revisiting it months and years down the road.

The Essentials of Writing High Quality JavaScript

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.

The Best Way to Learn JavaScript

Manipulating JavaScript Arrays

In this tutorial, you explore arrays in more depth, and learn how to use various methods of the Array object to manipulate arrays.

Manipulating JavaScript Arrays

Rocking Out With CoffeeScript

Even though CoffeeScript is a new language, you’ll learn it very quickly. You should, since it’s only JavaScript flaunting with some flashy clothes, after all. It reads like Ruby or Python, but compiles down to pure, non-fluffy JavaScript. Today, we’re going to take a look at why everyone is talking about CoffeeScript.

Rocking Out With CoffeeScript

What’s new in JavaScript 1.8.5

It’s a great time for JavaScript. Not only is it becoming a much more respected language, but it’s also growing in leaps and bounds – both in popularity and features. As more browsers begin to implement the features of the ECMAScript 5th edition standard, JavaScript becomes an even more powerful platform for you to develop on. In this tutorial, we’ll talk about the new methods that are available to you.

What’s new in JavaScript 1.8.5

How to change title bar message using Javascript

In this lesson I will show you how the title bar message (text) can be changed using only Javascript.

How to change title bar message using Javascript

JavaScript from Null: Utility Functions and Debugging

JavaScript University continues as we develop our first utility function that will allow us to filter and retrieve only the unique values from an array. Along the way, I’ll also teach you how to use the excellent Firebug to debug your code.

JavaScript from Null: Utility Functions and Debugging

Add Basic Form Functionality with Javascript

You’ve got a great spot on your web page where you want the username and password fields to be. It’s absolutely perfect, except, it’s too small. No matter what you try, you cannot get the fields to fit along with the necessary labels. The fields fit just fine without the labels, but there’s just no room for the labels. You dilemma might look a little something like this.

Add Basic Form Functionality with Javascript

 

Enjoyed this post?

Don't forget to subscribe to our RSS-feed and follow us on - for recent updates

About the Author

Comments and Discussions

  1. Beben Koben, 2 April 2012

    So much helping for developers.


Name *

Mail (will not be published) *

Website (optional)

Your Comment *