Working with p5.js

Ralph/ January 19, 2020/ Angular, Ionic, p5.js

Introduction p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else. In this Post, you will learn how to create an ionic app using p5.js to create an amazing demo of the Lissajous Curve (de/en). If you want to learn more about this amazing graphs,

Read More

Ionic | Cookbook

Ralph/ September 16, 2019/ Cookbook, Ionic, Ionic 4

Routing and Navigation Basic Angular Router configuration Create a routing module that is ‘visible’ to all components in your app With Angular CLI With Ionic Match URL paths to Pages/Components app-routing.modules.ts Update routing module imports and exports app-routing.modules.ts Do not forget to import the routing module to you main app module app.module Add a router-outlet to indicate where the pages

Read More

Create a simple Calculator in Ionic

Ralph/ December 27, 2018/ Ionic, Ionic 4

Sources for this tutorial are here. Preparation Clone the example Starting from new Before starting, make sure that you are using the current ionic version.If you are new to ionic , then look here for an installation guide. Create App Add a new page for our calculator Add new page to sidemenu Add link to page in app.components.ts file Add

Read More

Tutorials and Dokumentation

Ralph/ November 13, 2018/ Ionic, Ionic 4

Tutorial AngularFirebase – Routine Basics Routing for tabs based apps Angular – Observables Angular – RXJS Tutorial Learning edupal: Ionic

Installation on Unix

Ralph/ November 9, 2018/ Ionic, Ionic 4, Mobile Development

Prepare environment Install nvm and Node Change to users home and create users’s profile .bash_profile (if not exist) Download nvm install script and run it. The installation script also modifies the users’s profile .bash_profile Run users’s profile, so nvm will be installed. This ist done automatically after login. Install latest Node LTS version Create Ionic sample Apps Install direnv Installation on

Read More

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

Migration

Ralph/ July 28, 2018/ Ionic, Ionic 4, Mobile Development

Vorbereitung / Installation Hier findet ihr die genaue Beschreibung Erstellen einer JSON Datei ionic-migration.json Migration durchführen

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