Les Solutions Digitales d'Aujourd'hui et de Demain

Je transforme vos idées en réalité numérique

Contactez-nous

La solution IONIC

Ionic est un framework open-source de développement d'applications mobiles et web multiplateformes, basé sur des technologies web comme HTML, CSS et JavaScript/TypeScript. Il est souvent utilisé avec des framework frontend comme Angular, React, Vue.js pour créer des applications hybrides performantes. Ceci est le contenu de la première colonne. Vous pouvez y mettre du texte, des images, des formulaires ou tout autre élément.

    home.ts
                            
    import {BrowserModule} from '@angular/platform-browser';
    import {ErrorHandler, NgModule} from '@angular/core';
    import {IonicApp, IonicErrorHandler, IonicModule} from 'ionic-angular';
    import {SplashScreen} from '@ionic-native/splash-screen';

    @Component({
        selector:'page-home',
        templayeUrl:'home.html'
    })
    export class HomePage{
        constructor(public navCtrl:NacControl){
            /... Construisez votre code../
        }
    }
                            
                        

Image de l'application ListAfaire  :

responsive image

Environnement de travail

Pour développoer avec le freamework IONIC, nous devons configurer l'Environnement de Travail. Nous avons donc besoin de Node.js qui est la platefofrme d'exécution pour IONIC CLI. Nous allons donc installer Node.js en allant sur le site de Node.js . Node.js fournit un moyen d'exécuter JavaScript sur les ordinateurs de bureau et sur les serveurs. L'installation de node.js permet égalememnt l'installation de l'outil de gestion des paquets npm. Après l'installation de Node.js, nous passerons à l'installation de Ionic CLI et de Apache Cordova avec  :

$ npm i g cordova ionic
A savoir aussi que l'on peut utiliser Capacitor à la place de Cordova. D'ailleurs, Capacitor est installé par défaut dans une application Ionic. La seule chaose à faire est de débuter un nouveau projet en fesant  :
 $ ionic start
Pour développer une application IOS avec Ionic vous aurez besoin d'un macOS et de Xcode. Pour développer une application Ionic pour Android, vous devez installer Android SDK. Vous êtres libre d'utiliser votre IDE favori. L'IDE et éditeur le plus utilisé est le VS Code.

Coder votre première application avec IONIC

Pour développer une application android nous pouvosns ajouter la plateforme android en utilisant la commande suivante  

 $ ionic cordova platform add android 
Comme nous l'avons dit précedement, pour initier par exemple une application de listAfaire, il suffit d'utiliser la commande suivante  :
 $ ionic start listAfaire blank
Vous obtiendrez les fichiers principaux suivants  :
app.component.ts Ce fichier contient les composants de base que votre application va utiliser initialement
app.html Ce fichier déclare les tag HTML initaux de l'application
app.module.ts Ce fichier déclare les modules initiaux, les providers, et les composants d'entrée
app.scss Ce fichier définie les styles de CSS globales
main.ts Ce fichier TypeScript est utilisé pendant le développement pour charger votre application

Nos Coordonnées

  • Chemin des Prés, Meylan
  • +33 9 80 69 27 39
  • service@appsdeal.fr