HTML5 app using Ionic

AngularJS logo
Bookmark and Share




bogotobogo.com site search:



Ionic

Let's start from Create mobile apps.

Click Getting Started.

  1. Install node.js version 4.
    2. $ sudo npm install npm -g
/usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
npm@3.8.1 /usr/local/lib/node_modules/npm
  2. Install Cordova and Ionic command-line tools
    3. $ sudo npm install -g cordova ionic

$ sudo npm install -g bplist-parser
$ cordova create MyAngularApp
  3. Follow the Android and iOS platform guides to install required platform dependencies.





Android Platform Guide

From Android Platform Guide.

We need to set up our SDK environment to deploy Cordova apps for Android devices, and how to optionally use Android-centered command-line tools in our development workflow. We need to install the Android SDK regardless of whether we want to use these platform-centered shell tools or cross-platform Cordova CLI for development.





AngularJS

  • Introduction
  • Directives I - ng-app, ng-model, and ng-bind
  • Directives II - ng-show, ng-hide, and ng-disabled
  • Directives III - ng-click with toggle()
  • Expressions - numbers, strings, and arrays
  • Binding - ng-app, ng-model, and ng-bind
  • Controllers - global controllers, controller method, and external controllers
  • Data Binding and Controllers (Todo App)
  • Todo App with Node
  • $scope - A glue between javascript (controllers) and HTML (the view)
  • Tables and css
  • Dependency Injection - http:fetch json & minification
  • Filters - lower/uppercase, currenty, orderBy, and filter:query with http.get()
  • $http - XMLHttpRequest and json file
  • Module - module file and controller file
  • Forms
  • Routes I - introduction
  • Routes II - separate url template files
  • Routes III - extracting and using parameters from routes
  • Routes IV - navigation between views using links
  • Routes V - details page
  • AngularJS template using ng-view directive : multiple views
  • Nested and multi-views using UI-router, ngRoute vs UI-router
  • Creating a new service using factory
  • Querying into a service using find()
  • angular-seed - the seed for AngularJS apps
  • Token (JSON Web Token - JWT) based auth backend with NodeJS
  • Token (JSON Web Token - JWT) based auth frontend with AngularJS
  • Twitter Bootstrap
  • Online resources - List of samples using AngularJS (Already launched sites and projects)
  • Meteor Angular App with MongoDB (Part I)
  • Meteor Angular App with MongoDB (Part II - Angular talks with MongoDB)
  • Meteor Angular App with MongoDB (Part III - Facebook / Twitter / Google logins)
  • AngularJS Tutorial: Shopping cart sample
  • Laravel 5 / Angular Auth using JSON Web Token (JWT) - Prod
  • Scala/Java Play app with Angular










    • Ph.D. / Golden Gate Ave, San Francisco / Seoul National Univ / Carnegie Mellon / UC Berkeley / DevOps / Deep Learning / Visualization

    YouTubeMy YouTube channel

    Sponsor Open Source development activities and free contents for everyone.

    Thank you.

    - K Hong







    AngularJS



    Introduction

    Directives I - ng-app, ng-model, and ng-bind

    Directives II - ng-show, ng-hide, and ng-disabled

    Directives III - ng-click with toggle()

    Expressions - numbers, strings, and arrays

    Binding - ng-app, ng-model, and ng-bind

    Controllers - global controllers, controller method, and external controllers

    Data Binding and Controllers (Todo App)

    Todo App with Node

    $scope - A glue between javascript (controllers) and HTML (the view)

    Tables and css

    Dependency Injection - http:fetch json & minification

    Filters - lower/uppercase, currenty, orderBy, and filter:query with http.get()

    $http - XMLHttpRequest and json file

    Module - module file and controller file

    Forms

    Routes I - introduction

    Routes II - separate url template files

    Routes III - extracting and using parameters from routes

    Routes IV - navigation between views using links

    Routes V - details page

    AngularJS template using ng-view directive : multiple views

    Nested and multi-views using UI-router, ngRoute vs UI-router

    Creating a new service using factory

    Querying into a service using find()

    angular-seed - the seed for AngularJS apps

    Token (JSON Web Token - JWT) based auth backend with NodeJS

    Token (JSON Web Token - JWT) based auth frontend with AngularJS

    Twitter Bootstrap

    Online resources - List of samples using AngularJS (Already launched sites and projects)

    Meteor Angular App with MongoDB (Part I)

    Meteor Angular App with MongoDB (Part II - Angular talks with MongoDB)

    Meteor Angular App with MongoDB (Part III - Facebook / Twitter / Google logins)

    Scala/Java Play app with Angular

    Laravel 5 / Angular Auth using JSON Web Token (JWT) - Prod

    Scala/Java Play app with Angular




    Sponsor Open Source development activities and free contents for everyone.

    Thank you.

    - K Hong







    Node.JS



    Node.js

    MEAN Stack : MongoDB, Express.js, AngularJS, Node.js

    MEAN Stack Tutorial : Express.js with Jade template

    Building REST API with Node and MongoDB

    Nginx reverse proxy to a node application server managed by PM2

    Jade Bootstrap sample page with Mixins

    Real-time polls application I - Express, Jade template, and AngularJS modules/directives

    Real-time polls application II - AngularJS partial HTML templates & style.css

    Node ToDo List App with Mongodb

    Node ToDo List App with Mongodb - II (more Angular)

    Authentication with Passport

    Authentication with Passport 2

    Authentication with Passport 3 (Facebook / Twitter Login)

    React Starter Kit

    Meteor app with React

    MEAN Stack app on Docker containers : micro services

    MEAN Stack app on Docker containers : micro services via docker-compose







    Docker & K8s



    Docker install on Amazon Linux AMI

    Docker install on EC2 Ubuntu 14.04

    Docker container vs Virtual Machine

    Docker install on Ubuntu 14.04

    Docker Hello World Application

    Nginx image - share/copy files, Dockerfile

    Working with Docker images : brief introduction

    Docker image and container via docker commands (search, pull, run, ps, restart, attach, and rm)

    More on docker run command (docker run -it, docker run --rm, etc.)

    Docker Networks - Bridge Driver Network

    Docker Persistent Storage

    File sharing between host and container (docker run -d -p -v)

    Linking containers and volume for datastore

    Dockerfile - Build Docker images automatically I - FROM, MAINTAINER, and build context

    Dockerfile - Build Docker images automatically II - revisiting FROM, MAINTAINER, build context, and caching

    Dockerfile - Build Docker images automatically III - RUN

    Dockerfile - Build Docker images automatically IV - CMD

    Dockerfile - Build Docker images automatically V - WORKDIR, ENV, ADD, and ENTRYPOINT

    Docker - Apache Tomcat

    Docker - NodeJS

    Docker - NodeJS with hostname

    Docker Compose - NodeJS with MongoDB

    Docker - Prometheus and Grafana with Docker-compose

    Docker - StatsD/Graphite/Grafana

    Docker - Deploying a Java EE JBoss/WildFly Application on AWS Elastic Beanstalk Using Docker Containers

    Docker : NodeJS with GCP Kubernetes Engine

    Docker : Jenkins Multibranch Pipeline with Jenkinsfile and Github

    Docker : Jenkins Master and Slave

    Docker - ELK : ElasticSearch, Logstash, and Kibana

    Docker - ELK 7.6 : Elasticsearch on Centos 7 Docker - ELK 7.6 : Filebeat on Centos 7

    Docker - ELK 7.6 : Logstash on Centos 7

    Docker - ELK 7.6 : Kibana on Centos 7 Part 1

    Docker - ELK 7.6 : Kibana on Centos 7 Part 2

    Docker - ELK 7.6 : Elastic Stack with Docker Compose

    Docker - Deploy Elastic Cloud on Kubernetes (ECK) via Elasticsearch operator on minikube

    Docker - Deploy Elastic Stack via Helm on minikube

    Docker Compose - A gentle introduction with WordPress

    Docker Compose - MySQL

    MEAN Stack app on Docker containers : micro services

    Docker Compose - Hashicorp's Vault and Consul Part A (install vault, unsealing, static secrets, and policies)

    Docker Compose - Hashicorp's Vault and Consul Part B (EaaS, dynamic secrets, leases, and revocation)

    Docker Compose - Hashicorp's Vault and Consul Part C (Consul)

    Docker Compose with two containers - Flask REST API service container and an Apache server container

    Docker compose : Nginx reverse proxy with multiple containers

    Docker compose : Nginx reverse proxy with multiple containers

    Docker & Kubernetes : Envoy - Getting started

    Docker & Kubernetes : Envoy - Front Proxy

    Docker & Kubernetes : Ambassador - Envoy API Gateway on Kubernetes

    Docker Packer

    Docker Cheat Sheet

    Docker Q & A

    Kubernetes Q & A - Part I

    Kubernetes Q & A - Part II

    Docker - Run a React app in a docker

    Docker - Run a React app in a docker II (snapshot app with nginx)

    Docker - NodeJS and MySQL app with React in a docker

    Docker - Step by Step NodeJS and MySQL app with React - I

    Installing LAMP via puppet on Docker

    Docker install via Puppet

    Nginx Docker install via Ansible

    Apache Hadoop CDH 5.8 Install with QuickStarts Docker

    Docker - Deploying Flask app to ECS

    Docker Compose - Deploying WordPress to AWS

    Docker - WordPress Deploy to ECS with Docker-Compose (ECS-CLI EC2 type)

    Docker - ECS Fargate

    Docker - AWS ECS service discovery with Flask and Redis

    Docker & Kubernetes: minikube version: v1.31.2, 2023

    Docker & Kubernetes 1 : minikube

    Docker & Kubernetes 2 : minikube Django with Postgres - persistent volume

    Docker & Kubernetes 3 : minikube Django with Redis and Celery

    Docker & Kubernetes 4 : Django with RDS via AWS Kops

    Docker & Kubernetes : Kops on AWS

    Docker & Kubernetes : Ingress controller on AWS with Kops

    Docker & Kubernetes : HashiCorp's Vault and Consul on minikube

    Docker & Kubernetes : HashiCorp's Vault and Consul - Auto-unseal using Transit Secrets Engine

    Docker & Kubernetes : Persistent Volumes & Persistent Volumes Claims - hostPath and annotations

    Docker & Kubernetes : Persistent Volumes - Dynamic volume provisioning

    Docker & Kubernetes : DaemonSet

    Docker & Kubernetes : Secrets

    Docker & Kubernetes : kubectl command

    Docker & Kubernetes : Assign a Kubernetes Pod to a particular node in a Kubernetes cluster

    Docker & Kubernetes : Configure a Pod to Use a ConfigMap

    AWS : EKS (Elastic Container Service for Kubernetes)

    Docker & Kubernetes : Run a React app in a minikube

    Docker & Kubernetes : Minikube install on AWS EC2

    Docker & Kubernetes : Cassandra with a StatefulSet

    Docker & Kubernetes : Terraform and AWS EKS

    Docker & Kubernetes : Pods and Service definitions

    Docker & Kubernetes : Headless service and discovering pods

    Docker & Kubernetes : Service IP and the Service Type

    Docker & Kubernetes : Kubernetes DNS with Pods and Services

    Docker & Kubernetes - Scaling and Updating application

    Docker & Kubernetes : Horizontal pod autoscaler on minikubes

    Docker & Kubernetes : NodePort vs LoadBalancer vs Ingress

    Docker & Kubernetes : Load Testing with Locust on GCP Kubernetes

    Docker & Kubernetes : From a monolithic app to micro services on GCP Kubernetes

    Docker & Kubernetes : Rolling updates

    Docker & Kubernetes : Deployments to GKE (Rolling update, Canary and Blue-green deployments)

    Docker & Kubernetes : Slack Chat Bot with NodeJS on GCP Kubernetes

    Docker & Kubernetes : Continuous Delivery with Jenkins Multibranch Pipeline for Dev, Canary, and Production Environments on GCP Kubernetes

    Docker & Kubernetes - MongoDB with StatefulSets on GCP Kubernetes Engine

    Docker & Kubernetes : Nginx Ingress Controller on minikube

    Docker & Kubernetes : Setting up Ingress with NGINX Controller on Minikube (Mac)

    Docker & Kubernetes : Nginx Ingress Controller for Dashboard service on Minikube

    Docker & Kubernetes : Nginx Ingress Controller on GCP Kubernetes

    Docker & Kubernetes : Kubernetes Ingress with AWS ALB Ingress Controller in EKS

    Docker & Kubernetes : MongoDB / MongoExpress on Minikube

    Docker & Kubernetes : Setting up a private cluster on GCP Kubernetes

    Docker & Kubernetes : Kubernetes Namespaces (default, kube-public, kube-system) and switching namespaces (kubens)

    Docker & Kubernetes : StatefulSets on minikube

    Docker & Kubernetes : StatefulSets on minikube

    Docker & Kubernetes : RBAC

    Docker & Kubernetes Service Account, RBAC, and IAM

    Docker & Kubernetes - Kubernetes Service Account, RBAC, IAM with EKS ALB, Part 1

    Docker & Kubernetes : Helm Chart

    Docker & Kubernetes : My first Helm deploy

    Docker & Kubernetes : Readiness and Liveness Probes

    Docker & Kubernetes : Helm chart repository with Github pages

    Docker & Kubernetes : Deploying WordPress and MariaDB with Ingress to Minikube using Helm Chart

    Docker & Kubernetes : Deploying WordPress and MariaDB to AWS using Helm 2 Chart

    Docker & Kubernetes : Deploying WordPress and MariaDB to AWS using Helm 3 Chart

    Docker & Kubernetes : Helm Chart for Node/Express and MySQL with Ingress

    Docker & Kubernetes : Docker_Helm_Chart_Node_Expess_MySQL_Ingress.php

    Docker & Kubernetes: Deploy Prometheus and Grafana using Helm and Prometheus Operator - Monitoring Kubernetes node resources out of the box

    Docker & Kubernetes : Deploy Prometheus and Grafana using kube-prometheus-stack Helm Chart

    Docker & Kubernetes : Istio (service mesh) sidecar proxy on GCP Kubernetes

    Docker & Kubernetes : Istio on EKS

    Docker & Kubernetes : Istio on Minikube with AWS EC2 for Bookinfo Application

    Docker & Kubernetes : Deploying .NET Core app to Kubernetes Engine and configuring its traffic managed by Istio (Part I)

    Docker & Kubernetes : Deploying .NET Core app to Kubernetes Engine and configuring its traffic managed by Istio (Part II - Prometheus, Grafana, pin a service, split traffic, and inject faults)

    Docker & Kubernetes : Helm Package Manager with MySQL on GCP Kubernetes Engine

    Docker & Kubernetes : Deploying Memcached on Kubernetes Engine

    Docker & Kubernetes : EKS Control Plane (API server) Metrics with Prometheus

    Docker & Kubernetes : Spinnaker on EKS with Halyard

    Docker & Kubernetes : Continuous Delivery Pipelines with Spinnaker and Kubernetes Engine

    Docker & Kubernetes: Multi-node Local Kubernetes cluster - Kubeadm-dind(docker-in-docker)

    Docker & Kubernetes: Multi-node Local Kubernetes cluster - Kubeadm-kind(k8s-in-docker)

    Docker & Kubernetes : nodeSelector, nodeAffinity, taints/tolerations, pod affinity and anti-affinity - Assigning Pods to Nodes

    Docker & Kubernetes : Jenkins-X on EKS

    Docker & Kubernetes : ArgoCD App of Apps with Heml on Kubernetes

    Docker & Kubernetes : ArgoCD on Kubernetes cluster

    Docker & Kubernetes : GitOps with ArgoCD for Continuous Delivery to Kubernetes clusters (minikube) - guestbook