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
230
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
94
Clase Maestra - Toulouse Lautrec
emanrique
0
130
Editorconfig
emanrique
4
3.5k
Automatización de Tareas: Gulp JS
emanrique
1
89
La alegría de ser Frontend
emanrique
0
200
Automatización del workflow frontend
emanrique
3
900
Other Decks in Programming
See All in Programming
プロンプトエンジニアリング入門
tomokusaba
2
980
設計の知識と技能で駆動するソフトウェア開発
masuda220
PRO
18
11k
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
App Router への移行は「改善」となり得るのか?/ Can migration to App Router be an improvement
takefumiyoshii
1
120
Laravel標準バリデーションでできること
hmb_ok
2
360
自作ソフト(VMagicMirror)がVRMA対応してる話+実装のTips
bakudreameater
0
110
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
150
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
2.1k
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
27
19k
DocC Tutorial と TCA におけるテスト機能の紹介
kalupas226
1
330
TCAの Shared Stateって どういう仕組みになってんの?
yimajo
0
330
phpunit/php-code-coverageって何をしてるんだ #phperkaigi
o0h
PRO
2
220
Featured
See All Featured
Designing for Performance
lara
601
67k
Designing Experiences People Love
moore
135
23k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
A better future with KSS
kneath
230
16k
Done Done
chrislema
178
15k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Adopting Sorbet at Scale
ufuk
66
8.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Atom: Resistance is Futile
akmur
258
25k
Scaling GitHub
holman
456
140k
Practical Orchestrator
shlominoach
180
9.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.6k
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