Angular-2-Press-RedditApp

View Github Repository Open presentation in a new window

seagomezar

See all presentation from seagomezar

Angular-2-Press-RedditApp

0 0

Angular-2-Press-RedditApp

Presentacion para el meetup de Angular 2 Reddit App

On Github seagomezar / Angular-2-Press-RedditApp

Sebastian Gomez - @sebasagar Magister en ingeniería de sistemas e informática CTO de Sponzor.ME

Creación de una aplicación tipo reddit en Angular 2.0.

Angular 2.0

  • El equipo de AngularJS tomo la decisión de cambiar drásticamente a AngularJS.
  • Google y en general los developers de Angular querían un mejor framework:
    • Curva de aprendizaje menor
    • Mejorar el Desempeño
  • Anunciado ng-conf el 13 de Marzo de 2015
  • Hoy se encuentra en versión Beta

Características

  • MOBILE FIRST
  • FUTURE READY ECMAScript 6 (ES6) Y TYPESCRIPT
  • FLEXIBLE DEVELOPMENT
  • SPEED & PERFORMANCE
  • SIMPLE & EXPRESSIVE
  • COMPREHENSIVE ROUTING
  • ANIMATIONS
  • HIERARCHICAL DEPENDENCY INJECTION
  • SUPPORT FOR WEB COMPONENTS
  • INTERNATIONALIZATION (I18N) & ACCESSIBILITY

Applicacion tipo Reddit en Angular 2.0

www.reddit.com

Web Component

Los Web Components son un conjunto de estándares que nos permiten crear y utilizar elementos HTML personalizados (etiquetas)

Web Component en Angular 2

Web Component en Angular 2

DOM de un web Component

Cuantos Web Components hay?

1?

2?

3?

8?

Para esta aplicación solo necesitamos 2 Web Components

3 Si queremos un título

Manos a la Obra

Repositorio: https://github.com/seagomezar/redditappstepbystep

Más Ejemplos y Referencias

Sitio Oficial de Angular 2

Ejemplos sobre los componentes de Angular 2, No Oficial

Hola Mundo Angular 2 (Propio)

Aplicación que saluda Angular 2 (Propio)

Gracias

Sebastian Gomez - @sebasagar Magister en ingeniería de sistemas e informática CTO de Sponzor.ME