This is Part 3 of Building a Dashboard with Django and Bootstrap: Part 1: Building a base Django project Part 2: Prepare for dynamic content Part 3: Handling navigation and the side menu Introduction If you follow the first part of this blog topic, you have a running Django dashboard. […]

Build a Dashboard with Django and Bootstrap: Part 3

This is Part 2 of Building a Dashboard with Django and Bootstrap: Part 1: Building a base Django project Part 2: Prepare for dynamic content Part 3: Handling navigation and the side menu Introduction If you follow the first part of this blog topic, you have a running Django dashboard. […]

Build a Dashboard with Django and Bootstrap: Part 2

This is Part 1 of Building a Dashboard with Django and Bootstrap: Part 1: Building a base Django project Part 2: Prepare for dynamic content Part 3: Finalize with custom content and side menu Introduction Building a complete web app isn’t always an easy task. Designing and Implementing on both […]

Build a Dashboard with Django and Bootstrap: Part 1

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 […]

Working with State Management and 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 […]

Working with Angular

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 […]

Working with Azure and Python

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). […]

Working with p5.js

Extensions Copy installed extensions to another VS Code Formatting settings.json

VS Code Cookbook

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 […]

Ionic Cookbook

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 […]

Working with Projects