Ionic2 Angular2
About me
- Senior Web Developer at 8 Securities
- Working in a new app with Ionic 2
- Doing a personal project in Angular 2
- Previous experience in Angular 1
- No experience in Ionic 1
- CI / Testing Advocate
@valter_s_matos
linkedin.com/in/valtermatos
github.com/ValterSantosMatos
What is Angular2
- Platform for web development
- Written in Typescript
- 360K active users
- Currently in Release Candidate 1
- Documentation is not completed
Angular2 Core Concepts
Overview
Component tree
Angular2 Core Concepts
Simple right?
Component
Template
Modules
Text
Property and Event binding
Injector
Directive
Metadata
Demo Angular2!
What is Ionic2
- Hybrid app platform
- Uses standart HTML, CSS and Javascript, build on top of Angular2 but the team is planning to make it agnostic
- In 2015 reported 1.3M apps
- Currently in beta 0.7, expect RC in July
- Good documentation
Ionic2 Core Concepts
@App and @Page decorators
@Page represents an Ionic navigation component
@App is the Ionic decorator that bootstraps the app
Ionic2 Core Concepts
Navigation
Ionic2 Core Concepts
Components
- High-level building blocks that changed depending on the platform
- Around 30 components and more coming
Demo Ionic2!
Alternatives
React Native
NativeScript
Q&A
"If you want to know how to swim, you can take swimming lessons or go to a pool with a lifeguard and jump in."
by: Scott Moss at NG-Conf 2016,
talk: Angular 2 for the rest of us