Soumettre la recherche
Mettre en ligne
Ionic 2: Mobile apps with the Web
•
1 j'aime
•
817 vues
Mike Hartington
Suivre
Slides for the Twitter-Dev event in Boston, MA
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 34
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Intro to ionic 2
Intro to ionic 2
Jamal Sinclair O'Garro
[Lighting Talk] - Ionic 2 Tour
[Lighting Talk] - Ionic 2 Tour
Code Experts Learning
Mobile apps with Ionic 2
Mobile apps with Ionic 2
Khoa Nguyễn
Rethinking Mobile with Ionic
Rethinking Mobile with Ionic
Mike Hartington
Intro to Ionic for Building Hybrid Mobile Applications
Intro to Ionic for Building Hybrid Mobile Applications
Sasha dos Santos
Ionic Mobile Applications - Hybrid Mobile Applications Without Compromises
Ionic Mobile Applications - Hybrid Mobile Applications Without Compromises
Jacob Friesen
Creating mobile apps - an introduction to Ionic (Engage 2016)
Creating mobile apps - an introduction to Ionic (Engage 2016)
Mark Leusink
Mobile Applications with Angular 4 and Ionic 3
Mobile Applications with Angular 4 and Ionic 3
Oleksandr Tryshchenko
Recommandé
Intro to ionic 2
Intro to ionic 2
Jamal Sinclair O'Garro
[Lighting Talk] - Ionic 2 Tour
[Lighting Talk] - Ionic 2 Tour
Code Experts Learning
Mobile apps with Ionic 2
Mobile apps with Ionic 2
Khoa Nguyễn
Rethinking Mobile with Ionic
Rethinking Mobile with Ionic
Mike Hartington
Intro to Ionic for Building Hybrid Mobile Applications
Intro to Ionic for Building Hybrid Mobile Applications
Sasha dos Santos
Ionic Mobile Applications - Hybrid Mobile Applications Without Compromises
Ionic Mobile Applications - Hybrid Mobile Applications Without Compromises
Jacob Friesen
Creating mobile apps - an introduction to Ionic (Engage 2016)
Creating mobile apps - an introduction to Ionic (Engage 2016)
Mark Leusink
Mobile Applications with Angular 4 and Ionic 3
Mobile Applications with Angular 4 and Ionic 3
Oleksandr Tryshchenko
Ionic Framework
Ionic Framework
Cristián Cortéz
Cordova, Angularjs & Ionic @ Codeaholics
Cordova, Angularjs & Ionic @ Codeaholics
Eddie Lau
Hybrid app in ionic framework overview
Hybrid app in ionic framework overview
Sanket Devlekar
Hybrid vs. Native app - Ionic Framework with AngularJS
Hybrid vs. Native app - Ionic Framework with AngularJS
Zvika Epstein
Ionic Framework
Ionic Framework
Thinh VoXuan
IONIC - Hybrid Mobile App Development
IONIC - Hybrid Mobile App Development
Malan Amarasinghe
Building mobile app with Ionic Framework
Building mobile app with Ionic Framework
Huy Trần
Introduction to Ionic framework
Introduction to Ionic framework
Shyjal Raazi
Cross Platform Mobile Apps with the Ionic Framework
Cross Platform Mobile Apps with the Ionic Framework
Troy Miles
Developing Hybrid Applications with IONIC
Developing Hybrid Applications with IONIC
Fuat Buğra AYDIN
Hybrid Apps with Angular & Ionic Framework
Hybrid Apps with Angular & Ionic Framework
Cihad Horuzoğlu
Ionic Crash Course! Hack-a-ton SF
Ionic Crash Course! Hack-a-ton SF
Lukas Ruebbelke
Creating an hybrid app in minutes with Ionic Framework
Creating an hybrid app in minutes with Ionic Framework
Julien Renaux
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Ermias Bayu
Use Ionic Framework to develop mobile application
Use Ionic Framework to develop mobile application
Lucio Grenzi
Hybrid app development with ionic
Hybrid app development with ionic
Wan Muzaffar Wan Hashim
Welcome to ionic 2
Welcome to ionic 2
codeandyou forums
App forum2015 London - Building RhoMobile Applications with Ionic
App forum2015 London - Building RhoMobile Applications with Ionic
robgalvinjr
Intro to mobile apps with the ionic framework & angular js
Intro to mobile apps with the ionic framework & angular js
Hector Iribarne
Ionic2 the the journey continues ng-sydney 02-03-16 and ionicaustralia 23-0...
Ionic2 the the journey continues ng-sydney 02-03-16 and ionicaustralia 23-0...
Sameera Gayan
Ionic 2: The Power of TypeScript
Ionic 2: The Power of TypeScript
Jacob Orshalick
Ionic 2 - Introduction
Ionic 2 - Introduction
Stiliyan Kanchev
Contenu connexe
Tendances
Ionic Framework
Ionic Framework
Cristián Cortéz
Cordova, Angularjs & Ionic @ Codeaholics
Cordova, Angularjs & Ionic @ Codeaholics
Eddie Lau
Hybrid app in ionic framework overview
Hybrid app in ionic framework overview
Sanket Devlekar
Hybrid vs. Native app - Ionic Framework with AngularJS
Hybrid vs. Native app - Ionic Framework with AngularJS
Zvika Epstein
Ionic Framework
Ionic Framework
Thinh VoXuan
IONIC - Hybrid Mobile App Development
IONIC - Hybrid Mobile App Development
Malan Amarasinghe
Building mobile app with Ionic Framework
Building mobile app with Ionic Framework
Huy Trần
Introduction to Ionic framework
Introduction to Ionic framework
Shyjal Raazi
Cross Platform Mobile Apps with the Ionic Framework
Cross Platform Mobile Apps with the Ionic Framework
Troy Miles
Developing Hybrid Applications with IONIC
Developing Hybrid Applications with IONIC
Fuat Buğra AYDIN
Hybrid Apps with Angular & Ionic Framework
Hybrid Apps with Angular & Ionic Framework
Cihad Horuzoğlu
Ionic Crash Course! Hack-a-ton SF
Ionic Crash Course! Hack-a-ton SF
Lukas Ruebbelke
Creating an hybrid app in minutes with Ionic Framework
Creating an hybrid app in minutes with Ionic Framework
Julien Renaux
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Ermias Bayu
Use Ionic Framework to develop mobile application
Use Ionic Framework to develop mobile application
Lucio Grenzi
Hybrid app development with ionic
Hybrid app development with ionic
Wan Muzaffar Wan Hashim
Welcome to ionic 2
Welcome to ionic 2
codeandyou forums
App forum2015 London - Building RhoMobile Applications with Ionic
App forum2015 London - Building RhoMobile Applications with Ionic
robgalvinjr
Intro to mobile apps with the ionic framework & angular js
Intro to mobile apps with the ionic framework & angular js
Hector Iribarne
Ionic2 the the journey continues ng-sydney 02-03-16 and ionicaustralia 23-0...
Ionic2 the the journey continues ng-sydney 02-03-16 and ionicaustralia 23-0...
Sameera Gayan
Tendances
(20)
Ionic Framework
Ionic Framework
Cordova, Angularjs & Ionic @ Codeaholics
Cordova, Angularjs & Ionic @ Codeaholics
Hybrid app in ionic framework overview
Hybrid app in ionic framework overview
Hybrid vs. Native app - Ionic Framework with AngularJS
Hybrid vs. Native app - Ionic Framework with AngularJS
Ionic Framework
Ionic Framework
IONIC - Hybrid Mobile App Development
IONIC - Hybrid Mobile App Development
Building mobile app with Ionic Framework
Building mobile app with Ionic Framework
Introduction to Ionic framework
Introduction to Ionic framework
Cross Platform Mobile Apps with the Ionic Framework
Cross Platform Mobile Apps with the Ionic Framework
Developing Hybrid Applications with IONIC
Developing Hybrid Applications with IONIC
Hybrid Apps with Angular & Ionic Framework
Hybrid Apps with Angular & Ionic Framework
Ionic Crash Course! Hack-a-ton SF
Ionic Crash Course! Hack-a-ton SF
Creating an hybrid app in minutes with Ionic Framework
Creating an hybrid app in minutes with Ionic Framework
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Use Ionic Framework to develop mobile application
Use Ionic Framework to develop mobile application
Hybrid app development with ionic
Hybrid app development with ionic
Welcome to ionic 2
Welcome to ionic 2
App forum2015 London - Building RhoMobile Applications with Ionic
App forum2015 London - Building RhoMobile Applications with Ionic
Intro to mobile apps with the ionic framework & angular js
Intro to mobile apps with the ionic framework & angular js
Ionic2 the the journey continues ng-sydney 02-03-16 and ionicaustralia 23-0...
Ionic2 the the journey continues ng-sydney 02-03-16 and ionicaustralia 23-0...
En vedette
Ionic 2: The Power of TypeScript
Ionic 2: The Power of TypeScript
Jacob Orshalick
Ionic 2 - Introduction
Ionic 2 - Introduction
Stiliyan Kanchev
Ionic 2 intro
Ionic 2 intro
Wojciech Langiewicz
Ionic2
Ionic2
Futada Takashi
Building an Ionic hybrid mobile app with TypeScript
Building an Ionic hybrid mobile app with TypeScript
Serge van den Oever
Mobile Day - Ionic 2
Mobile Day - Ionic 2
Software Guru
Gdg ionic 2
Gdg ionic 2
Shang Yi Lim
Evan Schultz - Angular Summit - 2016
Evan Schultz - Angular Summit - 2016
Evan Schultz
Docker, your best ally to migrate & upgrading your Drupal - Drupal Dev Days S...
Docker, your best ally to migrate & upgrading your Drupal - Drupal Dev Days S...
La Drupalera
Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville ...
Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville ...
La Drupalera
Javantura v4 - Angular2 - Ionic2 - from birth to stable versions - Hrvoje Pek...
Javantura v4 - Angular2 - Ionic2 - from birth to stable versions - Hrvoje Pek...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
Javantura v4 - Spring Boot and JavaFX - can they play together - Josip Kovaček
Javantura v4 - Spring Boot and JavaFX - can they play together - Josip Kovaček
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
Step by step guide to build ionic hybrid app using cordova android
Step by step guide to build ionic hybrid app using cordova android
swagat parida
Angular 2 - Better or worse
Angular 2 - Better or worse
Vladimir Georgiev
Angular 2 Campus Madrid Septiembre 2016
Angular 2 Campus Madrid Septiembre 2016
Micael Gallego
Angular 2 Essential Training
Angular 2 Essential Training
Patrick Schroeder
TypeScript - Angular 2 - ionic 2
TypeScript - Angular 2 - ionic 2
Micael Gallego
Peshawar to Pittsburgh
Peshawar to Pittsburgh
Amy Armstrong
Nov 12
Nov 12
Samantha Cubbage
Ace3095
Ace3095
nmjb
En vedette
(20)
Ionic 2: The Power of TypeScript
Ionic 2: The Power of TypeScript
Ionic 2 - Introduction
Ionic 2 - Introduction
Ionic 2 intro
Ionic 2 intro
Ionic2
Ionic2
Building an Ionic hybrid mobile app with TypeScript
Building an Ionic hybrid mobile app with TypeScript
Mobile Day - Ionic 2
Mobile Day - Ionic 2
Gdg ionic 2
Gdg ionic 2
Evan Schultz - Angular Summit - 2016
Evan Schultz - Angular Summit - 2016
Docker, your best ally to migrate & upgrading your Drupal - Drupal Dev Days S...
Docker, your best ally to migrate & upgrading your Drupal - Drupal Dev Days S...
Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville ...
Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville ...
Javantura v4 - Angular2 - Ionic2 - from birth to stable versions - Hrvoje Pek...
Javantura v4 - Angular2 - Ionic2 - from birth to stable versions - Hrvoje Pek...
Javantura v4 - Spring Boot and JavaFX - can they play together - Josip Kovaček
Javantura v4 - Spring Boot and JavaFX - can they play together - Josip Kovaček
Step by step guide to build ionic hybrid app using cordova android
Step by step guide to build ionic hybrid app using cordova android
Angular 2 - Better or worse
Angular 2 - Better or worse
Angular 2 Campus Madrid Septiembre 2016
Angular 2 Campus Madrid Septiembre 2016
Angular 2 Essential Training
Angular 2 Essential Training
TypeScript - Angular 2 - ionic 2
TypeScript - Angular 2 - ionic 2
Peshawar to Pittsburgh
Peshawar to Pittsburgh
Nov 12
Nov 12
Ace3095
Ace3095
Similaire à Ionic 2: Mobile apps with the Web
Rapid mobile app development using Ionic framework
Rapid mobile app development using Ionic framework
Swaminathan Vetri
Introducting Titanium Mobile
Introducting Titanium Mobile
Axway Appcelerator
DFW Wordpress February Meetup - Appcelerator Titanium
DFW Wordpress February Meetup - Appcelerator Titanium
Jeff Haynie
Ionic2 jad-salhani
Ionic2 jad-salhani
Jad Salhani
Build once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platform
Aspenware
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
Eurapp
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Jeff Haynie
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Max Katz
Devnexus
Devnexus
Mike Hartington
Learn How to Build Mobile Apps Using Cloud Services
Learn How to Build Mobile Apps Using Cloud Services
Max Katz
11-2016_Entrepreneurial Engineer
11-2016_Entrepreneurial Engineer
Mark W. Bennett
Building Mobile Apps With jQuery For Any Device In The Cloud
Building Mobile Apps With jQuery For Any Device In The Cloud
Max Katz
Top low code mobile app development platforms
Top low code mobile app development platforms
Rupesh Dhiwar
Ionic
Ionic
Mike Hartington
Simon_Pythoud_Resume_EN
Simon_Pythoud_Resume_EN
Simon Pythoud
Kendo ui web
Kendo ui web
Lohith Goudagere Nagaraj
Tiggr - Web-based IDE for Mobile Web And Native Apps
Tiggr - Web-based IDE for Mobile Web And Native Apps
Max Katz
10 Best Free and Paid App Builders of 2022.pdf
10 Best Free and Paid App Builders of 2022.pdf
Ekta Patel
Mobile Dev For Web Devs
Mobile Dev For Web Devs
Justin James
Intro to Hybrid Mobile Development && Ionic
Intro to Hybrid Mobile Development && Ionic
Commit Software Sh.p.k.
Similaire à Ionic 2: Mobile apps with the Web
(20)
Rapid mobile app development using Ionic framework
Rapid mobile app development using Ionic framework
Introducting Titanium Mobile
Introducting Titanium Mobile
DFW Wordpress February Meetup - Appcelerator Titanium
DFW Wordpress February Meetup - Appcelerator Titanium
Ionic2 jad-salhani
Ionic2 jad-salhani
Build once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platform
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Devnexus
Devnexus
Learn How to Build Mobile Apps Using Cloud Services
Learn How to Build Mobile Apps Using Cloud Services
11-2016_Entrepreneurial Engineer
11-2016_Entrepreneurial Engineer
Building Mobile Apps With jQuery For Any Device In The Cloud
Building Mobile Apps With jQuery For Any Device In The Cloud
Top low code mobile app development platforms
Top low code mobile app development platforms
Ionic
Ionic
Simon_Pythoud_Resume_EN
Simon_Pythoud_Resume_EN
Kendo ui web
Kendo ui web
Tiggr - Web-based IDE for Mobile Web And Native Apps
Tiggr - Web-based IDE for Mobile Web And Native Apps
10 Best Free and Paid App Builders of 2022.pdf
10 Best Free and Paid App Builders of 2022.pdf
Mobile Dev For Web Devs
Mobile Dev For Web Devs
Intro to Hybrid Mobile Development && Ionic
Intro to Hybrid Mobile Development && Ionic
Dernier
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
SynarionITSolutions
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Roshan Dwivedi
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
lior mazor
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Dernier
(20)
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Ionic 2: Mobile apps with the Web
1.
MOBILE APPS WITH THE WEB Mike Hartington | @mhartington
2.
BEFORE WE JUMP INTO THINGS...
3.
IONIC V1! SDK for Developing Hybrid Apps Focused on mobile apps first Sass for easy customization Angular for code structure
4.
EMPOWERED DEVELOPERS EVERYWHERE Web Developers could now participate in making apps!
5.
THE STATS 34th most popular OSS project (24,000+ stars on GitHub) Meetup Groups around the world Ionic apps top app store charts Used everywhere from Fortune 50 co’s to YC/TechStars companies
6.
WAIT, THIS WHOLE "WEB THING" AGAIN?
7.
WE TRIED THIS BEFORE AND WERE NOT IMPRESSED
8.
JS => NATIVE FALL BACK TO NATIVE
9.
BUT THE WEB HAS GOTTEN A LOT BETTER
10.
IONIC 2 Pushing whats possible with the web
11.
V2 GOALS Simplicity Navigation Tooling Make NG2 Easy
12.
SIMPLICITY Make it easy to understand HTML
13.
CLASSES <a class="button button-positive"></a> <button
type="button" class="btn btn-default"></button> <a class="small expanded button" href="#"></a>
14.
<div class="btn-group" role="group"
aria-label="..."> <button type="button" class="btn btn-default">1</button> <button type="button" class="btn btn-default">2</button> <div class="btn-group" role="group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Dropdown link</a></li> <li><a href="#">Dropdown link</a></li> </ul> </div> </div>
15.
CSS CLASSES CAN GET COMPLEX AND CLUTTERED
16.
JUST USE RAW ELEMENTS Easier to understand and less clutter
17.
THE STYLES DON'T CHANGE <ion-list> <ion-list-header> Action </ion-list-header> <ion-item>Terminator II</ion-item> <ion-item>The Empire
Strikes Back</ion-item> <ion-item>Blade Runner</ion-item> </ion-list> but the markup becomes much clearer
18.
EQUALLY EASY TO STYLE AND EXTEND ion-avatar{ border-radius: 30px; } ion-card{ width: 80%; }
19.
NAVIGATION More robust and powerful
20.
I NEED TO OPEN A MODAL, THEN NAVIGATE TO A SUBVIEW I WANT TO CREATE A SUBVIEW IN A SIDEMENU
21.
V1'S ROUTING .config(function($stateProvider){ $stateProvider .state('firstpage', { url:'/firstpage', templateUrl: 'firstpage.html' }) .state('secondpage',
{ url:'/secondpage', templateUrl: 'secondpage.html' }) .state('thirdpage', { url:'/thirdpage/:id', templateUrl: 'thirdpage.html' }); }); UI-Router
22.
DOESN'T GIVE THE FLEXIBILITY YOU WANT Navigation: user experience URLs don't offer that Developers NEED to be in control
23.
PUSH/POP/PARAMS import SecondPage from
'../secondpage'; export class FirstPage { constructor( public nav: NavController) {}; pushState() { this.nav.push(SecondPage) }; };
24.
FULL CONTROL Push pages on to the nav stack Pop pages off the nav stack Insert/Remove/Update Create app history from nothing Update the URL as an option
25.
TOOLING FOR EVERYONE Building apps with new standards
26.
JAVASCRIPT HAS CHANGED ES6 brings many new features Typescript builds on top of that Tooling that IDEs can hook into All of this, helping you to developer faster
27.
ES6 Modular: Import what you need & and gets rid of globals Scoping: let defines a block-scoped variable Promises: Built into the language natively Classes: Simpler syntax for building objects
28.
TYPESCRIPT ES6 + Decorators + Types Ionic 2 and NG2 built using TS Optional Types for stricter coding Code completion in your editor
29.
ALL THESE NEW FEATURES.... BUT HOW DO I START?
30.
DON'T WORRY, IONIC'S GOT YOUR BACK!
31.
Ionic provides a TypeScript setup You can just focus on writing your app A build system handles everything else! It "just works"™
32.
SETUP $ NPM INSTALL
-G IONIC@BETA $ IONIC START MYAPP --V2 $ CD MYAPP $ IONIC SERVE
33.
FINAL MESSAGE Ionic 2 is really pushing what we can do with the web The future is looking great for web and web technologies Always bet on the web
34.
THANK YOU! </HTML> SAMPLE APP IONIC.IO/2 @mhartington
Télécharger maintenant