background preloader

Learning Advanced JavaScript

Learning Advanced JavaScript
Learning Advanced JavaScript Double-click the code to edit the tutorial and try your own code.This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig. Our Goal Goal: To be able to understand this function: // The .bind method from Prototype.js Function.prototype.bind = function(){ var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift(); return function(){ return fn.apply(object, args.concat(Array.prototype.slice.call(arguments))); }; }; Some helper methods that we have: assert( true, "I'll pass." ); assert( "truey", "So will I." ); assert( false, "I'll fail." ); assert( null, "So will I." ); log( "Just a simple log", "of", "values Defining Functions What ways can we define functions? function isNimble(){ return true; } var canFly = function(){ return true; }; window.isDeadly = function(){ return true; }; log(isNimble, canFly, isDeadly); Does the order of function definition matter? Named Functions Context Closures

http://ejohn.org/apps/learn/

Related:  js

Creating a Google Map with ExpressionEngine As Richard Tape has begun to show in his part 1 and part 2 articles on Becoming an ExpressionEngine Superstar, EE is a flexible and easy to customize CMS. Now that everyone has some understanding of how EE works, I thought I would take this opportunity to show a relatively real world example of creating a dynamic Google Map powered by EE. For this example, let’s assume that our company has various locations throughout the US, and we are tasked with creating a Google Map that shows all the locations and is easy to maintain.

JavaScript Guide The JavaScript Guide shows you how to use JavaScript and gives an overview of the language. If you need exhaustive information about a language feature, have a look at the JavaScript reference. Chapters This Guide is divided into several chapters: Learn JavaScript - JavaScript Tutorial So, you want to learn JavaScript? JavaScript is one of the easiest scripting languages, and it�s essential for building great websites. With JavaScript, you can add interactivity to your websites, perform common functions, and give them a touch of class. How to Create A Simple Web-based Chat Application In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website. The chat application we will be building today will be quite simple. It will include a login and logout system, AJAX-style features, and will also offer support for multiple users.

JavaScript Development Tools Debug Project Overview The JSDT debug project brings a variety of JavaScript debugging support to the JSDT using a common UI and communicating using a common protocol - JavaScript Debug Interface (JSDI). The common interface for the debugger emulates that of the platform and JDT debugger to allow a smooth transition and ease of use for the JSDT debugger. Currently we have debugging support for Rhino and an incubation version of Crossfire / Firebug support. Java script tutorial for the total non-programmer New from Webteacher Software and partners, GoogleMapBuilder.comAn easy interface to turn any spreadsheet into a Google Map Webteacher Software now offers Welcome To JavaScript for the Total Non-Programmer This tutorial will take you step by step through the fundamentals of Javascript. You will learn how to write functions, use data from text boxes, create IF-THEN conditionals, program loops, and generally make your web page "smarter." I teach computer classes for a living to corporate clients of all levels.

Java script tutorial for the total non-programmer New from Webteacher Software and partners, GoogleMapBuilder.comAn easy interface to turn any spreadsheet into a Google Map Webteacher Software now offers Welcome To JavaScript for the Total Non-Programmer This tutorial will take you step by step through the fundamentals of Javascript. You will learn how to write functions, use data from text boxes, create IF-THEN conditionals, program loops, and generally make your web page "smarter."

AndreaCammarata.com Sencha Touch In this course you will learn to move your first steps in the one that today, is without doubt, the most innovative mobile web oriented framework, thanks to it’s full compatibility with HTML5 and CSS3, but even to it’s stunning webkit animations. Ext

Learn Javascript You don't need prior programming experience to be able to follow this tutorial series. We'll take you step by step through how to write your own JavaScript programs, so that you no longer have to rely on pre-built scripts written by others. Instead, you'll be able to write your own scripts that do exactly what you want them to do. Intro Javascript--what the heck is it? Is it a really difficult programming language that casual web designers should be afraid of? What is it used for? How To Use ExtJS 4 TreePanels with Both Static Data and Model Stores Wireframe showing tree with both static and dynamically-loaded items I recently needed to build an “admin” screen for a webapp using ExtJS 4. The wireframe called for a tree to navigate the various admin settings, including settings for individual users (something like what you see at right). To build a tree like this with ExtJS, you usually use the Ext.tree.Panel class (a.k.a., a TreePanel). Unfortunately I couldn’t find any examples of how to make a TreePanel with a mixture of both static and dynamic nodes, so figuring it out took longer than it should have. With that in mind, I thought I’d share what I learned.

Javascript Tutorial / WebDeveloper.com ® Javascript Tutorial by Heidi Brumbaugh I'll take you from a high-level overview of JavaScript language concepts through several useful scripts you can modify for use in your own pages. This tutorial introduces JavaScript, a language you can use to embed commands in an HTML document.

Related:  jsCoursesJavascriptJSLearningJavaScriptClient Web, AngularJS + JavaScript + CordovaProgramaciónLearn JS