Ionic Framework App – Ionic 3 + Angular + i18n Full App

Ionic Framework App - Ionic 3 + Angular + i18n Full App

[ad_1]

To get this product on 50 percent discount contact me on this link

 

LIVE PREVIEWBUY FOR $23

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 1Ionic Framework App - Ionic 3 + Angular + i18n Full App - 2

Test Ionic Framework App: Download Android APK (1.14.0)

What’s new in version 1.14.0:
Updated Angular to 5.2.9. Updated Module/Angular CLI Dependencies. Updated cordova-plugin-device (1.1.4 => 2.0.1). Updated cordova-plugin-splashscreen (4.0.1 => 5.0.2). Updated cordova-plugin-inappbrowser (1.6.1 => 2.0.2). Updated cordova-plugin-x-socialsharing (5.1.5 => 5.3.2). Updated phonegap-plugin-barcodescanner (6.0.5 => 7.1.1).

What’s new in version 1.13.0:
Updated Ionic Framework to 3.9.2 and Angular to 5. Updated Module Dependencies. Implemented Angular Google Maps (AGM). Fixed Firebase (Facebook Login) Photo Url issue. Removed multiple unused imports.

What’s new in version 1.12.0:
Updated ng2-translate to ngx-translate. Updated Ionic Framework to 3.7.1 and Angular to 4.4.3. Updated Module Dependencies.

What’s new in version 1.11.0:
Filter WordPress Posts by Author (Linked Author). Home WordPress Page integration. Updated Ionic Framework to 3.4.2 and Angular to 4.1.3. Updated Module Dependencies. iOS (tap) fixes.

What’s new in version 1.10.0:
Firebase 4 integration. New Firebase Module, Firebase Home, Firebase Login, Firebase Sign Up, Firebase Reset Password Components. Firebase Authentication/Login with Email/Password and Facebook Sign-In Methods. Firebase Logout. Firebase New User (Email/Password) Registration. Firebase Password Reset Email functionality. Firebase Detailed Documentation. WordPress Tags integration. In App WordPress Tags integration in the WordPress Menus. Ionic Framework update to 3.2.0 and Angular to 4.1.0. Ionic Native update to 3.6.1. Ionic app-scripts update to 1.3.7. Fixed double fire event in the Social Sharing action. Several updates/fixes.

What’s new in version 1.9.0:
Ionic 3 + Angular 4. Ionic Framework update to 3.0.1. Ionic app-scripts update to 1.3.1 and Typescript update to 2.2.1. Added Feed Category support. Several updates.

What’s new in version 1.8.0:
Split Pane component integration. Nav-inception integration. Added WordPress Menus nested navigation support to the side content. Set/Get Facebook Logged-in User to Ionic Storage. Events publish-subscribe style event system integration. Ionic 2 Framework update to 2.3.0. Ionic Native 3.x update (installation only of the active plugins). Ionic 2 app-scripts update to 1.1.4 and ionic-storage to 2.0.0. Several fixes/improvements.

What’s new in version 1.7.0:
Youtube Channels integration with Youtube Channel and Channel Video Components. Order Youtube Videos by date. Ionic 2 Framework update to 2.1.0. Ionic 2 app-scripts update to 1.1.3.

What’s new in version 1.6.0:
Charts integration, New Charts Module and Component (Bar, Line, Radar, Polar, Pie, Bubble, Doughnut, Mixed Charts). Ionic Native Email Composer integration, New Contact Form with Email Composer. Ionic 2 Framework update to 2.0.1 and app-scripts update to 1.1.0. New Tutorial: How to add a WordPress Menu <id> to the App Sidebar Menu.

What’s new in version 1.5.0:
Wordpress Menus support (WP API Menus integration). Unlimited Menu Levels support. New WordPress Menus, WordPress Menu and WordPress Menu Item Components in the WordPress Module. In App navigation from WordPress Menus to Categories, Posts and Pages.

What’s new in version 1.4.0:
Ionic 2 Framework update to 2.0.0

What’s new in version 1.3.0:
New Facebook Connect Module. Facebook Login/Logout. Access to the Facebook Graph API. Ionic 2 Framework update to 2.0.0-rc.5. Ionic 2 app-scripts update to 1.0.0.

