SlideShare a Scribd company logo
ng-conf 2015 / AngularJS 2.0
#RennesJS
# Ng-Conf 2015
● March 5-6, 2015 (Salt Lake City, Utah)
○ 2 days / 43 speakers / 25 talks
○ ng-conf.org
● Ng-Europe previously (Oct. 2014 - Paris)
○ AngularJS 2.0 & AtScript (first announcement)
○ Angular 1.4 & New Router
○ ngeurope.org
# Keynote (by Igor Minar & Brad Green)
# Keynote
● A New Website
○ AngularJS 2 => angular.io
○ AngularJS 1 => angularjs.org
● Angular Material Design
○ material.angularjs.org
material.angularjs.org
Ng-Conf 2015 Report : AngularJS 1 & 2
# Evolving AngularJS
● Angular core team has grown
○ 15 members in 2014
○ 45 members for early 2015
● Angular community is growing
○ 100K+ unique GitHub visitors / 2 week
○ ~ 1600 new issues and PRs created
○ ~ 200 new contributors
# Evolving AngularJS
● Project models
○ Closed Source
○ Open Source Export
○ Open Source w/ community involvement
github.com/angular
# Angular 1 Still Alive
● Angular 1 is not dead
○ 1.3 => 1.4 => 1.5 (=> 1.6)
○ Continue to release 1.x until the community stops
using it
● Angular 1.4 (RC0)
○ ~30% faster digest times vs 1.3
○ 2-4% memory footprint improvement (Less GC pressure)
# Shorter Release Cycles
# Migration 1.x => 2.x
● “Big Bang”
○ Stop 1.x and move all features into 2.0 code
● “Incremental”
○ Keep developing in 1.x, start migrating individual
views
○ Migrate core router and start migrating individual
views
# Migration 1.x => 2.x
● A New Router (since 1.4)
○ To help bridge the gap to Angular 2
○ Component based
○ Compatible with Angular 2 and Angular 1
● Angular >= 1.5
○ more common components with Angular 2
# Angular @ Google
# Winter Angular 2 Is Coming
● Angular 2 Themes
○ Simplicity
○ Consistent
○ Flexible
○ Fast
○ Productive
● Angular 2 in Alpha (angular.io)
○ Not ready for production
# Legacy of Angular 1
○ Dependency
injection
○ Data binding
○ Directives
○ Routers (1.4)
○ Filters
○ Animation
○ Accessibility
○ i18n (1.4)
○ Forms (1.4)
○ Expressions
○ Material Design
○ Protractor
○ Karma
○ Mocks
# New Features in 2.x
● New languages
● Web Components
● New template syntax
● Viewports
● Unidirectional data flow
● Ultra-fast change detection
● (Style Guide)
Ng-Conf 2015 Report : AngularJS 1 & 2
# AtScript === TypeScript
● Collaboration b/n Google & Microsoft
● Merge of AtScript & TypeScript
● TypeScript 1.5+
○ Type annotations
○ Field annotations
○ Metadata annotations
○ Type Introspection with Annotation Support
● ES6, Dart and TypeScript support
Ng-Conf 2015 Report : AngularJS 1 & 2
# ES6 Support (Today)
http://kangax.github.io/compat-table/es6/
# 2 Fast 2 Furious
○ Improved performance
in Angular 2
○ Change detection is up
to 10x faster
○ Cache view rendering
Ng-Conf 2015 Report : AngularJS 1 & 2
# Web Components
1 Class + 2 @Annotations = 1 Web Comp.
● angular.io/docs/js/latest/quickstart.html (part.4)
● plnkr.co/edit/QZ6c6cRnvOyQ71FkowZO?p=options
# And... lots of other Cool Stuff !
● AngularFire 1.0
○ www.firebase.com/docs/web/libraries/angular/
● Angular + React
● Angular + Meteor
● Collab. b/n Angular & Ember (Router + Tc39)
● Ionic & Angular
● Benchmarking Tools
● ...
# Links
● Ng-Conf
○ videos : youtube.com/playlist?list=[…]
○ slides : docs.google.com/spreadsheets/[...]
● Quick starter ng2
○ github.com/angular/quickstart
○ ng-learn.org/2014/03/AngularJS-2-Status-Preview/
● a ToDo with ng2
○ github.com/davideast/ng2do
# Thanks
● credits
○ www.ng-conf.org
○ twitter.com/hashtag/ngconf?src=hash&mode=photos
○ www.pauljeter.net
○ www.pauljeter.net
○ scotch.io
Thanks to them ;-)
@NicoPennec

