Evan Goer evangoer

Introduction to Node.js

I wrote this for a colleague at work, but I thought I'd share it here for those that are confused as to the role of a build tool. To those that have not spent years working with various build tools, it may be tempting to find one that is written in the language you are using (i.e. Phing, Ant, Rake, and Grunt come to mind) or perhaps you are easily persuaded by things that have a lot of features (Gradle immediately comes to mind).

To be honest, build tools are just glorified shell script wrappers. Some more complex than others. At the end of the day, a build tool should do four things to be useful and not get in the way:

Run your scripting tasks (where less abstraction layers are better than more).
Allow you to define dependencies (like, always run the task to delete all of the build artifacts before running the task that generates code coverage).
Give you a simple way (preferably without needing to install a fancy GUI/IDE) to look at what build steps will be run without running them.
Issue a s

Getting Started with YUI

Welcome to the YUI library! This tutorial contains everything you need to get up and running quickly with YUI. If you've never used YUI before, but you perhaps have a little experience with plain JavaScript or JavaScript frameworks, read onward.

Note that if you have experience with jQuery, it is a great idea to read or at least skim through the JS Rosetta Stone, which demonstrates how common jQuery and YUI idioms map to each other. The good news is that in the areas where YUI and jQuery overlap, you'll find that it is not too difficult to translate back and forth between the two.

Loading SimpleYUI

The easiest way to get started with YUI is to use SimpleYUI, a convenient package for working with DOM nodes, events, UI effects, and AJAX.

Improvements to New YUI Blog Theme

Objective

Search page is unusable: http://cl.ly/IiYS
- Looks like the content is not inside a "yui3-u" node: http://www.yuiblog.com/blog/?s=open+hours
Linen texture should only be at the lowest layer of the design (I don't care that iOS uses it for the notification sheets, they did it wrong :)
Home page's heading alignments are off:
- Home page: http://cl.ly/Ijqg

Page 1

The language of the material is friendly and low-key -- this is great.

Open the console

For students who don't even yet know HTML or CSS, I like your general approach a lot:

	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Starter React jsbin with JSX">
	<script src="http://fb.me/react-with-addons-0.13.1.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>

	var React = require('React/addons'),
	assert = require('assert');

	var Hello = React.createClass({
	render: function () {
	return React.DOM.p(null, 'hello');
	}
	});

	var jsdom = require('jsdom');

	<?php
	header('Content-type: application/json');

	$response = array();
	if (isset($_GET['library']) && $_GET['library'] === 'YUI') {
	$response['advice'] = 'YES';
	$response['reason'] = "YUI doesn't eat your soul from the inside.";
	}
	else {
	$response['advice'] = 'NO';

	/* What do we really care about when creating a Base-derived object?
	1. the object we are deriving from
	2. string name
	3. properties and methods
	4. attributes
	Goals: simpler method with fewer args & less nesting. Simplify
	adding attributes. No need for empty [] hack as with Y.Base.create() */
	Y.Example = Y.Model.derive('example-model', {
	// prototype methods and properties here
	hello: function () {