What’s new in version 1.2.0:
Wordpress Login / JWT Authentication for WordPress REST API Version 2. New WordPress Home Component (modern design). New Login Module/Component.

What’s new in version 1.1.0:
WordPress REST API Version 2 Pages integration. RTL Support Documentation.

Features

  • Angular 5 + Ionic 3 + Typescript + i18n Full App (Ionic v3.9.2)
  • Ionic 3.0 has Arrived https://blog.ionic.io/ionic-3-0-has-arrived/
  • Announcing Ionic 2.0.0 Final http://blog.ionic.io/announcing-ionic-2-0-0-final/
  • Professional Module Architecture (20+ Modules) – Module-based Architecture Ionic Framework App as each App Page is a Module (@ngModule). Architecture is following the official Angular 5 Modularity patterns (AppModule, CoreModule, SharedModule, Feature Modules) https://angular.io/docs/ts/latest/guide/ngmodule.html
  • Component declarations/exports in Modules (35+ Components)
  • Placeholder Module as a basis for your new App Modules
  • Multiple Languages (i18n) – An implementation of Angular 5 translate (ngx-translate) with unlimited languages support (global translate pipe support)
    • Introducing a custom Translate Loader for Ionic 3
  • UI Language Switcher – Change the Ionic Framework App Language through the Settings Component (Settings Module)
  • Angular HTTP Requests with Observables
  • Split Pane component integration
  • Nav-inception integration
  • WordPress REST API Version 2 (or WordPress >= 4.7 core REST API) integration https://wordpress.org/plugins/rest-api/ (with WordPress >=4.7 you don’t need to install the plugin as this is coming in the core)
    • WordPress Login / JWT Authentication for WP REST API
    • WordPress Posts
    • WordPress Favorite Posts (Ionic Storage)
    • WordPress Post
      • WordPress Post Preview (Ionic 3 Native InAppBrowser)
      • WordPress Post Social Share (Ionic 3 Native Social Share)
    • WordPress Post Comments
    • WordPress Categories
    • WordPress Tags
    • WordPress Search (Searchbar: ion-searchbar)
    • WordPress Posts Filter by Author
    • WordPress Feature Media (Component)
    • WordPress Pages
    • WordPress Menus Support based on the WP API Menus
    • Nav-inception – WordPress Menus nested navigation support to the side content
  • Firebase 4 integration
  • Facebook Connect (Facebook Connect Module)
    • Facebook Login/Logout
    • Access to the Facebook Graph API
  • Charts (Charts Module)
  • Google Maps (Google Maps Module)
  • Unlimited RSS Feeds with the extra support/feature of Categorized Feeds (Feeds Module)
    • Get Unlimited Atom, RSS, or Media RSS Feeds, Micro Formats and more using the Yahoo Query Language (YQL)
    • Define all your Feed Categories and Feed Sources just by editing a JSON file (assets/data/json/feeds.json)
  • Youtube Videos with Username, Playlist Id or Channel Id (Youtube Module)
    • Angular Trusting safe values (IFrame source) by injecting Dom Sanitizer
  • Contact Form with Email Composer
  • Ionic Storage
    • Favorite implementation with Set/Get/Remove/Clear from Storage (part of the WordPress module)
  • Ionic Native 3.x
    • @ionic-native/barcode-scanner
    • @ionic-native/core
    • @ionic-native/email-composer
    • @ionic-native/facebook
    • @ionic-native/in-app-browser
    • @ionic-native/social-sharing
    • @ionic-native/splash-screen
    • @ionic-native/status-bar
  • Barcode Scanner
    • This plugin provides cross-platform BarcodeScanner for Cordova / PhoneGap. The following barcode types are currently supported from the plugin: Android: QR_CODE, DATA_MATRIX, UPC_E, UPC_A, EAN_8, EAN_13, CODE_128, CODE_39, CODE_93, CODABAR, ITF, RSS14, PDF417, RSS_EXPANDED – iOS: QR_CODE, DATA_MATRIX, UPC_E, UPC_A, EAN_8, EAN_13, CODE_128, CODE_39, ITF
  • Ionic Components implementations
    • Navigation, Menu, List, Searchbar, Loading Controller, Toast Controller, Infinite Scroll, Item Options, Storage, Datetime, Slides, Tabs
  • Side-menu navigation support – Menu is a side-menu navigation that can be dragged out or toggled to show. The content of a menu will be hidden when the menu is closed.

