Kann man eine App auch selbst entwickeln? Welche Techniken könnte ich lernen, um in die App-Programmierung einzusteigen? Welche Programmiersprache sollte ich lernen, um in die App-Programmierung einzusteigen?
Wer kennt das nicht? Du hängst in der U-Bahn mit deinem Handy und plötzlich möchtest du eine neue Verbindung anschauen. Du klickst auf eine App und schon wird dir alles cool angezeigt. Es gibt zwischenzeitlich Milliarden von verschiedenen Apps. Nur, wie programmiert man eigentlich eine kleine App? Welche Techniken gibt es? Worauf musst du achten? Welche Programmier-Sprache brauchst du genau oder musst du erst lernen, damit das ganze auch funktioniert?
Deine eigene erste selbst programmierte App auf deinem Handy? Cool. Doch wie geht sowas eigentlich? Wie kannst du starten in die coole App-Programmierung?
Wie kann ich meine eigene erste App entwickeln? Welche Techniken muss ich lernen? Welche verschiedenen Arten von Apps gibt es eigentlich? Welche Programmier-Sprache muss ich lernen, um eine App zu programmieren?
Schulhof-Programmierung zeigt dir viele verschiedene Techniken und Möglichkeiten auf, wie du deine eigene erste App entwickeln kannst und welche Programmiersprache du dabei lernen und anwenden musst bzw. welche Programme du dazu benötigst.
Hier gibt es verschiedene Möglichkeiten. Schulhof-Programmierung stellt dir einige Möglichkeiten vor, wie du loslegen kannst. Achtung – App ist nicht gleich App es gibt viele Unterschiede und Techniken wie du eine App entwickeln kannst.
Lernvideo: 20- Minuten- Video-Zusammenfassung dieser Seite Video
App ist nicht gleich App – Lerne zu unterscheiden.
Erster Schritt bevor du überhaupt etwas machst in der App-Programmierung. Du solltest dich auskennen. welche Arten von Apps es gibt!
Wenn du eine App entwickeln möchtest, solltest du dich zunächst damit auseinandersetzen, was es für verschiedene Arten von Apps es eigentlich gibt. Es gibt native-Apps, Hybride Apps, es gibt die progressive-Web-App. Schau dir dazu das interessante Video hier an, damit du lernst, welche Arten von Apps es überhaupt gibt.
Arten von Apps
Video ( 8: 20 min)
Facebook- Gruppe für
Facebook-Gruppe für Anfänger – App-Entwicklung Neu
Facebook-Gruppe- App-Programmierung für Anfänger- Schulhof-Programmierung – Hier bist du richtig, wenn du noch nie im Leben eine App programmiert hast. Neu group
Möglichkeit 1 – App entwickeln mit Dart und Flutter
Dart und Flutter Programmierung
Franky erklärt: Dart ist die Programmiersprache – Flutter ist das Gerüst ( Open-Source-UI-Entwicklungs-Kit )
Wie programmiert man eigentlich eine App mit Dart und Flutter?
Was sind eigentlich die genauen Vorteile, wenn du lernst mit Dart und Flutter zu programmieren?
Einfach erklärt: Vorteil ist, es gibt nur eine Codebasis für alles. Was aber heißt das genau und in einfachen Worten?
Antwort: Stell dir vor, du bist Kunde und brauchst eine App. Diese soll auf Android-Handys genau so cool laufen wie auch auf Iphones, also auf IOS-Basis. Das Problem. Für beides benötigst du eigentlich unterschiedliche Programmiersprachen. Beispiel. Eine Android-App kannst du mit Java, oder Kotlin programmieren, für eine App, die auf IOS laufen soll, musst du eigentlich die Programmiersprache Swift ( Siehe unten) lernen. Vorteil von Flutter: Du schreibst nur einen Programmier-Code und den kannst du zugleich für beide Systeme nutzen, du lernst also mit Dart und Flutter einen Code zu schreiben, den du für beide Systeme nutzen kannst. Das heißt, wenn du selbst eine kleine App entwickeln willst, die auf beiden Systemen läuft musst du nicht noch unbedingt swift lernen, sondern du nutzt die Programmiersprache Dart in Verbindung mit dem Flutter-Framework und realisierst deine App.
Flutter ist ein Open-Source-UI-Entwicklungs-Kit von Google. Mit Flutter können Cross-Platform Apps in der Programmiersprache Dart entwickelt werden.
Eine interessante und sehr umfangreiche Einführung in die App-Programmierung mit Dart und Flutter, findet ihr auf youtube, falls euch das Thema Flutter und Dart interessiert und ihr die Video-Serie noch nicht kennt.
Dart und Flutter – Apps programmieren – Ein Code für mehrere Systeme
Kann man Dart auch online ausführen?
Antwort: Ja, zum Üben eignet sich Dartpad Zum Dartpad
Hello World auf dem Dartpad ausgeben Video ( Deutsch)
Flutter installieren- nur wie? Video ( Deutsch)
Zur Webseite Flutter ( Engl)
Die Bibliothek von Flutter findest du auf pub.dev.
Beispiele: App programmieren mit Dart und Flutter
Video Serie The Morpheus – Tutorials) Dart und Flutter / 30 – Serien ( Deutsch) Video-Serie
Video 1 eines Programmierers: Dart und Flutter App programmieren Video ( 2:28 h) ( Deutsch)
Video 2 Flutter-Tutorial ( Deutsch) / Serie Video ( Kanal Tobbe erklärt)
Special: Du hast deinen Code fertig und willst den Code, also die App zunächst auf dein Handy machen. Doch wie geht das eigentlich von Android-Studio aus? mehr
( englische Anleitung) Dart und Flutter – App – Programmierung
Flutter Tutorial 35 teilig engl. Video
Dart und Flutter ( Crashkurs ) Video ( 5: 44 h) Crashkurs- Dart und Flutter-App – Programmierung
Dart course Video ( Freecodecamp) 1:41 h
Flutter und Supabase Video (21:14 min) Webseite
Creating customer-flutter widget Video
a guided tour – Flutter Video
Zur Webseite Flutter ( Engl)
30 Tipps zu Flutter Video (Engl)
Dart und Flutter – Facebook-Gruppen und Hilfe -Foren
Schnell kann es sein, dass du selbst nicht weiterkommst beim programmieren. Hier einige Tipps.
Hilfe und Gruppen zum Thema Dart und Flutter:
Deutsche Flutter Gemeinschaft Facebook-group mehr
Englische Dart und Flutter Austausch – Gruppe mehr
English: Dart und Flutter Forum
Zur Webseite Dart ( Engl.)
Flutter Beispiele
Beispiele mehr
Flutter Animationen erstellen
Flutter ( Animationen) Video
Möglichkeit 2 App entwickeln mit HTML – CSS – JAVA-Script
Tipp für totale Anfänger: Wenn du noch nie im Leben eine Zeile Code geschrieben hast, ist dies eine coole Möglichkeit einzusteigen und zu lernen.
Ideal für Anfänger : Eine App kann man auf verschiedene Art und Weise und mit unterschiedlichen Techniken entwickeln. Wenn du Anfänger bist, kannst du auch eine App nur mit HTML, CSS und JAVA-Script entwickeln. Das geht auch. Du brauchst dazu auch einen sogenannten Quellcode-Editor. Hier kann man Visual-Studio-Code empfehlen. Da Visual-Studio-Code sehr umfangreich und riesig ist und viele Einstellungen hat, solltest du dir im Vorfeld, die wichtigsten Extensions in Visual-Studio-Code einstellen. Extensions sind einfach Erweiterungen. Video Einfach gesagt: In Visual-Studio-Code schreibst du dann deinen Programmier-Code rein. Beispiel einer Eier-Uhr-App nur mit HTML, CSS und Java-Script programmiert von einem Programmierer.
Eier-Uhr-App ( Programmierung einer App mit HTML, CSS- Java-Script)
Verschiedene Sprachen Video ( Engl)
Download Visual-Studio – Code
Tipp: Wenn du dir einen Lernplan erstellst. Lerne erste HTML, CSS für das Styling und in java-script wie man Funktionen schreibt etc. Später kannst du dich dann mit Frameworks und ähnlichem beschäftigen. Geh langsam und Schritt für Schritt vor.
Anmerkung für Anfänger. Sicherlich hast du schon mal gelesen, dass ein Frontend-Entwickler gesucht wird. Ein Frontend-Entwickler kennt sich sehr gut aus mit HTML, CSS als Stylsheet-Sprache und Java-Script. Natürlich beschäftigt er sich auch mit Frameworks und Bibliotheken. ( REACT, VUE.JS oder zum Beispiel Angular)
Möglichkeit 3 Kotlin
Apps kannst du natürlich auch mit Kotlin programmieren Video ( Morpheus Tutorials)
Möglichkeit 4 IOS – SWIFT – Programmier-Sprache
Beispiel Video 1
Beispiel Video 2
Engl. Video Einführung Swift Video 3
Engl. Video Einführung Swift Video 4 (3,5 h – Einführung)
Video 5 build your first app with swift ( ENGL)
Möglichkeit 5 – App entwickeln mit Apache Cordova
Apache Cordova
Vorteil: Hierbei handelt es sich um eine Technik, die es erlaubt, Smartphone-Apps für alle gängigen Betriebssysteme zu erstellen. Es ist hierfür nur ein Code und nur eine Programmiersprache notwendig. Der Aufwand für die Entwicklung ist also nicht so hoch, weil man hier mit diesem Framework arbeitet. Einfach gesagt: Das ganze senkt natürlich die Kosten, da man nur einen Code schreibt.
Apache Cordova ist ein open source Framework.
Download Apache Cordova
Technische Anleitung Video ( Deutsch)
Technische Anleitung Video ( Engl.)
Apache Cordova Hello World Video ( Engl)
Apache Cordova App entwickeln und im google play-store veröffentlichen Video (Engl)
Das könnte dich auch interessieren: Hard-Test. Wie gut kennst du dich in Programmier-Sprachen aus? mehr
Möglichkeit 6 Apps mit dem open-source-Framework IONIC entwickeln
Ionic ist ein Open-Source-Webframework zur Erstellung von Hybrid-Apps und Progressive Web Apps auf Basis von HTML5, CSS, Sass und JavaScript/TypeScript. …
Beispiel Video
Beispiel Video 2 ( 3 Stunden Kurs-Engl)
IONIC on Visual-Studio-Code (extension) Video
Möglichkeit 7
Apps programmieren: Bei Xamarin handelt es sich um eine Open-Source-Plattform für das Erstellen moderner und leistungsfähiger Anwendungen für iOS, Android und Windows mit .NET.
Schreiben von plattformübergreifenden Anwendungen in C# mit Visual Studio
Beispiel Video
Möglichkeit 8 React-Native
App Entwicklung mit React-Native
Interessanter Bericht React-Native mehr
Englisches Video: Einführung: React-native Video ( 2:06 min)
English Erste App- Todolist Video
Möglichkeit 9 Apps Entwicklung mit dem Framework Electron
App-Entwicklung mit dem Framework Electron
Das Framework Electron ermöglicht es, native Desktop-Apps mit Javascript, HTML und CSS zu schreiben. Die Vorteile der Web -Entwicklung können somit genutzt werden, um Anwendungen mit allen positiven Eigenschaften einer nativen Software zu entwickeln. Mit Electron können Desktop-Apps unter MacOS, Windows und Linux entwickelt, erstellt und ausgeführt werden.
Anders als eine Progressive Web-App (PWA) wird eine Electron-App nicht über den Webbrowser aufgerufen, sondern auf dem Gerät installiert und direkt über ein Icon auf dem Desktop oder via Taskleiste gestartet. Dies ermöglicht es, die Anwendung auch offline zu nutzen.
Beispiel App (engl)
Möglichkeit 10 App entwickeln ohne große Programmierkenntnisse
Kann man Apps auch ohne Programmier-Kenntnisse bauen?
Ja das geht auch, mit sogenannten App-Baukasten-Systeme.
Video 1 App-Inventor ( Deutsch) ( Serie 23 Videos)
Video 2 App-Inventor ( Engl.)
Möglichkeit 11
App mit vue.js
English video
Spannend- Wie veröffentlicht man eigentlich eine App?
Eine App veröffentlichen – Wie funktioniert so etwas eigentlich? Wie hoch sind die Kosten? Auf was muss ich beim App veröffentlichen genau achten?
Ein spannender Moment. Stell dir vor, du hast deine App endlich fertig und willst sie natürlich nun auch online bringen und deinen Freunden zeigen. Doch wie funktioniert das eigentlich? Wie veröffentlicht man eine App im App-Store oder im google-play-store? Zur Übersicht