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
5min GuardDuty Extended Threat Detection EKS
takakuni
0
180
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
240
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
5.6k
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.7k
赤煉瓦倉庫勉強会「Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記」
ivry_presentationmaterials
2
290
モバイル界のMCPを考える
naoto33
0
410
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
0
200
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.4k
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
220
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
3
11k
American airlines®️ USA Contact Numbers: Complete 2025 Support Guide
oliversmith12
0
100
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
120
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Fireside Chat
paigeccino
37
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Bash Introduction
62gerente
614
210k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Code Reviewing Like a Champion
maltzj
524
40k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Faster Mobile Websites
deanohume
307
31k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
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