background preloader

17 Hours of JavaScript from the Masters - Nettuts+

17 Hours of JavaScript from the Masters - Nettuts+
Douglas Crockford. John Resig. Peter-Paul Koch. Nicolas C. Length: 1 hour, 3 minutesSpeaker: Douglas CrockfordSlides (powerpoint) Is JavaScript a hopeless mess, or a robust and flexible standard? Length: 1 hour, 51 minutesSpeaker: Douglas CrockfordSlides (zip) This is the first session in Crockford’s JavaScript Trilogy. Length: 1 hour, 18 minutesSpeaker : Douglas CrockfordSlides (zip) While this video isn’t focused on JavaScript, it’s the second part of Douglas Crockford’s JavaScript Trilogy. Length: 1 hour, 7 minutesSpeaker: Douglas CrockfordSlides (zip) This is the final installment to Crockford’s trilogy. Length: 1 hour, 11 minutesSpeaker: John ResigSlides (slideshare) John Resig, the creator of jQuery, knows what he’s talking about. Length: 56 minutesSpeaker: Nicholas C. Nicolas Zakas is the author of “Professional JavaScript for Developers” and co-author of “Professional Ajax.” Length: 1 hour, 1 minuteSpeaker: John ResigSlides (slideshare) Length: 52 minutesSpeaker: Nicolas C.

DOM DocumentFragments I was playing around with DOM DocumentFragments recently, in JavaScript, seeing what I could make with them. Roughly speaking, a DocumentFragment is a lightweight container that can hold DOM nodes. It’s part of the DOM 1 specification and is supported in all modern browsers (it was added to Internet Explorer in version 6). In reading up on them I came across an interesting point, from the specification: Furthermore, various operations — such as inserting nodes as children of another Node — may take DocumentFragment objects as arguments; this results in all the child nodes of the DocumentFragment being moved to the child list of this node. This means that if you take a bunch of DOM nodes and append them to a fragment then you can simply append the fragment to the document, instead (and achieve the same result – as if you had appended each node individually). I set up a simple demo to test the theory. Normal Append DocumentFragment Append Comments are closed.