More Related Content

What's hot

Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
Trung Vo Tuan
 
Angular 2 Crash Course
Angular  2 Crash CourseAngular  2 Crash Course
Angular 2 Crash Course
Elisha Kramer
 
Angular 2: What's New?
Angular 2: What's New?Angular 2: What's New?
Angular 2: What's New?
jbandi
 
Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
Dawid Myslak
 
Angular2 with TypeScript
Angular2 with TypeScript Angular2 with TypeScript
Angular2 with TypeScript
Rohit Bishnoi
 
Angular 2 - Core Concepts
Angular 2 - Core ConceptsAngular 2 - Core Concepts
Angular 2 - Core Concepts
Fabio Biondi
 
Migrating to Angular 2
Migrating to Angular 2Migrating to Angular 2
Migrating to Angular 2
FITC
 
Introduction to Angular for .NET Developers
Introduction to Angular for .NET DevelopersIntroduction to Angular for .NET Developers
Introduction to Angular for .NET Developers
Laurent Duveau
 
An Intro to Angular 2
An Intro to Angular 2An Intro to Angular 2
An Intro to Angular 2
Ron Heft
 
Introduction to Angular2
Introduction to Angular2Introduction to Angular2
Introduction to Angular2
Ivan Matiishyn
 
Building Universal Applications with Angular 2
Building Universal Applications with Angular 2Building Universal Applications with Angular 2
Building Universal Applications with Angular 2
Minko Gechev
 
ReactJS.NET
ReactJS.NETReactJS.NET
ReactJS.NET
Troy Miles
 
Introduction to angular 2
Introduction to angular 2Introduction to angular 2
Introduction to angular 2
Dhyego Fernando
 
Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
Naveen Pete
 
JavaScript - The Universal Platform?
JavaScript - The Universal Platform?JavaScript - The Universal Platform?
JavaScript - The Universal Platform?
Jonas Bandi
 
What is Angular version 4?
What is Angular version 4?What is Angular version 4?
What is Angular version 4?
Troy Miles
 
Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
valuebound
 
Angular2 - getting-ready
Angular2 - getting-ready Angular2 - getting-ready
Angular2 - getting-ready
Nir Kaufman
 
Angular 2
Angular 2Angular 2
Talk for DevFest 2021 - GDG Bénin
Talk for DevFest 2021 - GDG BéninTalk for DevFest 2021 - GDG Bénin
Talk for DevFest 2021 - GDG Bénin
Ezéchiel Amen AGBLA
 

What's hot (20)

Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
 
Angular 2 Crash Course
Angular  2 Crash CourseAngular  2 Crash Course
Angular 2 Crash Course
 
Angular 2: What's New?
Angular 2: What's New?Angular 2: What's New?
Angular 2: What's New?
 
Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
 
Angular2 with TypeScript
Angular2 with TypeScript Angular2 with TypeScript
Angular2 with TypeScript
 
Angular 2 - Core Concepts
Angular 2 - Core ConceptsAngular 2 - Core Concepts
Angular 2 - Core Concepts
 
Migrating to Angular 2
Migrating to Angular 2Migrating to Angular 2
Migrating to Angular 2
 
Introduction to Angular for .NET Developers
Introduction to Angular for .NET DevelopersIntroduction to Angular for .NET Developers
Introduction to Angular for .NET Developers
 
