Angular 2 logo

NG-BE 2016 conference application

w/ Ionic 2 & Angular 2

Ionic logo Angular logo

By Sam Vloeberghs / @samvloeberghs

who am i?

Sam Vloeberghs

Sam Vloeberghs
Freelance Software Engineer

Questions? Ask anytime

mail / hangout (sam.vloeberghs)
follow / tweet @samvloeberghs
connect

Today's topic

Testing applications

Wait, whut?

Talking about testing
single page application
@ GDG Devfest.be

DevFest 2016

NG-BE 2016

NG BE logo

8-9/12/2016 - Holiday Inn - Ghent Expo

1 day high level workshop
1 day conference

International speakers!

NG-BE speakers

Awesome team!

NG-BE team

Great sponsors!

NG-BE sponsors

Stuff to win

  • 100 EUR NG-BE conference discount!
  • Ionic & NativeScript stickers!
  • ...

Ask questions .. & guess the theme of the talk :)

Why a (mobile) application?

  • Quick overview of schedule & speakers
  • Auth via social providers or email
  • Favorite sessions
  • Rate sessions & provide feedback

the number 1 question:

Which technology should you use?

Eeuuuuuuhhh

I'm a little bit sceptical..

Looks a lot like..

What's most important?

  • Community support
  • Avoiding silos or isolated teams
  • Company internal knowledge
  • Business requirements

What's less important?

  • The hype & coolfactor
  • In the end, the technology chosen
    (the user doesn't care)

Secondary questions:

  • Progressise web app or native mobile app?
  • Need for native capabilities?
  • Native user experience?
  • Write once run everywhere?
  • Or a combination?

Progressive webapp?

Ionic 2 || Responsive web app

  • + Offline support / Service workers / manifest
  • + Write once, run everywhere
  • - Possible laggy UI
  • - Native support via Cordova

Native app

Android || iOs || WP

  • + Great UI experience
  • + Optimized per platform
  • - platform specific code
  • - high dev cost

Combination

React native || NativeScript || Xamarin

  • + Write JavaScript
  • + Compile to native app
  • - platform specific templates/code
  • - yet another thing to learn

The NG-BE 2016 application

  • Ionic 2 & Angular 2
  • TypeScript
  • Firebase 🔥:

    • Realtime!
    • AUTH out of the box

Why Ionic 2:

  • The write once run everywhere principle
  • Convenient ( expert in HTML5 & Angular2 )
  • I wanted to learn it :)

First, my good feelings about Ionic 2

  • Impressive support for native looks
  • Deploying/building is easy
  • Great community & company support

Then, my not so good feelings

  • There are some gaps
  • TypeScript common mistakes
  • Unstable at the time
  • No full extensive use of the power of NG2, yet

Some examples (1)

Some examples (2)

Demo time!

Things to remember

  • Choose technology carefully
  • Firebase 🔥 is awesome!
  • Get your tickets for NG-BE! :)
  • Keep on learning

Thank you!

Thaaaaaaanks

Questions? Ask anytime

mail / hangout (sam.vloeberghs)
follow / tweet @samvloeberghs
connect