Ionic 3 + Angular Modules (25+ modules)

Angular + Ionic 3 Modules help organize an application into cohesive blocks of functionality.

An Angular Module is a class adorned with the @NgModule decorator function. @NgModule takes a metadata object that tells Angular how to compile and run module code. It identifies the module’s own components, directives and pipes, making some of them public so external components can use them.

Modules: IonicModule, SharedModule, HomeModule, TabsModule, GoogleMapsModule, WordPressModule, SlidesModule, GridModule, SettingsModule, FeedsModule, YoutubeModule, AboutModule, ContactModule, DatetimeModule, RangesModule, ActionSheetModule, BarcodeScannerModule, PlaceholderModule

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 3

Multiple Languages (i18n)

Ionic Framework App comes with Multi Languages support. Best practices and proven techniques are packed together so as to implement a real case scenario providing by default (English/German/French) a great implementation for the Internationalization of your App.
You can translate your App to multiple languages in parallel. The Ionic Framework App comes by design with the en.json, de.json and fr.json files providing you a full translation mechanism.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 4

RTL Support

Ionic 3 and therefore Ionic Framework App comes with RTL support. Just enable the RTL by placing the code this.platform.setDir('rtl', true) in the app.component.ts as you can see below.

this.platform.ready().then(() => {
this.platform.setDir('rtl', true);
StatusBar.styleDefault();
Splashscreen.hide();
});


Ionic Framework App - Ionic 3 + Angular + i18n Full App - 5

Split Pane integration

SplitPane is a component that makes it possible to create multi-view layout. Similar to iPad apps, SplitPane allows UI elements, like Menus, to be displayed as the viewport increases.

If the devices screen size is below a certain size, the SplitPane will collapse and the menu will become hidden again. This is especially useful when creating an app that will be served over a browser or deployed through the app store to phones and tablets.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 6

WordPress REST API Version 2 ( or WordPress >= 4.7 core REST API)

Ionic Framework App comes with WordPress REST API Version 2 Integration (/wp-json/wp/v2) https://wordpress.org/plugins/rest-api/ (with WordPress >=4.7 you don’t need to install the plugin as this is coming in the core):

  • WordPress Posts
  • WordPress Favorite Posts (Ionic Storage)
  • WordPress Post
    • WordPress Post Preview (Ionic 3 Native InAppBrowser)
    • WordPress Post Social Share (Ionic 3 Native Social Share)
  • WordPress Post Comments
  • WordPress Categories
  • WordPress Tags
  • WordPress Search (Searchbar: ion-searchbar)
  • WordPress Feature Media (Component)
  • WordPress Pages
  • WordPress Menus Support based on the WP API Menus
  • WordPress Menus nested navigation support to the side content

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 7

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 8

WordPress Menus / WP API Menus

Ionic Framework App comes integrated with the WP API Menus https://wordpress.org/plugins/wp-api-menus/ through the WordPress Menus Component, WordPress Menu Component and WordPress MenuItem Component in the WordPress Module. You have all your WordPress Menus available in your App with unlimited nested levels support. The WP API Menus extends the WP REST API with new routes pointing to WordPress menus.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 9

Nav-inception integration – WordPress Menus nested navigation support to the side content

With Ionic Framework App (>=1.8.0) you have the option to add WordPress Menus nested navigation support to the side content. Please just edit the src/app/app.config.ts file that is located in the app directory and set the wordpressMenusNavigation = true.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 10

WordPress Login / JWT Authentication for WP REST API

Ionic Framework App (>=1.2.0) comes integrated with the JWT Authentication for WP REST API through the WordPress Login Component in the WordPress Module. The JWT Authentication extends the WP REST API using JSON Web Tokens Authentication as an authentication method.
JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 11

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 12

Firebase 4 Integration

Ionic Framework App comes with Firebase 4 Integration.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 13

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 14

Facebook Login / Access to Graph API