An Intro to Angular 2
An Intro to Angular 2An Intro to Angular 2
An Intro to Angular 2
 
Introduction to Angular2
Introduction to Angular2Introduction to Angular2
Introduction to Angular2
 
Building Universal Applications with Angular 2
Building Universal Applications with Angular 2Building Universal Applications with Angular 2
Building Universal Applications with Angular 2
 
ReactJS.NET
ReactJS.NETReactJS.NET
ReactJS.NET
 
Introduction to angular 2
Introduction to angular 2Introduction to angular 2
Introduction to angular 2
 
Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
 
JavaScript - The Universal Platform?
JavaScript - The Universal Platform?JavaScript - The Universal Platform?
JavaScript - The Universal Platform?
 
What is Angular version 4?
What is Angular version 4?What is Angular version 4?
What is Angular version 4?
 
Introduction to Angular 2
Introduction to Angular 2Introduction to Angular 2
Introduction to Angular 2
 
Angular2 - getting-ready
Angular2 - getting-ready Angular2 - getting-ready
Angular2 - getting-ready
 
Angular 2
Angular 2Angular 2
Angular 2
 
Talk for DevFest 2021 - GDG Bénin
Talk for DevFest 2021 - GDG BéninTalk for DevFest 2021 - GDG Bénin
Talk for DevFest 2021 - GDG Bénin
 

Viewers also liked

Flex 4.6 et Flash Builder 4.6
Flex 4.6 et Flash Builder 4.6Flex 4.6 et Flash Builder 4.6
Flex 4.6 et Flash Builder 4.6
Nicolas PENNEC
 
Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.
Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.
Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.
Nicolas PENNEC
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJS
Nicolas PENNEC
 
45 Tools to Boost Your Front-End
45 Tools to Boost Your Front-End45 Tools to Boost Your Front-End
45 Tools to Boost Your Front-End
Nicolas PENNEC
 
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
Kazuhiro Yoshimoto
 
Empezando con Angular 2
Empezando con Angular 2Empezando con Angular 2
Empezando con Angular 2
Rubén Aguilera
 
Angular 1.x vs. Angular 2.x
Angular 1.x vs. Angular 2.xAngular 1.x vs. Angular 2.x
Angular 1.x vs. Angular 2.x
Eyal Vardi
 
AngularJS 2, version 1 and ReactJS
AngularJS 2, version 1 and ReactJSAngularJS 2, version 1 and ReactJS
AngularJS 2, version 1 and ReactJS
Kenneth Ceyer
 
Angular js gtg-27feb2013
Angular js gtg-27feb2013Angular js gtg-27feb2013
Angular js gtg-27feb2013
Nitya Narasimhan
 
Apresentação Google I/O Extended Vitória
Apresentação Google I/O Extended VitóriaApresentação Google I/O Extended Vitória
Apresentação Google I/O Extended Vitória
Fabiano Monte
 
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a webPolymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
Beto Muniz
 
Material Design - do smartphone ao desktop
Material Design - do smartphone ao desktopMaterial Design - do smartphone ao desktop
Material Design - do smartphone ao desktop
Hillary Sousa
 
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Nitya Narasimhan
 
O futuro do Android
O futuro do AndroidO futuro do Android
O futuro do Android
Erisvaldo Junior
 
Tech talk polymer
Tech talk polymerTech talk polymer
Tech talk polymer
Yanuar W
 
Um salve para evolução! construindo uma nova web com polymer
Um salve para evolução! construindo uma nova web com  polymerUm salve para evolução! construindo uma nova web com  polymer
Um salve para evolução! construindo uma nova web com polymer
Marcus Silva
 
Web components
Web componentsWeb components
Web components
Evaldo Barbosa
 
Material design
Material designMaterial design
Material design
David Tiago Conceição
 
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Horacio Gonzalez
 
