118+ free resources to learn JavaScript

In the last couple of years, JavaScript is always one of the most popular programming languages. In fact, it’s the top programming language on Github, according to the number of active repositories. JavaScript is a client-side programming language that runs inside a client browser and process commands on client computer rather than server. But since the born of Node.js, we can run JavaScript on the server and build websites or highly scalable web applications and software by JavaScript. There is no doubt that JavaScript will be the leading technology in the next several years.If you are looking to grow your career, or desire to work in IT field then you can’t miss out on Ja. It’s not only a great fun to learn JavaScript, but also a rewarding career with bright future prospects.

Continue reading → 118+ free resources to learn JavaScript

jQuery Custom Event – A kind of Hook like WordPress

The most important feature that makes WordPress powerful and easy to customize is hook system. Developers can create as many hooks as he want, at various places that let users run extra code without modifying the original one. In Javascript (I mean pure Javascript), there’s nothing like that, but in jQuery there is. It has a different name – custom event. In this post, I’m gonna to show you how to implement custom event in jQuery to make it runs similarly like hook in WordPress.

Continue reading → jQuery Custom Event – A kind of Hook like WordPress

Javascript: Copy To Clipboard Cross Browser

JavaScript: Copy To Clipboard Cross Browser

If you use any script for syntax highlighting, you’ll see most of them has “copy to clipboard” feature. This is a fascinating thing done with Javascript. So I want to know more about it: how to implement copy to clipboard in Javascript. I did some searches on Google and found many articles which show various solutions. They’re so interesting and I just want to share a small roundup in this article.

Continue reading → JavaScript: Copy To Clipboard Cross Browser

Create A Multiple URL Shortener Page

Create A Multiple URL Shortener Page

There are various url shortener services on the Internet, you can use free services such as bit.ly, tinyURL or create your own url shortener using some open sources. In this article, I’ll show you how to create a simple page that shows short urls created by multiple url shortener services. I’ll use HTML5, CSS3 for styling as well as jQuery for working with Ajax.

Continue reading → Create A Multiple URL Shortener Page

How To AJAXify WordPress Theme

How To AJAXify WordPress Theme

How To AJAXify WordPress Theme

Chris Coyier has made a wonderful screencast about AJAXing WordPress theme. To AJAXify WordPress theme, he uses jQuery to make any internal link on the site will load into the main content area without requiring a page refresh, including search when the link is clicked. Althought the script works fine, it has 2 disadvantages: the internal links’ href property are changed (hashized) and the back/forward buttons are not supported. So I decided to improve the script to make the AJAX functionality better.

Continue reading → How To AJAXify WordPress Theme