The other day I put up a post with some quick bullet points about objects in javascript to help someone from a static, strongly typed language (like C# or Java) background understand javascript’s dynamic and loose type system. One important thing I haven’t talked about yet is the way inheritance work in javascript, which again, …
Javascript’s prototypal inheritance, for a C# developer Read More »
Coming from a C# background, the thing that has struck me the most in learning javascript is its combination of dynamic and loose type system and protoypal inheritance model (more on this later). Objects in javascript are very different from those in C#, though the ExpandoObject type in C# 4 offers similar ability to add/remove …
Following on from part 2 where I wrote a simple page with a canvas area where you can scribble, I thought I’d add a couple of new features: ability to show the image as PNG image so user can save it change the line cap change the line join change the shadow settings (colour, offset, …
This is a neat trick I picked up the other day, you can create a dynamic class which takes in a set of properties in the constructor and dynamically generates Accessor and/or Mutation methods (you just have to choose which lines to leave out): In your calling code, you can then create a new class …
Javascript – Dynamically generating Accessor and Mutation methods Read More »
In C# and other similar general purpose languages, there are access modifiers which allow you to specify whether a particular property can be accessed/modified by everyone (public), only subclasses (protected) or only from within the same class (private). In these languages, creating an immutable type usually involves: making all properties publicly gettable making all properties …
Earlier I explored some of the basic drawing methods available on the 2D context of the new canvas element in HTML5, moving on from there, I’ve put together another quick demo here (see image below) which lets the user scribble inside the canvas element. HTML The HTML for the page is simple enough, the key …
General wtfjs – all the WTF language features associated with javascript! Guide to OO basics of javascript Node.js nodejs.org – home for Node.js npm – a repository for Node.js modules express – web server framework for Node.js dropbox-node – node.js client for working with the Dropbox API hummingbird – real-time (20 updates per second) …
One of the cool new features introduced by HTML5 is the new <canvas> tag, which defines an area for you to draw graphics on using javascript. Basics To create a canvas element is as easy as inserting a <canvas> tag like this: Typically you will give it an ID as you will need to look …
As I go through the HTML5 spec, I find some useful new feature just about everywhere, and the new contenteditable attribute is certainly one of those. It’s supported by most elements and provides a simple and yet effective way for you to allow the users to edit user contents (blog posts for instance) inline as …
Having fun with HTML5 – contenteditable attribute Read More »
HTML5 includes two new ways to store data on the client – local storage and session storage. Local storage has no time limit on how long the data should be kept around, session storage on the other hand (as the name suggests) stores data for only one session. Traditionally you can store data on the …
Having fun with HTML5 – Local Storage and Session Storage Read More »
By continuing to use the site, you agree to the use of cookies. more information
The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.