Ionic DevOps - Cours

Ionic MEAN Stack DevOps cours for Nomades Advenced Technologie.

Programm

Step 01 | Wrap Front-end with Back-end

In this step we'll see how to sing Front-End & Back-End in same project folder.

Step 02 | Add Unit test to your Ionic Application

In this step we'll add Unit test to our Ionic application to create some simple unit test code with Jasmine testing framework and Karma test runner.

Step 03 | Native Plugin

In this step we'll add LocalNotifications Native Plugin to display notification to user when a todo is over deadline. And we learn how to mock a native plugin to have a better debug experiance in browser.

Step 04 | Add environment variable

In this step we'll add and use environement configuration variable to switch from dev to prod environement

Step 05 | Configure app & clean code & update test

In this step we'll config app files and update all test to have build pass true

Step 06 | Deploy BDD on MongoLab

In this step we'll deploy BDD with MongoLab.

Step 07 | Deploy Server on Heroku

In this step we'll deploy server side on Heroku.

Step 08 | Deploy Front-end PWA on Github

In this step we'll all see how to deploy Browser version on Github gh-pages

Step 09 | Deploy Front-end to test in device

In this step we'll all see how to deploy IOS version

Step 10 | Publish IOS app in Apple Store

In this step we'll see how to publish your app in AppleStore

The Goal

Building from sketch a simple Ionic MEAN stack Todos application (Frond-end, Back-end & Database).

Demo app: Ionic DevOps App

How it work

Each step to building app is in separate git branch.
Simply switch branch to pass steps.
clone Front-End project from this repository ionic-devops-front
clone Back-End project from this repository nodejs-simple-rest-ts
then starting exercices at step/01

Git cmd tips

$ git checkout -b <BRANCH_NAME> to create new repository branch
$ git pull origin <BRANCH_NAME> to get specific branch datas

About author

Hi, i'm a Front-end developper living in Geneva Switzerland and i build hybrid mobile & web applications for almost 15 years. You can follow me on Twitter @FazioNico or checkout my own website http://nicolasfazio.ch