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
Introducción a Angular 2
Search
Elizabeth Manrique
March 22, 2016
Programming
1
240
Introducción a Angular 2
Elizabeth Manrique
March 22, 2016
Tweet
Share
More Decks by Elizabeth Manrique
See All by Elizabeth Manrique
First steps with Vue.js
emanrique
0
110
Clase Maestra - Toulouse Lautrec
emanrique
0
130
Editorconfig
emanrique
4
3.5k
Automatización de Tareas: Gulp JS
emanrique
1
98
La alegría de ser Frontend
emanrique
0
220
Automatización del workflow frontend
emanrique
3
930
Other Decks in Programming
See All in Programming
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
280
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
140
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
39
8.3k
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
280
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
260
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
220
WindowInsetsだってテストしたい
ryunen344
1
230
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
860
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
260
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
180
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
350
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
4 Signs Your Business is Dying
shpigford
184
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Code Review Best Practice
trishagee
69
18k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Transcript
Introducción a Angular 2 @frontend_3
¿Qué es Angular 2?
Es un framework javascript para construir aplicaciones web desktop y
mobile. Fue presentada por Google en el 2014 como una versión mucho más moderna y optimizada de Angular 1.
Angular 2 fue es desarrollado con TypeScript. Pero también puede
ser trabajado con ES5, ES6 y Dart.
Aún así todos los esfuerzos en cuanto documentación están principalmente
puestos en TypeScript https://angular.io/docs/ts/latest/index.html
The official European Angular conference 2015 https://youtu.be/sMXMKz7TunQ?list=PLCd_98asDva8I3ir1FvgsKDb_zMo0DVht
¿Qué es TypeScript?
Typescript es Javascript con poderes.
Types Interfaces Enums Encapsulation(private/public) Optional properties Mixin Generics Decoradores Type
checking in compile-time
Types TypeScript ES5
Encapsulation TypeScript ES5
Decoradores
None
¿Por qué TypeScript?
Inicialmente ellos querían trabajar con AtScript (una extensión de TypeScript
que permitía tipados y decoradores). En ese momento Microsoft lanzó TypeScript 1.5 con el soporte a esas features por lo cual decidieron utilizarlo finalmente.
Siéntete libre de usar TypeScript, ES5, ES6 ó Dart (tal
vez pueda ayudarte esta presentación) http://www.slideshare.net/NeilGreen1/type-script-vs-coffeescript-vs-es6
Angular 2 se cierne bajo 3 conceptos: Mobile Modern Modular
Mobile Está enfocado principalmente al desarrollo de aplicaciones mobile.
Modular Puedes elegir los módulos del core que realmente necesitas.
Modern Hecho para trabajar principalmente con ES6.
Compatibilidad con navegadores
¡Be careful! Angular 2 aún se encuentra en beta. Hoy
22/03/2016 2.0.0-beta.11
Arquitectura
Módulos Componentes Template Metadata Data Binding Service Directive Dependency Injection
None
Módulos
Las aplicaciones en angular son modulares, en general podemos definir
nuestra aplicación como el conjunto de muchos módulos.
None
None
Componentes
Un componente controla una vista(puede ser una pequeña parte de
lo que estamos viendo en pantalla: una listado, los links de navegación, etc)
None
Demo (https://c9.io/emanrique/angular-2/files)
Gracias