Ionic Framework App comes with Facebook Login / Logout and with a full implementation (Facebook Connect Module / Facebook Connect Component) for accessing the Facebook Graph API.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 15

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 16

Charts

Ionic Framework App comes with Charts integration (Chart.js) and it contains also the Charts module that declaring/exposing the Charts Component. You can find also implementations of the Bar, Doughnut, Line, Radar, Polar, Pie, Bubble, Mixed Chart types in the Charts Component.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 17

Unlimited RSS Feeds (with extra support of Categorized Feeds)

Ionic Framework App implements a Feeds Module a based on the Yahoo Query Language (YQL). Yahoo Query Language (YQL) https://developer.yahoo.com/yql/ allows you to access atom, rss, micro formats and more. YQL is an alternative to Google Feed API https://developers.google.com/feed/ as this is officially deprecated.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 18

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 19

Youtube Videos (Username, Playlist Id or Channel Id)

Ionic Framework App comes with full Youtube Videos integration based on Username, Playlist Id or Channel Id. Additionally you can share your videos through the Ionic Native Social Sharing. All the Youtube configuration is exposed to the main App Configuration app.config.ts:

export class Config {
public youtubeKey = 'AIzaSyClMa-MaKro_m95tb--4LaAorl-NmGPJxc';
public youtubeApiUrl = 'https://www.googleapis.com/youtube/v3/';
public youtubeUsername = 'ColdplayVEVO';
public youtubeChannelId = 'UCRrW0ddrbFnJCbyZqHHv4KQ';
public youtubeResults = 50;
}

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 20

Contact Form with Email Composer

Ionic Framework App comes with a new Contact Form under the Contact Module/Component. In addition, it comes integrated with the Ionic Native Email Composer in order to send directly this Email.
The email recipient (Email To) could be configured to the main App Configuration src/app/app.config.ts.

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 21

Google Maps

Ionic Framework App comes with Google Maps integration and it contains also the Google Maps module declaring/exposing Angular components for Google Maps. Please you just need to define your Google Map key into the google-maps/google-maps.module.ts module. The Google Map key should be created here https://developers.google.com/maps/documentation/javascript/get-api-key

Ionic Framework App - Ionic 3 + Angular + i18n Full App - 22

Ionic Framework App Tutorials

Installation

Please you could find more detailed installation and build instructions at the App official documentation.

#Install Latest Ionic Framework
$ npm install -g ionic@latest

#Browse the App
$ cd ioni2app

#Install package.json dependencies
$ npm install

#Install Cordova/PhoneGap plugins (cordovaPlugins pakage.json branch dependencies)
$ ionic state restore (obsolete in CLI 3)

#Test your app on multiple screen sizes and platform types by starting a local development server
$ ionic serve
or
$ ionic serve --lab

#Build iOS
$ ionic platform add ios
$ ionic build ios --prod

Or with Ionic CLI 3 https://ionicframework.com/docs/cli/

$ ionic cordova platform rm ios
$ ionic cordova platform add ios
$ ionic cordova prepare ios
$ ionic cordova build ios --prod

#Build Android
$ ionic platform add android
$ ionic build android --prod

Or with Ionic CLI 3 https://ionicframework.com/docs/cli/

$ ionic cordova platform rm android
$ ionic cordova platform add android
$ ionic cordova prepare android
$ ionic cordova build android --prod

#Deploying/Running on emulator
$ ionic run android --prod

Ionic View

