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
140
Editorconfig
emanrique
4
3.5k
Automatización de Tareas: Gulp JS
emanrique
1
99
La alegría de ser Frontend
emanrique
0
220
Automatización del workflow frontend
emanrique
3
940
Other Decks in Programming
See All in Programming
Model Pollution
hschwentner
1
180
開発生産性を上げるための生成AI活用術
starfish719
1
170
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1k
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
770
CSC509 Lecture 01
javiergs
PRO
1
430
Serena MCPのすすめ
wadakatu
4
900
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
4.4k
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
680
あなたの知らない「動画広告」の世界 - iOSDC Japan 2025
ukitaka
0
380
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
ohmori_yusuke
0
170
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
370
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
230
Featured
See All Featured
Docker and Python
trallard
46
3.6k
It's Worth the Effort
3n
187
28k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Thoughts on Productivity
jonyablonski
70
4.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Bash Introduction
62gerente
615
210k
Designing for humans not robots
tammielis
254
25k
A designer walks into a library…
pauljervisheath
209
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
How STYLIGHT went responsive
nonsquared
100
5.8k
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