Enrichment

Checkliste

Software ist installiert

Node JS node --version Download
Ionic ionic --version unter Unix
Visual Studio Code code Homepage
Git Versionskontrolle git --version Windows Linux Mac OS

Beispielanwendungen funktionieren

sidemenu Ja / Nein
tabs Ja / Nein
blank Ja / Nein

Screendump an Kursleiter gesendet

  • Starte bitte die Kommandoeingabe und eine Anwendung,
  • öffne den Programmcode in Visual Studio Code
  • erstelle einen Screendump auf dem man alle 3 Fenster sehen kann:
    • VS Code,
    • Anwendung/Internet Explorer,
    • Kommandozeile

Übungen

Anwendung aus Template

  1. Erstelle eine neue App, basierend auf der Vorlagen sidemenu
  2. Starte die neu erstellte App
  3. Erstelle eine neue App, basierend auf der Vorlagen tabs
  4. Starte die neu erstellte App

Anwendung aus bestehender App

<pre class="EnlighterJSRAW" data-enlighter-group="" data-enlighter-highlight="" data-enlighter-language="shell" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-theme="" data-enlighter-title="">cd C:\Enrichtment\Daten
mkdir 02_beispiele
cd 02_beispiele
git clone https://github.com/ionic-team/ionic-preview-app.git
cd ionic-preview-app
npm install
ionic serve

Fragen

In welchem Verzeichnis liegen die Dateien für die beiden Seiten home und list

home
list

In welchem Verzeichnis liegt die Startdatei eurer Anwendung index.html

index.html

In welchen Dateien werden die folgenden Inhalt eurer Anwendung gespeichert?

Inhalt
Überschriften
Bilder
texte
Farben
Schriftarten

In welchen Dateien wird der Programmcode eurer Anwendung definiert?``

Programmiersprache
Dateierweiterung

Welche Bedeutung haben die folgenden Dateierweiterungen?

.css
.js
.html
.scss
.ts
.json
The Latest