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
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
120
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
2
540
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
5.6k
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
180
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
140
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
nyata
0
370
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
240
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
180
FrankenPHPでLaravelを動かしてみよう
yousaku
0
100
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
390
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
2
290
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Music & Morning Musume
bryan
46
6.6k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
How STYLIGHT went responsive
nonsquared
100
5.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
240
Fireside Chat
paigeccino
37
3.5k
Testing 201, or: Great Expectations
jmmastey
42
7.6k
Docker and Python
trallard
44
3.5k
Unsuck your backbone
ammeep
671
58k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
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