Working with Angular

Ralph/ January 28, 2020/ Angular

Styling the user interface: Bootstrap Install Bootstrap Adding Bootstrap From CDN Add the following lines into src/index.html Adding Bootstrap via NPM Another way to add Bootstrap to your Angular project is to install it into your project folder by using NPM. Add the installed files into src/angular.json Check Bootstrap Add the following lines into src/app/app.components.html Adding Angular Bootstrap Extensions https://github.com/valor-software/ngx-bootstrap

Read More

Working with Azure and Python

Ralph/ January 25, 2020/ Azure, Python

First Step: Hello World Sample The following steps at borrowed from the quick start tutorial. Download sample repository Create virtual environment Login zu Azure Deploy to App Service Create Django App with PostgreSQL Installation PostgreSQL on Mac OS Set user and passwords for postgres database Create database and user for django app Download sample repository Create virtual environment Run server

Read More

Django | Cookbook

Ralph/ January 22, 2020/ Cookbook, Django, Python

First steps The following steps are based on a summary of the Django Tutorial Create project Create view Create view in app_base/views.py Add view to app_base/urls.py Add urls to project main/urls.py Create admin user Create data and database Create database model in app_base/models.py Activating models in main/settings.py Make app modifiable in the admin (app_base/admin.py) Writing more views Create views in

Read More

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

rxjs | Cookbook

Ralph/ September 28, 2019/ Angular, Cookbook, Javascript, rxjs

Informations NGRX – Reactive State for Angular Original Post is here. Github repo has the code snippets at choopage’s GitHub repo. Recipes Chaining of observable The below snippet would return 0, 1, 2, 3…, n until it is stopped. It would be returned at every 2 sec. See reference here. Response transformer The below would return undefined at every 2 sec interval.

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

Working with Projects

Ralph/ August 20, 2019/ Angular

TL;DR Live Demo or Source Code Create base application Main ideas comes from here: Combining Multiple Angular Applications into a Single One Generate base app and workspace In the following steps, we will create a main application and 2 sub-applications. Each Sub-Application consists of 2 Views (Pages) and a common navigation bar. As a result, we will get the following

Read More