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.
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? Starten wir! Ionic Tutorial – Das entwickelst Du heute Wir bauen eine „freundliche“ Ionic App, die Dich mit Deinem Lieblingsgruß begrüßt. …
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 [siteorigin_widget class=“SiteOrigin_Widget_Image_Widget“][/siteorigin_widget] [siteorigin_widget class=“SiteOrigin_Widget_Image_Widget“][/siteorigin_widget] [siteorigin_widget class=“SiteOrigin_Widget_Image_Widget“][/siteorigin_widget] 1. Kapitel Herausforderung & Ziel: …
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! Herausforderung & Ziel: Einträge schnell finden Eine der wichtigsten Funktion für jede Rezepte-, Mail- oder News-App, ist die Suche. Die Suchfunktion erleichtert das schnelle Finden von …
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 …
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. Herausforderung & Ziel: Kaffee-Konfigurator-App Wir bauen eine Kaffee-Konfigurator-App, sowie sie jeder Programmierer liebt. Unser Ziel: Mehr KAFFEE Die Kaffee-Konfigurator-App soll die Bestellung eines Kaffees digitalisieren. Die vielfältigen Mischungen …
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. Ziel: In Play Store hochladen Bei Windows enden ausführbare Anwendung .exe, bei Android mit .apk. Dein Ionic Projekt basiert bis jetzt auf …
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. Herausforderung & Ziel: Master-Detail auf iPad schön gestalten Mit den großen Bildschirmen kommen die Editoren, Listen und die …
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. Herausforderung & …
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 eine Chance der nächste große Wurf zu werden. Ziel: Cooler Kalender mit FAB Floating Action Button (FAB) …
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! Ziel: JSON in die App laden …
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 eine Anleitung? Ziel: Richtige …
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! Ziel: Aufgabepriorisieren Wer wollte nicht schon immer wissen, welche die nächste Aufgabe im Alltag oder Programmieren ist, die …
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? Ziel: Entwicklung einer Browserkamera Ionic ist mehr als ein Framework für mobile Webseiten. Bisher …
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? …
