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
組織改革から開発効率向上まで! - 成功事例から見えたAI活用のポイント - / 20251016 Tetsuharu Kokaki
shift_evolve
PRO
1
170
事業開発におけるDify活用事例
kentarofujii
3
730
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.9k
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
940
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
3
860
フレームワークを意識させないワークショップづくり
keigosuda
0
210
Wasmのエコシステムを使った ツール作成方法
askua
0
220
ビズリーチ求職者検索におけるPLMとLLMの活用 / Search Engineering MEET UP_2-1
visional_engineering_and_design
1
170
Railsの話をしよう
yahonda
0
170
AIエージェント入門 〜基礎からMCP・A2Aまで〜
shukob
0
110
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
bengo4com
1
2.7k
WEBサービスを成り立たせるAWSサービス
takano0131
1
180
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
RailsConf 2023
tenderlove
30
1.3k
Faster Mobile Websites
deanohume
310
31k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Building Applications with DynamoDB
mza
96
6.7k
Making Projects Easy
brettharned
120
6.4k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Optimizing for Happiness
mojombo
379
70k
Docker and Python
trallard
46
3.6k
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