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
AIでLINEスタンプを作ってみた
eycjur
1
230
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
4.3k
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
470
Rancher と Terraform
fufuhu
2
550
AI Agents: How Do They Work and How to Build Them @ Shift 2025
slobodan
0
100
Reading Rails 1.0 Source Code
okuramasafumi
0
250
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
460
私の後悔をAWS DMSで解決した話
hiramax
4
210
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
複雑なフォームに立ち向かう Next.js の技術選定
macchiitaka
2
230
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
130
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Context Engineering - Making Every Token Count
addyosmani
3
60
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
We Have a Design System, Now What?
morganepeng
53
7.8k
Building Adaptive Systems
keathley
43
2.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
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