WebApps com Web Components
WebApps com Web ComponentsWebApps com Web Components
WebApps com Web Components
Beto Muniz
 

Viewers also liked (20)

Flex 4.6 et Flash Builder 4.6
Flex 4.6 et Flash Builder 4.6Flex 4.6 et Flash Builder 4.6
Flex 4.6 et Flash Builder 4.6
 
Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.
Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.
Lancement du RennesJS - le User Group de la communauté JavaScript rennaise.
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJS
 
45 Tools to Boost Your Front-End
45 Tools to Boost Your Front-End45 Tools to Boost Your Front-End
45 Tools to Boost Your Front-End
 
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
 
Empezando con Angular 2
Empezando con Angular 2Empezando con Angular 2
Empezando con Angular 2
 
Angular 1.x vs. Angular 2.x
Angular 1.x vs. Angular 2.xAngular 1.x vs. Angular 2.x
Angular 1.x vs. Angular 2.x
 
AngularJS 2, version 1 and ReactJS
AngularJS 2, version 1 and ReactJSAngularJS 2, version 1 and ReactJS
AngularJS 2, version 1 and ReactJS
 
Angular js gtg-27feb2013
Angular js gtg-27feb2013Angular js gtg-27feb2013
Angular js gtg-27feb2013
 
Apresentação Google I/O Extended Vitória
Apresentação Google I/O Extended VitóriaApresentação Google I/O Extended Vitória
Apresentação Google I/O Extended Vitória
 
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a webPolymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
 
Material Design - do smartphone ao desktop
Material Design - do smartphone ao desktopMaterial Design - do smartphone ao desktop
Material Design - do smartphone ao desktop
 
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
 
O futuro do Android
O futuro do AndroidO futuro do Android
O futuro do Android
 
Tech talk polymer
Tech talk polymerTech talk polymer
Tech talk polymer
 
Um salve para evolução! construindo uma nova web com polymer
Um salve para evolução! construindo uma nova web com  polymerUm salve para evolução! construindo uma nova web com  polymer
Um salve para evolução! construindo uma nova web com polymer
 
Web components
Web componentsWeb components
Web components
 
Material design
Material designMaterial design
Material design
 
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
 
WebApps com Web Components
WebApps com Web ComponentsWebApps com Web Components
WebApps com Web Components
 

Similar to Ng-Conf 2015 Report : AngularJS 1 & 2

Angular intro
Angular introAngular intro
Angular intro
Janarthan Paramanandam
 