You have always the option to try the Ionic Framework App by downloading the Ionic View (http://view.ionic.io/). Then, use the following App Id to fetch a preview of the app: 2b03d01e

APK

Download Android APK

Ionic 3 + Angular + Typescript UAC: Useful Articles Collection

https://docs.google.com/document/d/1DGka2qg5bacJw_jgVvsXDo-2g7AW0ffjjxNUtGlcEqM

Releases

Ionic Framework App 1.14.0

- Updated Angular to 5.2.9
- Updated Module/Angular CLI Dependencies
- Updated cordova-plugin-device (1.1.4 => 2.0.1)
- Updated cordova-plugin-splashscreen (4.0.1 => 5.0.2)
- Updated cordova-plugin-inappbrowser (1.6.1 => 2.0.2)
- Updated cordova-plugin-x-socialsharing (5.1.5 => 5.3.2)
- Updated phonegap-plugin-barcodescanner (6.0.5 => 7.1.1)

Ionic Framework App 1.13.0

- Updated Ionic Framework to 3.9.2 and Angular to 5
- Updated Module Dependencies
- Implemented Angular Google Maps (AGM)
- Fixed Firebase (Facebook Login) Photo Url issue
- Removed multiple unused imports

Ionic Framework App 1.12.0

- Updated ng2-translate to ngx-translate
- Updated Ionic Framework to 3.7.1 and Angular to 4.4.3
- Updated Module Dependencies  

Ionic Framework App 1.11.0

- Filter WordPress Posts by Author (Linked Author)
- Home WordPress Page integration
- Updated Ionic Framework to 3.4.2 and Angular to 4.1.3
- Updated Module Dependencies  

Ionic Framework App 1.10.0

- Firebase 4 integration. New Firebase Module, Firebase Home, Firebase Login, Firebase Sign Up, Firebase Reset Password Components
- Firebase Authentication/Login with Email/Password and Facebook Sign-In Methods
- Firebase Logout
- Firebase New User (Email/Password) Registration
- Firebase Password Reset Email functionality
- Firebase Detailed Documentation
- WordPress Tags integration
- In App WordPress Tags integration in the WordPress Menus
- Ionic Framework update to 3.2.0 and Angular to 4.1.0
- Ionic Native update to 3.6.1
- Ionic app-scripts update to 1.3.7
- Fixed double fire event in the Social Sharing action
- Several updates/fixes

Ionic Framework App 1.9.0

- Ionic 3 + Angular 4, Ionic Framework update to 3.0.1
- Ionic app-scripts update to 1.3.1 and Typescript update to 2.2.1
- Added Feed Category support
- Several updates

Ionic 2 App 1.8.0

- Split Pane component integration
- Nav-inception integration
- Added WordPress Menus nested navigation support to the side content
- Set/Get Facebook Loggedin User to Ionic Storage
- Events publish-subscribe style event system integration
- Ionic 2 Framework update to 2.3.0
- Ionic Native 3.x update (installation only of the active plugins)
- Ionic 2 app-scripts update to 1.1.4 and ionic-storage to 2.0.0
- Several fixes/improvements

Ionic 2 App 1.7.0

- Youtube Channels integration with Youtube Channel and Channel Video Components
- Order Youtube Videos by date
- Ionic 2 Framework update to 2.1.0
- Ionic 2 app-scripts update to 1.1.3

Ionic 2 App 1.6.0

- Charts integration, New Charts Module and Charts Component (Bar, Line, Radar, Polar, Pie, Bubble, Doughnut, Mixed Charts)
- Ionic Native Email Composer integration, New Contact Form with Email Composer
- Ionic 2 Framework update to 2.0.1
- Ionic 2 app-scripts update to 1.1.0
- New Ionic 2 App Tutorial: How to add a WordPress Menu <id> to the App Sidebar Menu

Ionic 2 App 1.5.0

- WordPress Menus support (WP API Menus integration)
- Unlimited Menu levels support
- New WordPress Menus, WordPress Menu and WordPress Menu Item Components in the WordPress Module
- In App navigation from WordPress Menus to Categories, Posts and Pages 

Ionic 2 App 1.4.0

- Ionic 2 Framework update to 2.0.0

Ionic 2 App 1.3.0

- New Facebook Connect Module
- Facebook Login/Logout
- Access to the Facebook Graph API
- Ionic 2 Framework update to 2.0.0-rc.5
- Ionic 2 app-scripts update to 1.0.0

Ionic 2 App 1.2.0

- WordPress Login / JWT Authentication for WordPress REST API Version 2.
- New WordPress Home Component (modern design).
- New Login Module/Component.

Ionic 2 App 1.1.0

- WordPress REST API Version 2 Pages integration

Ionic 2 App 1.0.0

- Initial release

[ad_2]

To get this product on 50 percent discount contact me on this link

 

Source

Pomento
Logo
Register New Account
Reset Password
Compare items
  • Total (0)
Compare
0
Shopping cart