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
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
180
ふつうの技術スタックでアート作品を作ってみる
akira888
1
1.3k
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
23
9.6k
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
Hack Claude Code with Claude Code
choplin
7
2.5k
テスト駆動Kaggle
isax1015
1
620
ニーリーにおけるプロダクトエンジニア
nealle
0
950
Goで作る、開発・CI環境
sin392
0
260
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
200
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
880
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
660
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
1.1k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Automating Front-end Workflow
addyosmani
1370
200k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Speed Design
sergeychernyshev
32
1k
Site-Speed That Sticks
csswizardry
10
700
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
How to train your dragon (web standard)
notwaldorf
96
6.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
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