Open source communities in hong kong and asia (2012 updates) (Summer BarCam...
Open source communities in hong kong and asia  (2012 updates)  (Summer BarCam...Open source communities in hong kong and asia  (2012 updates)  (Summer BarCam...
Open source communities in hong kong and asia (2012 updates) (Summer BarCam...
Sammy Fung
 
Introducing Electron
Introducing ElectronIntroducing Electron
Introducing Electron
Baylee Schmeisser
 
Netflix Open Source Meetup Season 4 Episode 1
Netflix Open Source Meetup Season 4 Episode 1Netflix Open Source Meetup Season 4 Episode 1
Netflix Open Source Meetup Season 4 Episode 1
aspyker
 
Elixir + GraphQL = Absinthe 2019.04.10
Elixir + GraphQL = Absinthe 2019.04.10Elixir + GraphQL = Absinthe 2019.04.10
Elixir + GraphQL = Absinthe 2019.04.10
Alexander Knowles
 
State of GeoServer, GeoTools and Friends 2014
State of GeoServer, GeoTools and Friends 2014State of GeoServer, GeoTools and Friends 2014
State of GeoServer, GeoTools and Friends 2014
Jody Garnett
 
Dart the better Javascript 2015
Dart the better Javascript 2015Dart the better Javascript 2015
Dart the better Javascript 2015
Jorg Janke
 
Avogadro 2 and Open Chemistry
Avogadro 2 and Open ChemistryAvogadro 2 and Open Chemistry
Avogadro 2 and Open Chemistry
Marcus Hanwell
 
BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)
BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)
BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)
Igalia
 
JHipster Conf 2019 English keynote
JHipster Conf 2019 English keynoteJHipster Conf 2019 English keynote
JHipster Conf 2019 English keynote
Julien Dubois
 
Ballerina Tutorial @ SummerSOC 2019
Ballerina Tutorial @ SummerSOC 2019Ballerina Tutorial @ SummerSOC 2019
Ballerina Tutorial @ SummerSOC 2019
kshanth2101
 
Neoito — A roadmap to Angular
Neoito — A roadmap to AngularNeoito — A roadmap to Angular
Neoito — A roadmap to Angular
Neoito
 
London Salesforce Developer January 2022
London Salesforce Developer January 2022London Salesforce Developer January 2022
London Salesforce Developer January 2022
Keir Bowden
 
Angular2 - A story from the trenches
Angular2 - A story from the trenchesAngular2 - A story from the trenches
Angular2 - A story from the trenches
Johannes Rudolph
 
Spring Data Neo4j: Graph Power Your Enterprise Apps
Spring Data Neo4j: Graph Power Your Enterprise AppsSpring Data Neo4j: Graph Power Your Enterprise Apps
Spring Data Neo4j: Graph Power Your Enterprise Apps
GraphAware
 
Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop
Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop
Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop
Neo4j
 
Summer Internship Project - Remote Render
Summer Internship Project - Remote RenderSummer Internship Project - Remote Render
Summer Internship Project - Remote Render
Yen-Kuan Wu
 
Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)
Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)
Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)
Igalia
 
Identity & Access Management Briefing
Identity & Access Management BriefingIdentity & Access Management Briefing
Identity & Access Management Briefing
Charise Arrowood
 
Es Classes & Decorators in Ember
Es Classes & Decorators in EmberEs Classes & Decorators in Ember
Es Classes & Decorators in Ember
Christopher Garrett
 

Similar to Ng-Conf 2015 Report : AngularJS 1 & 2 (20)

Angular intro
Angular introAngular intro
Angular intro
 
Open source communities in hong kong and asia (2012 updates) (Summer BarCam...
Open source communities in hong kong and asia  (2012 updates)  (Summer BarCam...Open source communities in hong kong and asia  (2012 updates)  (Summer BarCam...
Open source communities in hong kong and asia (2012 updates) (Summer BarCam...
 
Introducing Electron
Introducing ElectronIntroducing Electron
Introducing Electron
 
Netflix Open Source Meetup Season 4 Episode 1
Netflix Open Source Meetup Season 4 Episode 1Netflix Open Source Meetup Season 4 Episode 1
Netflix Open Source Meetup Season 4 Episode 1
 
Elixir + GraphQL = Absinthe 2019.04.10
Elixir + GraphQL = Absinthe 2019.04.10Elixir + GraphQL = Absinthe 2019.04.10
Elixir + GraphQL = Absinthe 2019.04.10
 
State of GeoServer, GeoTools and Friends 2014
State of GeoServer, GeoTools and Friends 2014State of GeoServer, GeoTools and Friends 2014
State of GeoServer, GeoTools and Friends 2014
 
Dart the better Javascript 2015
Dart the better Javascript 2015Dart the better Javascript 2015
Dart the better Javascript 2015
 
Avogadro 2 and Open Chemistry
Avogadro 2 and Open ChemistryAvogadro 2 and Open Chemistry
Avogadro 2 and Open Chemistry
 
BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)
BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)
BigInt: Integers as big as you want in JavaScript (Web Engines Hackfest 2017)
 
JHipster Conf 2019 English keynote
JHipster Conf 2019 English keynoteJHipster Conf 2019 English keynote
JHipster Conf 2019 English keynote
 
Ballerina Tutorial @ SummerSOC 2019
Ballerina Tutorial @ SummerSOC 2019Ballerina Tutorial @ SummerSOC 2019
Ballerina Tutorial @ SummerSOC 2019
 
Neoito — A roadmap to Angular
Neoito — A roadmap to AngularNeoito — A roadmap to Angular
Neoito — A roadmap to Angular
 
London Salesforce Developer January 2022
London Salesforce Developer January 2022London Salesforce Developer January 2022
London Salesforce Developer January 2022
 
Angular2 - A story from the trenches
Angular2 - A story from the trenchesAngular2 - A story from the trenches
Angular2 - A story from the trenches
 
Spring Data Neo4j: Graph Power Your Enterprise Apps
Spring Data Neo4j: Graph Power Your Enterprise AppsSpring Data Neo4j: Graph Power Your Enterprise Apps
Spring Data Neo4j: Graph Power Your Enterprise Apps
 
Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop
Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop
Visual, scalable, and manageable data loading to and from Neo4j with Apache Hop
 
Summer Internship Project - Remote Render
Summer Internship Project - Remote RenderSummer Internship Project - Remote Render
Summer Internship Project - Remote Render
 
Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)
Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)
Summary of Igalia's contributions to Chromium in the past year (BlinkOn 10)
 
