Working with State Management and Angular

Ralph/ January 31, 2020/ Angular, rxjs

Introduction One of the most challenging things in software development is state management. Motivation What is a state (or application state)? Theoretically, it is the entire memory of the application, but, typically, it is the data received via API calls, user inputs, presentation UI State, app preferences, etc. It is the data that can differentiate two instances of the same

Read More

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