Vincenzo Ferrari wilk

With the new AngularJS 2 beta release, we're finally a bit closer to the realization of the new version of the most famous Google web framework. There are a lot of new features to discover, some given from the experience gained with Angular 1, other born from the new web requirements.

This presentation talks about how to create components with the new Lifecycle Hooks, adding well-defined logics during creation, rendering and destruction. You will be shown why using a new template syntax: a new system to diversify one-way from two-ways data binding, as well as metadata to add features and capabilities to generic classes used as services, components, directives and pipes. We will also discuss about performance and speed improvements granted by the new change detection system via immutables and observables. Finally, an overview of RxJS used for asynchrounus data streams, using push and pull patterns of observable sequences.

This talk will introduce the new changes and new concepts that AngularJS 2 is bringing,

	{
	function num() {return 1}
	{
	function num() {return 5}
	console.log(num()) // 5
	}
	console.log(num()) // 1
	}

	// Default Params
	function sum(x = 10, y = 20) {
	return x + y
	}

	console.log(sum()) // 30

	// Rest Params
	function sum(x, y, ...abc) { // ...abc = [30,40,50]
	let total = abc.reduce((a,b) => a + b) // 30+40+50 = 120

	let sentence = `
	multiline string
	with tabulation
	and carriage returns
	`

	console.log(sentence)

	let name = 'Mario'
	let template = `hello ${name}`

	let person = {
	introduce() {
	console.log('My name is Mario')
	},
	['say' + 'My' + 'Name']() {
	console.log('Mario')
	}
	}

	person.introduce() // My name is Mario

	function people() {
	return ['foo', 'bar', 'jar']
	}

	let [personFoo, personBar, personJar] = people()
	console.log(personFoo, personBar, personJar) // foo bar jar

	var numbers = [0,1,2,3,4]
	var increments = numbers.map(num => ++num) // [1,2,3,4,5]

	class Person {
	constructor(name, surname) {
	this.name = name
	this.surname = surname
	}

	introduce() {
	console.log(`Hi, my name is ${this.name} ${this.surname}`)
	}

	// file js/myModule.js
	export function sum(x, y) {return x + y}
	export const ADDENDUM = 10

	// file yourModule.js
	import * as myModule from "js/myModule"
	import {sum, ADDENDUM} from "js/myModule"

	console.log(myModule.sum(10, 20)) // 30
	console.log(sum(ADDENDUM, ADDENDUM)) // 20

	var parallels = [];

	for (var i = 0; i < 10; i++) {
	(function (i) {
	var deferred = q.defer(),
	userId = userIdList[i];

	request.post(urlOptions, function (err, response, body) {
	if (err) return deferred.reject(err);
	if (result.statusCode > 399) {