Identity & Access Management Briefing
Identity & Access Management BriefingIdentity & Access Management Briefing
Identity & Access Management Briefing
 
Es Classes & Decorators in Ember
Es Classes & Decorators in EmberEs Classes & Decorators in Ember
Es Classes & Decorators in Ember
 

Recently uploaded

Acumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdf
Acumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdfAcumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdf
Acumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdf
BrainSell Technologies
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
HackersList
 
July Patch Tuesday
July Patch TuesdayJuly Patch Tuesday
July Patch Tuesday
Ivanti
 
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptxUse Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
SynapseIndia
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
RaminGhanbari2
 
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptxIntroduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
313mohammedarshad
 
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
maigasapphire
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
Tatiana Al-Chueyr
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
bhumivarma35300
 
Salesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot WorkshopSalesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot Workshop
CEPTES Software Inc
 
Three New Criminal Laws in India 1 July 2024
Three New Criminal Laws in India 1 July 2024Three New Criminal Laws in India 1 July 2024
Three New Criminal Laws in India 1 July 2024
aakash malhotra
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
Matthias Neugebauer
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
rajancomputerfbd
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and OllamaTirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Zilliz
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...
High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...
High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...
aslasdfmkhan4750
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
SynapseIndia
 

Recently uploaded (20)

Acumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdf
Acumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdfAcumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdf
Acumatica vs. Sage Intacct vs. NetSuite _ NOW CFO.pdf
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
 
July Patch Tuesday
July Patch TuesdayJuly Patch Tuesday
July Patch Tuesday
 
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptxUse Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
 
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptxIntroduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
 
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
 
Salesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot WorkshopSalesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot Workshop
 
Three New Criminal Laws in India 1 July 2024
Three New Criminal Laws in India 1 July 2024Three New Criminal Laws in India 1 July 2024
Three New Criminal Laws in India 1 July 2024
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and OllamaTirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...
High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...
High Profile Girls Call ServiCe Hyderabad 0000000000 Tanisha Best High Class ...
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
 

