https://codequs.com/p/rygc88xt/build-a-mobile-app-with-angular-2-and-ionic-2/
The Ionic Framework enables the creation of cross platform mobile applications with HTML, CSS and JavaScript(Angular). Ionic 1 was built with Angular 1.*, and with the upcoming release of Angular 2, the second major version of Ionic is also imminent.
Ionic 2 is still in beta, but if you are looking to build cross-platform apps quickly, and you already know Angluar 2 or JavaScript, this guide will get you up to speed.
Why Choose Ionic?
You already know HTML/CSS/JS
You can leverage the skills you already have from developing web applications with HTML, JavaScript and CSS to build cross-platform mobile apps. If you work with Angular 2, this will be a seamless transitions.
Take advantage of Progressive Web Apps
Google has been talking about Progressive Web Apps. These are simply web apps that give an app-like user experience to users, and are built with Web Technologies and Ionic 2 is at the fore front of implementing this. An example progressive web app(not built with ionic) is the google io web app: Visit the app in your chrome browser in your phone, click on menu and tap Add to Home Screen. You’ll then be able to load it as an app from your home screen.
Target all major mobile platforms
If you need to quickly build an app for all major mobile platforms (Android, iOS and Windows Phone), having one codebase may be the fastest way to do it, and Ionic is perfect for such a scenario. Updating the app, or rolling uout updates is just as easy as editing one code base.
Native Functionality is easy to implement
There are a lot of cordova plugins that allow you to include native functionality of the platform you are building for. The Ionic 2 documentation has implimentation examples of some of the plugins.
What We’ll be Building
We will build a simple app that consumes the github api. Our app will list github users, offer a search box for searching users, and be able to view the number of followers, repos, and gists the user has.
Below is a short video of the finished app.
.
'프로그래밍 > App' 카테고리의 다른 글
[APP] view.ionic.io http://view.ionic.io/ (0) | 2017.05.12 |
---|---|
ionic2 webview change -> wkwebview (0) | 2017.05.11 |
Automatically Generate Splash Screens and Icons with Ionic CLI (0) | 2017.04.13 |
How to create a custom app icon/splash screen in Ionic2 (0) | 2017.04.13 |
[APP] cordova ionic install 중 권한에러 발생시 (0) | 2017.04.07 |