The best way to load external JavaScript Posted at July 28, 2009 09:00 am by Nicholas C. Zakas Tags: Blocking, JavaScript, Performance Not too long ago, I wrote about loading JavaScript without blocking by creating a dynamic <script> tag. The best technique Steve Souders has explored several different ways to load JavaScript without blocking both on his blog and in his books. Create two JavaScript files. That’s it! function loadScript(url, callback){ var script = document.createElement("script") script.type = "text/javascript"; if (script.readyState){ //IE script.onreadystatechange = function(){ if (script.readyState == "loaded" || script.readyState == "complete"){ script.onreadystatechange = null; callback(); } }; } else { //Others script.onload = function(){ callback(); }; } script.src = url; document.getElementsByTagName("head")[0].appendChild(script); } That’s a tiny amount of code to get your bootstrapped so it will load incredibly fast (especially when gzipped). The actual code on your page ends up looking like this:

Khan Academy Starting out with Objective-C - The Unofficial Apple Weblog (TUA I recently decided to embark on a personal challenge to learn Objective-C (the programming language behind Mac and iPhone applications) so that I could one day get applications into the App Store. I'm not looking to make millions with a fart machine app, but I do want to see some of my ideas come to fruition and end up on some iPhones. While we've previously mentioned how to delve into programming in Objective-C, there have been some recent releases of educational materials that can help those who want to learn the language:Programming in Objective-C 2.0 (book, $44.99) This is the latest release of Stephen Kochan's series which some consider to be the Objective-C bible. It has a wealth of information jammed into almost 600 pages, and it will take you from simple variable assignments to advanced class implementation. This new series from Apress offers two options to would-be developers. Coding in Objective-C (screencasts, $5 per episode) These are only a few ways to learn Objective-C.

Bluff: Beautiful graphs in JavaScript 75 (Really) Useful JavaScript Techniques | Developer&#039;s Tool Advertisement Developers and designers are using more and more JavaScript in modern designs. Sometimes this can be a hindrance to the user and take away from the simplicity of the design, and other times it can add greatly to the user’s experience. The key is a) adding the right amount of JavaScript, and b) using the right JavaScript techniques. We have already1 collected2 various3 JavaScript4 techniques5 in the past – now it’s time for a new portion of JavaScript. Thanks to the Web’s widespread adoption of JavaScript, JavaScript libraries have sprung up to help make design and development easier. However, sometimes we need JavaScript solutions that are a little more involved or specific. You may want to take a look at the following related articles: 75 Useful JavaScript Techniques Hyphenation in Web11This project collects working solutions for automatic hyphenation in (X)HTML pages. SocialHistory.js13SocialHistory.js enables you to detect which social bookmarking sites your visitors use.

100 Free Courses & Tutorials for Aspiring iPhone App Developers 100 Free Courses & Tutorials for Aspiring iPhone App Developers Unless you’ve been living under a rock, you know that the iPhone is a big deal and it’s one of the most popular subjects of development these days. Lots of developers are creating their own iPhone apps, and with the right know-how, you can too. University Here you’ll find iPhone development courses offered by top universities. iPhone Application Programming: Learn about programming for the iPhone from Stanford on iTunes. Apple Resources You can learn about iPhone development straight from the source with these Apple documents. Getting Started with iPhone: Here you’ll find a general introduction to iPhone development. Getting Started Get an introduction to iPhone development through these tutorials. iPhone App Development-Where to Start: This tutorial will teach you how to get started in iPhone app development. Tools These tutorials will teach you how to use specific tools in order to create iPhone apps. Details User Interface

Green Felt News » How we hash our Javascript for better caching One of the problems we use to see frequently on Green Felt happened when we’d update a Javascript API: We’d add some parameters to some library function and then update some other files so that they called the function with the new parameters. But when we’d push the changes to the site we’d end up with few users that somehow had the old version of one of the files stuck in their cache. Now their browser is causing old code to call new code or new code to call old code and the site doesn’t work for them. We’d then have to explain how to reset their cache (and of course every browser has different instructions) and hope that if they didn’t write back that everything went OK. This fragility annoyed us and so we came up with a solution: It solves the original problem. When the user refreshes the page they will either get the page from their browser cache or they will get it from our site. It’s fast. Everything is cached so it only does the minification and hash calculations once per file.

Tree View JavaScript Tree iPhone Dev Center: Object-Oriented Programming with Objective-C: An object-oriented approach to application development makes programs more intuitive to design, faster to develop, more amenable to modification, and easier to understand. Most object-oriented development environments consist of at least three parts: A library of objects A set of development tools An object-oriented programming language and support library The Objective-C language is a programming language designed to enable sophisticated object-oriented programming. Every object-oriented programming language and environment has a different perspective on what object-oriented means, how objects behave, and how programs might be structured. Who Should Read This Document For those who have never used object-oriented programming to create applications, this document is designed to help you become familiar with object-oriented development. Because this isn’t a document about C, it assumes some prior acquaintance with that language. Organization of This Document “Why Objective-C?” See Also

Tree dhtmlxTree is a feature-rich JavaScript tree menu that allows you to quickly add a nice-looking, Ajax-based hierarchical tree on a web page. The treeview supports in-line node editing, advanced drag-and-drop, three-state checkboxes, and more. Due to special techniques, this JavaScript tree control loads even big trees quickly and effectively. Powerful drag-and-drop capabilities allow you to drag the tree items not just within one tree, but between different trees (even if they are located in different frames or iframes). Live demo Icons Sets: DHX Sky Blue Books Vista Theme Folders Drag & drop items within the trees as well as between trees. Rich JavaScript API Rich client-side API provides complete control over the treeview appearance and behavior. Ajax Support and Server-Side Integration This JavaScript treeview uses the Ajax model of data processing, so the tree content can be updated seamlessly without reloading the entire webpage. Fast Performing JavaScript Tree Features View Feature Details

iPhone Dev Center: Learning Objective-C: A Primer Objective-C is the primary programming language you use when writing software for OS X and iOS. It’s a superset of the C programming language and provides object-oriented capabilities and a dynamic runtime. Objective-C inherits the syntax, primitive types, and flow control statements of C and adds syntax for defining classes and methods. At a Glance This document introduces the Objective-C language and offers extensive examples of its use. An App Is Built from a Network of Objects When building apps for OS X or iOS, you’ll spend most of your time working with objects. If you’re writing your own class, start by providing a description of the class that details the intended public interface to instances of the class. Categories Extend Existing Classes Rather than creating an entirely new class to provide minor additional capabilities over an existing class, it’s possible to define a category to add custom behavior to an existing class. Protocols Define Messaging Contracts Prerequisites

Related: