Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Todo App Angular 2
Search
Andres Osorio Plata
August 21, 2015
Technology
1
170
Todo App Angular 2
We will talk about:
Angular 1
Angular 2
Angular 1 and ES6
Code of a Todo App in Angular 2
Andres Osorio Plata
August 21, 2015
Tweet
Share
More Decks by Andres Osorio Plata
See All by Andres Osorio Plata
Reactive Programming in Javascript
codeandrop
0
120
Material Design Lite
codeandrop
0
130
Other Decks in Technology
See All in Technology
オープンソースでどこまでできる?フォーマル検証チャレンジ
msyksphinz
0
120
AWS IoT 超入門 2025
hattori
0
270
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
240
o11yで育てる、強い内製開発組織
_awache
3
140
いまさら聞けない ABテスト入門
skmr2348
1
220
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
480
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
180
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
410
The Cake Is a Lie... And So Is Your Login’s Accessibility
leichteckig
0
100
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
kwappa
4
300
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
110
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
3
5.5k
Featured
See All Featured
Scaling GitHub
holman
463
140k
How to Ace a Technical Interview
jacobian
280
24k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
It's Worth the Effort
3n
187
28k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Agile that works and the tools we love
rasmusluckow
331
21k
Designing for humans not robots
tammielis
254
26k
Code Review Best Practice
trishagee
72
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Transcript
Todo App Angular 2 Andres Osorio @codeandrop
Agenda • Angular 1 • Angular 2 • Angular 1
and ES6 • Demo time!
Angular 1 • The code base for Angular dates back
to 2009 • Angular2 is 5x faster than Angular 1* • Angular 1.x has many concepts • Concepts have a learning curve
Angular 1 Concepts • Controller • Factory • Service •
Provider • Directive • Transclusion • Module
Angular 2 • Work in progress • ES5, ES6, Dart
or Typescript • Everything is a component • Components: Break UI into reusable pieces • Tree of components • Possible migration from Angular 1.5.x
Angular 2 - Component Syntax
Angular 2 - Component Syntax Annotation Controller
Angular 2 - Controller
Angular 2 - Template Syntax • Local Variables - #localvar
• Event Handlers - (click) • Property Bindings - [innerText]
Angular 2 - Template Syntax
Angular 1 and ES6 http://www.michaelbromley.co.uk/blog/350/exploring-es6-classes-in-angularjs-1-x https://github.com/Swiip/generator-gulp-angular
Demo time!
THE END