Das Ionic Framework bietet als Open Source Plattform eine Möglichkeit schnell mit HTML, CSS und TypeScript performante Apps für Android und iOS zu gestalten.
Entwickle 1 Code und installiere die App als Andorid App, iOS App, (Progressive) Web App, Desktop App oder Trusted Web Activity App.
Begib Dich einer Welt von Hybriden Apps der Zukunft.
Gefallen Dir die Webseiten von 1995 optisch? Nein? Dann solltest Du auch Deine Apps mit dynamischer CSS erweitern. Ich zeige Dir, wie Du eine ansprechende App durch dynamisch generierte CSS mit Angular ngStyle, ngClass und SCSS erschaffst. Bereit? Inhalt – Weg zu Deinem Design
Kennst Du schon die essenzielle Grundlage für 85 % der Apps im App Store? Bei der Mehrheit der Apps poppt zuerst ein Login auf. Das ist die Begrüßung für jeden neuen Kunden, der erste Eindruck. Ich zeige Dir, wie Du beeindruckende Eingabemasken mit Ionic bauen kannst. Starten wir! Ziel: Formular mit Ionic Input + Ion …
Du brauchst eine Suche in Deiner App? Die Kombination aus der Ionic Searchbar und dem Refresher verkürzt Du nervende Such- und Scroll-Zeiten für die Nutzer effizient. Beginnen wir! Inhalt – Weg zur Suche und Refresh
Brauchst Du ein Angular Tutorial? oder … Probiere mal ANGULAR aus! Seit 2016 vereinfacht Angular, ein beliebtes Web-Frontend, die GUI-Entwicklung. Wie für jedes Framework braucht der Entwickler einen soliden Start, um die Konzepte und die Architektur des Frameworks kennenzulernen. Diesen ersten Push möchte ich Dir mit diesem Angular Tutorial geben. Starten wir! Ziel: Wir entwickeln …
Brauchst Du ein Ionic Tutorial, um eine App zu entwickeln? Mit Ionic kannst Du effizient und schnell mit 1x Code schreiben und für Android, IOS und Windows Phone entwickeln. Bereit für Deine 1. App? Dieses Tutorial gibt Dir einen Einblick in die Grundlagen des Ionic Frameworks. Herausforderung & Ziel: Wir bauen eine Ionic App Wir …
Schnell. Schneller. PWA in Ionic 5. Das ist das Ionic PWA Tutorial. PWAs sind die Weiterentwicklung einer Webseite. Ich zeige Dir, wie Du in mit dem Ionic 5 Framework eine PWA entwickeln kannst Die PWAs haben die Vorteile einer nativen App und der HTML-Webseite vereint. Bereit für Innovation in Deiner App? Herausforderung & Ziel: Ionic …
Du möchtest Deine Apps in den Play Store stellen? … und viele Downloads ernten? In diesem Tutorial zeige ich Dir, wie Du es schaffst einen schönen Google Play Store Auftritt zu erstellen. Herausforderung & Ziel: Play Eintrag Hast Du schon mal eine Webseite erstellt? Kennst Du schon Begriffe wie Konversations-Rate und Leads gehört? Dieser Abschnitt …
Jede Ionic App braucht ein Ionic Menus, um den Nutzer eine Orientierung zugeben. Dieses Tutorial zeigt Dir, wie Du Menus in Deine Ionic App programmierst. Inhalt – Weg zum Kaffee – Wähler
Der finale Schritt für Deinen App-Erfolg fehlt noch? „Wie lade ich mein (Ionic) App-Projekt in den Google Play Store?“ Ich zeige Dir Schritt für Schritt, wie Du Deine Ionic-App in Google Play veröffentlichen kannst. Inhalt – Google Play Store App hochladen
Mobile First. But… Tablet auch. Gleicher Text. Gleiche Bilder. Unterschiedliche Displays. Der responsive Ansatz soll Deine App für alle Geräte kompatibel machen. Ich zeige Dir visuell, wie mit simplen Statements Deinen Webseiten auf allen Geräten glänzen kann. Inhalt – Weg zu Master-Detail
2007 führte Jobs die „coolen“ Wisch-Gesten ein. Das Publikum damals war schwer beeindruckt. Für uns heute ist das Wischen „selbstverständlich“ geworden. Natürliche Gesten wie Wischen und langes Drücken unterstreichen die Funktionen in Diener App. Mit Ionic integrierst Du mit sliding item Wisch- und Druckgesten in Deine App. Viel Spaß bei einer „visuellen“ Einführung. Inhalt – …
Mit einer guten Verpackung wickelt man nicht nur die Ware ein, sondern auch den Käufer. Werner Mitsch Die CSS ist das Geschenkpapier des Webs. Ich zeige Dir, wie Du den Ionic FAB Button und SASS / SCSS in Ionic sinnvoll nutzt. Nur wenn sich Deine App durch Design aus der Masse abhebt, hat die App …
Was ist ein Provider? Wie nutze ich *ngFor? Mit diesem Tutorial gebe ich Dir eine simple Erklärung anhand eines Ionic Beispiels Hier erfährst Du, wie Du Deine App dynamisch mit Inhalten füllst und wie Du eine ansprechende Listenansicht in Deine App einfach generierst. Starten wir mit Listen in Ionic! Inhalt – Weg zu Deiner Liste
Kennst Du das Gefühl, wenn Du vergessen hast abzuspeichern? In Zukunft soll sich das für die Nutzer Deiner Ionic App ändern. Mit Ionic Alerts, smarten Hinweisen, kannst Du Deine Nutzer auf Ihre Fehler aufmerksam machen. Alerts sind Grundbestandteil jeder App und pushen aktiv Infos in das Blickfeld des Nutzers. Bereit für ein eine visuelle Anleitung?
Am Smartphone ist das Keyboard heute wie früher ein Grauen. Kleine Tasten, dicke Daumen. Einfachere Eingaben wie Ranges und Segmente, machen die Tastatur obsolet. In diesem Tutorial lernst Du diese in Deinen Code implementierst Besser geht’s nicht! Inhalt – Weg zum Aufgabenpriorisierer
Hier ist das Ionic Native Tutorial Kamera und Speicher… …, weil Kamera, NFC und Sensoren Deinen Nutzern vielfältig einsetzen können. Wie Du das auch mit Ionic einfach umsetzen kannst, zeige ich Dir in diesem Tutorial. Bereit für die wöchentliche Dosis Code? Inhalt – Weg zu Ionic Modulen
Der Kopf jeder App ist die Toolbar. Damit die Toolbar in Deiner App ein Highlight wird, habe ich ein Tutorial für dieses Thema entwickelt. Die Toolbar, das Gehirn jeder App, ermöglicht den Nutzer die Steuerung der App auf seine Art. Die Bar zeichnet sich mit Ihrer Wandelbarkeit und Möglichkeiten aus. Starten mit etwas Ionic Code?!