Ng-Conf 2015 Report : AngularJS 1 & 2

  • 1. ng-conf 2015 / AngularJS 2.0 #RennesJS
  • 2. # Ng-Conf 2015 ● March 5-6, 2015 (Salt Lake City, Utah) ○ 2 days / 43 speakers / 25 talks ○ ng-conf.org ● Ng-Europe previously (Oct. 2014 - Paris) ○ AngularJS 2.0 & AtScript (first announcement) ○ Angular 1.4 & New Router ○ ngeurope.org
  • 3. # Keynote (by Igor Minar & Brad Green)
  • 4. # Keynote ● A New Website ○ AngularJS 2 => angular.io ○ AngularJS 1 => angularjs.org ● Angular Material Design ○ material.angularjs.org
  • 7. # Evolving AngularJS ● Angular core team has grown ○ 15 members in 2014 ○ 45 members for early 2015 ● Angular community is growing ○ 100K+ unique GitHub visitors / 2 week ○ ~ 1600 new issues and PRs created ○ ~ 200 new contributors
  • 8. # Evolving AngularJS ● Project models ○ Closed Source ○ Open Source Export ○ Open Source w/ community involvement github.com/angular
  • 9. # Angular 1 Still Alive ● Angular 1 is not dead ○ 1.3 => 1.4 => 1.5 (=> 1.6) ○ Continue to release 1.x until the community stops using it ● Angular 1.4 (RC0) ○ ~30% faster digest times vs 1.3 ○ 2-4% memory footprint improvement (Less GC pressure)
  • 11. # Migration 1.x => 2.x ● “Big Bang” ○ Stop 1.x and move all features into 2.0 code ● “Incremental” ○ Keep developing in 1.x, start migrating individual views ○ Migrate core router and start migrating individual views
  • 12. # Migration 1.x => 2.x ● A New Router (since 1.4) ○ To help bridge the gap to Angular 2 ○ Component based ○ Compatible with Angular 2 and Angular 1 ● Angular >= 1.5 ○ more common components with Angular 2
  • 13. # Angular @ Google
  • 14. # Winter Angular 2 Is Coming ● Angular 2 Themes ○ Simplicity ○ Consistent ○ Flexible ○ Fast ○ Productive ● Angular 2 in Alpha (angular.io) ○ Not ready for production
  • 15. # Legacy of Angular 1 ○ Dependency injection ○ Data binding ○ Directives ○ Routers (1.4) ○ Filters ○ Animation ○ Accessibility ○ i18n (1.4) ○ Forms (1.4) ○ Expressions ○ Material Design ○ Protractor ○ Karma ○ Mocks
  • 16. # New Features in 2.x ● New languages ● Web Components ● New template syntax ● Viewports ● Unidirectional data flow ● Ultra-fast change detection ● (Style Guide)
  • 18. # AtScript === TypeScript ● Collaboration b/n Google & Microsoft ● Merge of AtScript & TypeScript ● TypeScript 1.5+ ○ Type annotations ○ Field annotations ○ Metadata annotations ○ Type Introspection with Annotation Support ● ES6, Dart and TypeScript support
  • 20. # ES6 Support (Today) http://kangax.github.io/compat-table/es6/
  • 21. # 2 Fast 2 Furious ○ Improved performance in Angular 2 ○ Change detection is up to 10x faster ○ Cache view rendering
  • 23. # Web Components 1 Class + 2 @Annotations = 1 Web Comp. ● angular.io/docs/js/latest/quickstart.html (part.4) ● plnkr.co/edit/QZ6c6cRnvOyQ71FkowZO?p=options
  • 24. # And... lots of other Cool Stuff ! ● AngularFire 1.0 ○ www.firebase.com/docs/web/libraries/angular/ ● Angular + React ● Angular + Meteor ● Collab. b/n Angular & Ember (Router + Tc39) ● Ionic & Angular ● Benchmarking Tools ● ...
  • 25. # Links ● Ng-Conf ○ videos : youtube.com/playlist?list=[…] ○ slides : docs.google.com/spreadsheets/[...] ● Quick starter ng2 ○ github.com/angular/quickstart ○ ng-learn.org/2014/03/AngularJS-2-Status-Preview/ ● a ToDo with ng2 ○ github.com/davideast/ng2do
  • 26. # Thanks ● credits ○ www.ng-conf.org ○ twitter.com/hashtag/ngconf?src=hash&mode=photos ○ www.pauljeter.net ○ www.pauljeter.net ○ scotch.io Thanks to them ;-) @NicoPennec