rsperberg

rsperberg

#Angular Resources AngularJS is an open-source web application framework, maintained by Google and community, that assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side. Its goal is to augment web applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

This fork of AngularJS-resources by Jonathan Z White includes screen-captures of the websites and some self-descriptions (which appear within quotation marks) from those sites. It may lag behind the original as new links are added there. All of the resources, and their categorization, is from Jonathan Z. White.

Motivation

How is AngularJS different from jQuery?

rsperberg

Eric Elliott’s Essential JavaScript Links

A curated list by Eric Elliott and friends. Suggest links at the original in the comments section or in the website incarnation.

This fork includes screen-captures of the websites, self-descriptions (which appear within quotation marks) from those sites and some metadata like publication date and GitHub stars and forks. It also may lag behind the original as new links are added there. Commentary is almost entirely from Eric Elliott’s original gist: a few summary descriptions were added for sites that omit capsule descriptions.

Help us turn this into a proper website!

This is a very exclusive collection of only must-have JavaScript links. I'm only listing my favorite links. Nothing else makes the cut. Feel free to suggest links if you think they're good

rsperberg

An aspiring UX developer recently contacted me [Dale Sande] and asked some interesting questions. The one that really got me was, "I'd love to hear more about your course (i.e., who is involved, what types of people attend and what were your original motivations for offering such materials?)"

What was my motivation? Why are there so few schools that offer this kind of course? Well, here is my response.

---

You sound like you are in the right track and learning some JavaScript will be beneficial for sure. More and more things will be going in that direction. jQuery is a good start, but be sure to spend some time learning the basics behind JS like ... what does it mean to be a loosely or dynamically typed language and what the hell is a prototype anyway? What is coercion and what is an object.

You make an interesting statement about JavaScript being a bridge between the front-end and back-end. What's interesting is that app engineers who were typically server-side devs are now front-end devs becaus

rsperberg

/* globals define */
define(function(require, exports, module) {
    'use strict';
    // import dependencies
    var Engine = require('famous/core/Engine');
    var Modifier = require('famous/core/Modifier');
    var StateModifier = require('famous/modifiers/StateModifier');
    var Transform = require('famous/core/Transform');
    var View = require('famous/core/View');
    var RenderController = require('famous/views/RenderController');

rsperberg

var Engine = require('famous/core/Engine');
var Surface = require('famous/core/Surface');
var StateModifier = require('famous/modifiers/StateModifier');
var Transform = require('famous/core/Transform');

var mainContext = Engine.createContext();

// for Option 1
var translateModifierOne = new StateModifier({
  transform: Transform.translate(200, 0, 0)

rsperberg

define(function(require, exports, module) {
    'use strict';
    // import dependencies
    var Engine = require('famous/core/Engine');
    var Modifier = require('famous/core/Modifier');
    var Transform = require('famous/core/Transform');
    var Surface = require('famous/core/Surface');
    var ImageSurface = require('famous/surfaces/ImageSurface');
    var View = require('famous/core/View');
    var StateModifier = require('famous/modifiers/StateModifier');

rsperberg

define(function(require, exports, module) {
    'use strict';
    // import dependencies
    var Engine = require('famous/core/Engine');
    var Modifier = require('famous/core/Modifier');
    var Transform = require('famous/core/Transform');
    var Surface = require('famous/core/Surface');
    var ImageSurface = require('famous/surfaces/ImageSurface');
    var View = require('famous/core/View');
    var StateModifier = require('famous/modifiers/StateModifier');

rsperberg

var Engine           = require("famous/core/Engine");
var Modifier         = require("famous/core/Modifier");
var Surface          = require("famous/core/Surface");
var RenderController = require("famous/views/RenderController");

var mainContext = Engine.createContext();
var renderController = new RenderController();
var surfaces = [];
var counter = 0;

rsperberg

//  This code puts the text "codefamo.us" in the
//  center of the display, colors it orange and then
//  rotates it around the Z axis, then adds a blue
//  "codefamo.us" that rotates around the Y axis.
//  To make them display more clearly, a black background 
//  surface is added and, using a StateModifier, is
//  translated behind the other two surfaces. (If the
//  translation isn't done, the blue text flickers.)
//
//  This example spun off of the rotating famo.us logo