Ionic | App from Scratch – Adding Content

Ralph/ August 17, 2018/ Ionic, Ionic 3, Ionic 4

In this blog, we will discus the steps to add additional content (pages, components) to your existing app. We will start with the App From Scratch we create here. Preparation Configure Visual Studio Code First, we will configure Visual Studio Code to show only the desired folders for this tutorial. We will hide the folders node_modules, e2e and .env To

Read More

Starting with Capacitor

Ralph/ March 16, 2018/ Capacitor, Ionic, Ionic 3, Ionic 4

Introduction Git Repository is here Installation Requirements Working with Ionic and Capacitor needs additional software like node and python. To separate our development environment from other parts of our system, we will use virtual environments for both parts: nvm for Node.js pyenv for Python To automatically setup this environment when entering the directory, additionally we will use direnv. Read this

Read More

Working with moments.js

Ralph/ February 3, 2018/ Ionic, Ionic 3

Introduction With moment.js, you can Parse, validate, manipulate, and display dates and times in JavaScript. With a npm-Module, you can integrate this functionality into your Ionic App Preparation Create your empty app Install npm Module Start Editor and serve your app Add moments.js functionality Change pages/home/home.ts Add the moments.js reference to pages/home/home.ts Create a var for the current date/time Change

Read More

Ionic | App from Scratch – Two Sidemenus

Ralph/ July 2, 2017/ Ionic, Ionic 3, Ionic 4

Prepare your starter App Change into the newly create folder and start the Ionic App You will see the default Ionic Sidemenu App The entries of the sSidemenu are defined in app.components.ts: The sidemenu itself and his apperance are defined in app.component.html: The Sidemenu entries and the Icon are added in line 13 and 14 to the sidemenu. Define two

Read More