In my previous article I showed the differences between scope and context, basic problems that arise and how to fix them. If you are just using some JavaScript and maybe jQuery, an understanding of scope is all that is needed to get you by. Once you start using objects or namespaces however, you’ll start to run into issues with context and will need to use the keyword this. But when you get into object oriented JavaScript, you’ll need an advanced understanding of context and how to make it work for you. To do this, we’ll use the call() and apply() methods, and then a backwards compatible version of the new feature Mozilla recently released in JavaScript 1.8.5 called bind().
(more…)
Archive for the ‘JavaScript’ Category
JavaScript Context, Call and Bind – Ninja Level
Monday, December 5th, 2011JavaScript Scope and Context – Not the Same Thing!
Tuesday, November 29th, 2011In forums and other places I often see people incorrectly use the term scope when they should be using the term context. Scope applies to the variable and functional access of a function, whereas context is the property and method access of a function. Essentially, scope is function-based, and context is object-based.
(more…)
Building Web Applications with MDV
Wednesday, November 2nd, 2011MDV or “model-driven views”, eschews the concept of widgets in favor of template-based views which are behavior-based and update themselves when the data has changed.
Max Motovilov gave a presentation on MDV which was enlightening and thought provoking. He showed how he leveraged The Dojo Toolkit to create behaviors and data stores which update his views through his custom-built template system.
Max’s detailed presentation can be seen here, and you can also see the examples he used on GitHub.
Google Dart – Should JavaScript be Replaced?
Tuesday, September 27th, 2011A memo from a Google employee was leaked earlier this month exposing the new plan for Dart, which they claim to be a new programming language for structured web programming. The memo goes into some detail on what Dart would be, but doesn’t go into much detail on why Dart should be. In other words, it doesn’t explicitly state the deficiencies in JavaScript. Do they have a point? Should JavaScript be replaced?
Simple and Easy JavaScript Inheritance
Tuesday, June 14th, 2011For object inheritance, I had been using the traditional method of assigning methods and properties to the function’s prototype. Because my project was relatively simple, I could get away with this for a while. But as the project grew in scope, using the prototype started proving unwieldy. It worked, but the code was getting messy and hard to read. I decided it was time to implement an inheritance system. Not too complex, just something to help me organize my code. I ended up creating what I call my Declare Inheritance Helper.
(more…)
Brendan Eich Redesigns JavaScript to Look Like jQuery
Friday, April 1st, 2011
“Obviously, due to the success of jQuery and the lack of base-knowledge of JavaScript”, Brendan explained at a recent gathering, “JavaScript is a huge failure. I’ve redesigned it to look like jQuery, and will implement it, retroactively, into the web.” (more…)
Video: How to Build Web Apps
Monday, January 10th, 2011A new video is posted from the January 4th 2011 Club AJAX meeting. Basic and advanced code for Ajax apps. The main subjects covered were CSS organizing, and OO-CSS concepts, and an HTML5 Video Player with custom JavaScript.
Dev vs Dev! JavaScript is a Toy
Thursday, January 6th, 2011This is the second video in the Dev vs Dev series, using the XtraNormal movie maker. What does it sound like when a front end developer suggests to a back end developer that a project should use JavaScript? It might sound something like the following.
(more…)
Dev vs Dev! Java has a Library That Will do That
Tuesday, December 28th, 2010What does a conversation between a new front end developer and a back end developer sound like? Using XtraNormal, I’ve created a video based on past experience. While this focuses on a Java developer, it is a compilation from ASP and PHP guys as well. If you’re a back end developer you should still see the humor in this. And if you don’t — then you resemble that remark!
If you’ve never seen an XtraNormal video, they don’t move a lot (my wife asked if they were going to fight). They are animated characters having a conversation. I think the humor comes out of the lack of emotion due to the computer generated voices.
(more…)
Plain Text vs innerText vs textContent
Wednesday, September 1st, 2010innerText and textContent are properties that get or set the text of an element or all its children. Internet Explorer implemented innerText in version 4.0, and it’s a useful, if misunderstood feature. WebKit also has innerText, carefully copying from, and even improving upon IE; and additionally has the standards compliant textContent, which we shall see, is no where near as useful and is in fact quite different. Firefox has textContent but not innerText, and a common mistake is writing code that retrieves one or the other, assuming the result will be the same (it’s not). Opera has the property, but it is little more than an alias of textContent, which to me is analogous to false advertising.
(more…)
