Introduction to the Ionic Framework

•Als PPTX, PDF herunterladen•

6 gefällt mir•4,717 views

rrjohnson85

Slide deck for the Introduction to Ionic webcast.

Technologie

Agenda
• Native vs Hybrid
• What is Ionic?
• Ionic CLI & Demos
• Related Projects
• Q & A

Downside of Native
• Knowledge of each platform
• Separate code bases
• Expensive

Apache Cordova
• Hybrid Apps
• Web wrapped in native
• Native APIs
• One code base, many platforms

Native SDKs
• Views
• UI Components
• Navigation
• Transitions
• Animations
• Interactions

iOS Android
Froyo (2.2)
0.4%
Gingerbread
(2.3.x)
7.4% Ice Cream
Sandwich (
4.0.x)
6.4%
Jelly Bean
(4.[1-3].x)
44.5%
KitKat (4.4)
39.7%
Lollipop (5.0)
1.6%
Other
3%
iOS 7
25%
iOS 8
72%
https://developer.android.com/about/dashboards/index.htmlhttps://developer.apple.com/support/appstore/

“Bootstrap for Native”
• Responsive
• UI Components
• Transitions
• Icons

AngularJS
• Directives
• Services
• Interactions
• Navigation and History
• Animations and Transitions
• Performance
• Much More…

Tabs
• Nested views
• Separate history
• Angular UI Router

Navigation
• Angular UI Router
• Back button
• Transitions

Wrapping Up
• Open Source (check out GitHub page)
• Active Community
• Tons of online resources
• Wijmo 5 (wijmo.com/5)
• Xuni (goxuni.com)

Weitere ähnliche Inhalte

Was ist angesagt?

Ionic Framework - get up and running to build hybrid mobile appsAndreas Sahle

Getting started with the Ionic FrameworkAnuradha Weeraman

Creating an hybrid app in minutes with Ionic FrameworkJulien Renaux

Hybrid mobile and IonicLiju Pillai

Ionic FrameworkThinh VoXuan

Ionic FrameworkDylan Swartz

Ionic Framework - Intro to Hybrid Mobile Application DevelopmentMax Kaplan

Creating mobile apps - an introduction to Ionic (Engage 2016)Mark Leusink

Ionic - Hybrid Mobile Application FrameworkSanjay Kumar

Intro to Ionic for Building Hybrid Mobile ApplicationsSasha dos Santos

Introduction to Ionic frameworkShyjal Raazi

Building mobile app with Ionic FrameworkHuy Trần

Build Consumer Apps Using Mobile SDK and Ionic FrameworkSalesforce Developers

Use Ionic Framework to develop mobile applicationLucio Grenzi

Mobile Applications with Angular 4 and Ionic 3Oleksandr Tryshchenko

Hybrid app development with ionicWan Muzaffar Wan Hashim

Intro Angular Ionic Gianvito Siciliano

Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles

Ionic 2 introWojciech Langiewicz

Ionic FrameworkCristián Cortéz

Was ist angesagt? (20)

Ionic Framework - get up and running to build hybrid mobile apps

Getting started with the Ionic Framework

Creating an hybrid app in minutes with Ionic Framework

Hybrid mobile and Ionic

Ionic Framework

Ionic Framework - Intro to Hybrid Mobile Application Development

Creating mobile apps - an introduction to Ionic (Engage 2016)

Ionic - Hybrid Mobile Application Framework

Intro to Ionic for Building Hybrid Mobile Applications

Introduction to Ionic framework

Building mobile app with Ionic Framework

Build Consumer Apps Using Mobile SDK and Ionic Framework

Use Ionic Framework to develop mobile application

Mobile Applications with Angular 4 and Ionic 3

Hybrid app development with ionic

Intro Angular Ionic

Cross Platform Mobile Apps with the Ionic Framework

Ionic 2 intro

Ionic Framework

Andere mochten auch

Building Mobile Applications with IonicMorris Singer

Connect the dots and Groom as a ProfessionalRashmika Nawaratne

Ionic2Jiayun Zhou

MilitarypicscorrectedPasquotank

окружность хамзинаArmine Avetisyan

Tugas pak alanMuhammad Fajar Fadil

Bypass - Labels & Die CutsBogdan Besu

This is why snow is awesome!Stacii Rackhamm

Abbie fowler log book & evaluationd AbbieF

Bypass - Company PresentationBogdan Besu

Carrickmacross Workhousejohnnymac99

Transforming workflows into profitsHaven420

An All American ChristmasPasquotank

Abbie fowler scheduleAbbieF

Партійна системаЛена Пономаренко

Legaspi 04 mass_deacidificationBobby-Dhea Santos

окружность. клишинаArmine Avetisyan

Политология. Хрестоматия под ред. Василика - М.: 2000 -843 с.Лена Пономаренко

Sla data curationBobby-Dhea Santos

Birch Street Uptown Lounge Presentationbirchstreetuptownlounge

Andere mochten auch (20)

Building Mobile Applications with Ionic

Connect the dots and Groom as a Professional

Ionic2

Militarypicscorrected

окружность хамзина

Tugas pak alan

Bypass - Labels & Die Cuts

This is why snow is awesome!

