background preloader

Javascript

Facebook Twitter

Classical Inheritance in JavaScript. Douglas Crockford www.crockford.com And you think you're so clever and classless and free.

Classical Inheritance in JavaScript

Coder's Block Blog / Motion Detection with JavaScript. I recently gave a talk at RevolutionConf about writing a motion detecting web app with JavaScript.

Coder's Block Blog / Motion Detection with JavaScript

This is basically that talk, but in blog form. Live demos and all the source code are available at the end of this article. The Premise I wanted to see what my pets do when I’m away. But I didn’t want a continuous live stream, since that would be pretty boring (they sleep a lot). Just for kicks, I decided to do this as a web app, all in JavaScript. Accessing the Webcam The first step is to access the webcam. Getting Started Guide. NativeScript Getting Started Guide Welcome to the NativeScript Getting Started Guide.

Getting Started Guide

In this tutorial you'll use NativeScript, a cross-platform JavaScript framework for building native mobile apps, to build an iOS and Android app from scratch. You can start by watching the video walkthrough below, or by jumping straight into the hands-on tutorial. What is NativeScript? NativeScript is a free and open source framework for building native iOS and Android apps using JavaScript and CSS.

Voxel Builder. Learn HTML5, CSS3, Javascript - video style tutorials. 11 Free jQuery CSS3 Navigation Menu Plugins. These days, jQuery Navigation menus are more than plain texts with links on it.

11 Free jQuery CSS3 Navigation Menu Plugins

With the command of jQuery, it can transform the menu of a web site into a dynamic menu. Despite the fact that CSS3 can now be utilized to make dynamic menu, still, the query includes more functionality to the menus. Aside from the element functionalities, the design should likewise be considered. Because of audience your site would perhaps see it for the first time they visit your website. If it is not well designed any having worst UI experience so it will not give you value add to your site. You Might be interested on : Free jQuery Sliders and jQuery autocomplete Tutorials. Mmenu Demo || Download. Javascript-society/javascript-path. Building Front-End Web Apps with Plain JavaScript.

Infographic: The Entire JavaScript Language in One Single Image. Chinese-based developer Yusheng, has created a nice graphic that assembles the entire JavaScript programming syntax into one single all-encompassing image.

Infographic: The Entire JavaScript Language in One Single Image

Regardless of what the TIOBE Index says, JavaScript, and not Java, is the hottest programming language right now. This popularity was won very hard, having to fight through a period where the language seemed to have stood still with no new features being released for a period of four years. Despite this, developers rushed to the language, mainly due to the technologies being developed on top of it, and more specifically Node.js. If today some of you want to delve into JavaScript in the upcoming future, there are many tutorials you can find online, all great resources for learning the language's fundamentals from the ground up in a matter of days.

But if things are constantly escaping your memory, Chinese-based developer Yusheng has assembled a nice mind map of the entire JavaScript language syntax, complete with code examples. Getting Started with WebRTC. WebRTC is a new front in the long war for an open and unencumbered web.

Getting Started with WebRTC

Brendan Eich, inventor of JavaScript Real-time communication without plugins Imagine a world where your phone, TV and computer could all communicate on a common platform. Imagine it was easy to add video chat and peer-to-peer data sharing to your web application. That's the vision of WebRTC. Recline.js - Recline Data Explorer and Library. A simple but powerful library for building data applications in pure Javascript and HTML.

Recline.js - Recline Data Explorer and Library

Features: Open-source (and heavy reuser of existing open-source libraries)Pure javascript (no Flash) and designed for integration — so it is easy to embed in other sites and applicationsView and edit your data in clean grid interfaceBulk update/clean your data using an easy scripting UIVisualize your dataAnd more … BPMN Editor. Bubble Sort Algorithm in JavaScript. This is a follow up to Big O Search Algorithm Examples in JavaScript.

Bubble Sort Algorithm in JavaScript

The JavaScript examples in the post all made the same assumption, that the list was already sorted. So, how do we sort? The Theory Before we dive into code examples lets first look at a simple example using the below blocks. We want to sort these blocks numerically. Once sorted, the blocks would be in the following order: Take a few moments to look at the blocks in the first illustration and visualise how we could sort these?

We would compare the Yellow block, with the White and ask if: It is! HowToUse - jquizme - JQuery quiz generator plug-in. Beginner's Guide to HTML5 & CSS3 - Coding Canvas. Download html5canvas.zip - 5.5 KB Introduction Traditional HTML was created with text in mind.

Beginner's Guide to HTML5 & CSS3 - Coding Canvas

While the insertion of images can be done through the <img> tag, the inclusion of animation will require third-party plug-ins. In this respect, traditional HTML is vastly lacking in its capability to meet the multimedia needs of modern web pages. Fret not! CRUD operation using Backbone.js. Download UserManagement.zip - 5.2 MB Introduction Learning backbone.js for basic create, read, update and delete operations.

CRUD operation using Backbone.js

OOP In JavaScript: What You NEED to Know. (Object Oriented JavaScript: Only Two Techniques Matter) Prerequisite:JavaScript Objects in DetailJavaScript Prototype Object Oriented Programming (OOP) refers to using self-contained pieces of code to develop applications. We call these self-contained pieces of code objects, better known as Classes in most OOP programming languages and Functions in JavaScript.