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
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
WindowInsetsだってテストしたい
ryunen344
1
240
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
120
Select API from Kotlin Coroutine
jmatsu
1
230
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
280
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
640
ニーリーにおけるプロダクトエンジニア
nealle
0
780
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
770
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
160
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
270
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
410
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Designing for humans not robots
tammielis
253
25k
Designing for Performance
lara
610
69k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Why Our Code Smells
bkeepers
PRO
337
57k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
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