Abbie fowler log book & evaluationd

Bypass - Company Presentation

Carrickmacross Workhouse

Transforming workflows into profits

An All American Christmas

Abbie fowler schedule

Партійна система

Legaspi 04 mass_deacidification

окружность. клишина

Политология. Хрестоматия под ред. Василика - М.: 2000 -843 с.

Sla data curation

Birch Street Uptown Lounge Presentation

Ähnlich wie Introduction to the Ionic Framework

Developing Hybrid Applications with IONICFuat Buğra AYDIN

WebCamp 2016: Front-end. Виталий Бобров: JavaScript для мобильной разработки.WebCamp

Building iOS app using meteorEntrepreneur / Startup

DIGIT Noe 2016 - Overview of front end development todayBojan Veljanovski

Building mobile apps using meteorJSEntrepreneur / Startup

Introduction to PhonegapAndrei Firoiu

Hybrid Mobile Development with Apache Cordova and Ryan Cuprak

Synapse india reviews on cross plateform mobile apps developmentsaritasingh19866

«I knew there had to be a better way to build mobile app»FDConf

Developing a native mobile apps using Ionic&CordovaDamir Beylkhanov

Best practices for delivering quality web experiencesBen Mantooth

Hybrid mobile application with IonicMaulik Bamania

Synapse india reviews on mobile application developmentsaritasingh19866

I knew there had to be a better way to build mobile appsAlius Petraška

Titanium appcelerator kickstartAlessio Ricco

Cross-Platform DevelopmentSyed Owais Ali Chishti

Building SPA with Kendo UILohith Goudagere Nagaraj

Ionic intro + tipsTony May

Cross-platform Mobile Development on Open SourceAll Things Open

Introduction to Ionic (SB AngularJS Meetup)Sol Tran

Ähnlich wie Introduction to the Ionic Framework (20)

Developing Hybrid Applications with IONIC

WebCamp 2016: Front-end. Виталий Бобров: JavaScript для мобильной разработки.

Building iOS app using meteor

DIGIT Noe 2016 - Overview of front end development today

Building mobile apps using meteorJS

Introduction to Phonegap

Hybrid Mobile Development with Apache Cordova and

Synapse india reviews on cross plateform mobile apps development

«I knew there had to be a better way to build mobile app»

Developing a native mobile apps using Ionic&Cordova

Best practices for delivering quality web experiences

Hybrid mobile application with Ionic

Synapse india reviews on mobile application development

I knew there had to be a better way to build mobile apps

Titanium appcelerator kickstart

Cross-Platform Development

Building SPA with Kendo UI

Ionic intro + tips

Cross-platform Mobile Development on Open Source

Introduction to Ionic (SB AngularJS Meetup)

Kürzlich hochgeladen

A Call to Action for Generative AI in 2024Results

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

Slack Application Development 101 Slidespraypatel2

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

A Year of the Servo Reboot: Where Are We Now?Igalia

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

Kürzlich hochgeladen (20)

A Call to Action for Generative AI in 2024

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Breaking the Kubernetes Kill Chain: Host Path Mount

Slack Application Development 101 Slides

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Exploring the Future Potential of AI-Enabled Smartphone Processors

Data Cloud, More than a CDP by Matt Robison

A Domino Admins Adventures (Engage 2024)

Boost Fertility New Invention Ups Success Rates.pdf

Powerful Google developer tools for immediate impact! (2023-24 C)

Presentation on how to chat with PDF using ChatGPT code interpreter

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

The Codex of Business Writing Software for Real-World Solutions 2.pptx

Automating Google Workspace (GWS) & more with Apps Script

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

A Year of the Servo Reboot: Where Are We Now?

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Introduction to the Ionic Framework

1. An Introduction to the Ionic Framework

2. Agenda • Native vs Hybrid • What is Ionic? • Ionic CLI & Demos • Related Projects • Q & A

3. Downside of Native • Knowledge of each platform • Separate code bases • Expensive

4. Apache Cordova • Hybrid Apps • Web wrapped in native • Native APIs • One code base, many platforms

5. Native SDKs • Views • UI Components • Navigation • Transitions • Animations • Interactions

6. What is Ionic?

7. iOS Android Froyo (2.2) 0.4% Gingerbread (2.3.x) 7.4% Ice Cream Sandwich ( 4.0.x) 6.4% Jelly Bean (4.[1-3].x) 44.5% KitKat (4.4) 39.7% Lollipop (5.0) 1.6% Other 3% iOS 7 25% iOS 8 72% https://developer.android.com/about/dashboards/index.htmlhttps://developer.apple.com/support/appstore/

8. “Bootstrap for Native” • Responsive • UI Components • Transitions • Icons

9. AngularJS • Directives • Services • Interactions • Navigation and History • Animations and Transitions • Performance • Much More…

10. Lists

11. Tabs • Nested views • Separate history • Angular UI Router

12. Side Menu

13. Navigation • Angular UI Router • Back button • Transitions

14. Examples & Tooling

15. Wrapping Up • Open Source (check out GitHub page) • Active Community • Tons of online resources • Wijmo 5 (wijmo.com/5) • Xuni (goxuni.com)

16. Thank You!