Mobile Programming

Using Ionic 1
npm (originally short for Node Package Manager)[3] is a package
manager for the JavaScript programming language. It is the default
package manager for the JavaScript runtime environment Node.js. It
consists of a command line client, also called npm, and an online
database of public and paid-for private packages, called the npm
registry. The registry is accessed via the client, and the available
packages can be browsed and searched via the npm website. The
package manager and the registry are managed by npm, Inc.
Ionic is a complete open-source SDK for hybrid mobile app development
created by Max Lynch, Ben Sperry, and Adam Bradley of Drifty Co. in 2013.[3]
The original version was released in 2013 and built on top of AngularJS and
Apache Cordova. However, The latest release was re-built as a set of Web
Components, allowing the user to choose any user interface framework,
such as Angular, React or Vue.js. It also allows the use of Ionic components
with no user interface framework at all.[4] Ionic provides tools and services
for developing hybrid mobile, desktop, and Progressive Web Apps based on
modern web development technologies and practices, using Web
technologies like CSS, HTML5, and Sass. In particular, mobile apps can be
built with these Web technologies and then distributed through native app
stores to be installed on devices by utilizing Cordova or Capacitor.[5]
• Ionic uses Cordova and, more recently, Capacitor plugins to gain access to
host operating systems features such as Camera, GPS, Flashlight, etc.[6][7][8]
Users can build their apps, and they can then be customized for Android,
iOS, Windows, Desktop (with Electron), or modern browsers.[9] Ionic allows
app building and deployment by wrapping around the build tool Cordova
or Capacitor with a simplified 'ionic' command line tool.[10]
• Ionic includes mobile components, typography, interactive paradigms, and
an extensible base theme.
• Using Web Components, Ionic provides custom components and methods
for interacting with them. One such component, virtual scroll, allows users
to scroll through a list of thousands of items without any performance hits.
Another component, tabs, creates a tabbed interface with support for
native-style navigation and history state management.
https://ionicframework.com/docs/installation/cli
• Install the Ionic CLI

• Before proceeding, make sure the latest version of Node.js and npm
are installed. See Environment Setup for details. Install the Ionic CLI
globally with npm:
https://nodejs.org/en/
Install Git

https://git-scm.com/download/win
Install Visual Studio

https://code.visualstudio.com/
Check
node –v
npm -v
Install IONIC and CORDOVA
From git bash
npm install ionic cordova –g
Check
Ionic –v
Cordova –v
success ionic
ionic
• Cordova
Editor
VS code plugins /extension
Click box square (extensions) and search