Flutter, Dart und mehr !

Ich bin mir zwar nicht sicher, wie viel man aus Online Kursen lernen kann, aber diese Frage muss jeder für sich selbst entscheiden. Hier ein paar Anbieter ohne Anspruch auf Vollständigkeit: 1. Udemy Einer der grossen Anbieter in diesem Bereich, nicht nur für Flutter. Die Kurssprache bei der Mehrzahl der Kurse ist English. Man kann sich kurze Beispiel Videos anschauen und es gibt Bewertungen zu lesen, die auf mich einen ehrlichen und unzensierten Eindruck machen. 2. Udacity Dieser Anbieter hat einen Einführungskurs zu Flutter, der direkt aus dem Hause Google stammt und kostenlos ist. 3. Lynda.com Eigentlich ein ziemlich "alter" Anbieter von Online-Kursen. Sein Flutter Angebot ist aber noch sehr bescheiden. 4. O'Reilly Ein führender Herausgeber von Fachliteratur. Man beachte, das gewisse Kurse auf mehreren Plattformen publiziert werden. Der gleiche Kurs also zu unterschiedlichen Preisen bzw Preismodellen. 5. Skillshare Auch hier ein umfangreich...

Container -- mit BoxDecoration Container in Flutter kann man leicht unterschätzen. Manche vergleichen sie mit dem Div-Tag in Html. Sie gehören aber zu den häufigst gebrauchten Flutter Widgets, wenn es darum geht ein Layout zu programmieren. Hier links sehen wir ein einfaches Rechteck, mit blauer Hintergrundfarbe und einem zentrierten Text. Hier der Code dazu auf GitHub. Mit Verwendung von BoxDecoration können wir den Rand, den Körper des Containers, und gegebenenfalls den Schattenwurf des Containers kontrollieren. Dieser Container kann rechteckig, aber auch rund sein. Wichtig dabei ist auch zu wissen, wie Flutter diesen auf den Bildschirm bringt. Flutter zeichnet dabei in Ebenen. Die erste ebene die gezeichnet wird, ist die Hintergrundfarbe, welche den Container ausfüllt. Sollten wir dabei noch einen Gradienten definiert haben, kommt der als nächstes obendrauf. Beide Arten füllen den Container komplett aus. Sollte der Container noch ein Bild enthalten, wird dieses als näc...

Ein kleines, aber feines Video zum Thema Custom Icons. Es zeigt wie man Icons in Flutter importiert. Man beachte dabei die vom Ersteller benutzten Websiten. Es gibt sicher Projekte, wo es Sinn macht einen eigenen Satz von Icons zu designen und in das eigene Projekt einzubinden. Mit so eingebundenen Icons, hat man für diese natürlich auch Zugriff auf die Icon Funktionalität des Flutter SDK's.

Und hier wieder ein paar Empfehlungen für Leute die tiefer in Flutter eintauchen wollen. Als erstes möchte ich hier die Seite von Developine erwähnen. Kurze, aber aufschlussreiche Posts. Besonders hervorheben möchte ich hier den Artikel zum programmieren von Network-Calls und dem "parsen" von JSON Daten . Wer eine gute Anzahl von Artikeln zu Basiswidgets von Flutter sucht, wird bei den Artikeln von Julien Louage fündig. Gut geschrieben und bebildert können sie fast als Nachschlagewerk durchgehen.  Desweiteren hier ein Artikel zum " Managen von Flutter Programmen mit Inherited Widgets " von Hans Muller. Für einen Anfänger wie mich aber ziemlich schwere Kost. Des weiteren ein Artikel zum Thema Firebase und BLoC . Auch zu diesem Thema, in dieser Kombination, ist es schwer Artikel zu finden. Besonders interessant finde ich einen Artikel der das Thema aufgreift, wie man einen Screenshot per Mail und natürlich mit Flutter versendet. Auch dieser Artikel ist keine An...

Es wird Zeit für ein neues Flutter Beispiel. Diesmal geht es um den Wechsel von einem Bildschirm zum nächsten. Es mag Apps geben die kommen nur mit einem Bildschirm aus. Sobald aber der Zweck der App umfangreicher wird, benötigt man oft einen weiteren, oder mehrere.Wie meistens, aber besser immer, macht man sich schon zu Beginn, Gedanken über die Struktur des eigenen Codes. In diesem Fall greifen wir zu mehreren Files, was aber nicht zwingend notwendig ist, aber die Übersichtlichkeit steigert. Ebenfalls im Hinterkopf behalten sollte man die Benennung für die Files und die eventuell verwendeten Variablen. Der Code im main File ist simpel. Wir importieren die material.dart package und das File hauptbildschirm. Auf oberster Ebene unseres Widget-Baumes ist ein Stateless Widget, welches ein MaterialApp Widget retourniert. Dieses "Material Widget" bekommt Titel und eine Farbe übergeben. Desweiteren definieren wir den "Homescreen" mit dem home-Eintrag "Hauptbi...

Ich habe Zeit, also weiter mit Flutter und einem neuen Beispiel Code. Wir fangen mit ganz wenig Code an. Wir importieren material.dart Starter Code und definieren ein Stateless Widget. Unsere App ist eine "Material App", wo wir des weiteren einen Titel und eine Farbe definieren. Nun ist der Titel "hart" programmiert. D.h. wenn wir ihn ändern, müssen wir das an der entsprechenden Stelle im Code tun. Nehmen wir mal an, wir hätten Zeichenketten, die in der App immer wieder vorkommen. Würde es sich da nicht anbieten, das effizienter zu lösen ? Die Entscheidung, wie man mit dieser "kleinen" Frage umgeht, sollte man am besten schon beim Start eines Projektes treffen, man vermeidet so, unnötigen Aufwand. --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Die Lösung könnte zum Beispiel sein, die Strings (Zeichenketten) in eine eige...

Und weiter geht es mit dem Thema Flutter auf YouTube. Im ersten Teil habe ich vergessen, darauf hin zu weisen, das ich natürlich keinen Anspruch auf Vollständigkeit stelle. Die Flutter Community ist aktiv und im Wachstum. Ein sehr aktiver Channel zum Thema Flutter ist MTechViral  . Die Inhalte sind nicht ausschließlich auf Flutter bezogen. Django und Vue Inhalte sind auch vertretten. Die Sprache ist gut verständlich  und die Länge der Videos geht meines Erachtens in Ordnung. Besonders erwähnenswert finde ich u.a. seine Beiträge zu der Integration von Animationen in Flutter ( Flare von 2dimensions ). Flare ist ein Online Tool, welches die Erstellung und Animation von Vektor Grafiken ermöglicht. Wer speziell hierzu noch einen guten Artikel braucht wird hier fündig. Die Animationen können online erstellt werden, um sie anschliessend für Flutter zu exportieren. Für Flutter selbst benötigt man eine Package um diese Animation dann in der eigenen App verwenden zu können. ...

Man kann sich darüber streiten, wie viel man aus Videos zum Thema Programmieren lernt. Eine gute Methode ist sicherlich, das gesehene nach zu vollziehen, abzuändern und so tiefer in die Materie einzutauchen. Anfangen möchte ich hier mit Dash to Dartlang . In diesem YouTube Channel findet man eine umfangreiche Sammlung an Beiträgen zum Thema Flutter und Dart. Die Videos sind relativ kurz und der Informationsgehalt ist gut. Man hört der Stimme die Motivation an und die Sprache ist klar und deutlich. Channelsprache: English Der nächste Channel Tensor ist ebenfalls umfangreich. Der Kommentar ist ruhig und deutlich gesprochen. Der Channel geht auch auf weiterführende Themen ein. Die Videos sind von der Länge her gut, sicher aber nicht kurz. Wie eigentlich alles Channels wird im Video das Coden im Editor gezeigt. Tensor ist / war sehr aktiv. So findet man bei den Playlists u.a. auch Themen, wie Kotlin, GoLang, und Android Projects. Channelsprache: English Wer Lust und Laune hat, ...

Es gibt eine wachsende Anzahl an guten Beiträgen oder Websites zum Thema Flutter. Viele helfen Anfängern weiter, wenige haben als Zielgruppe fortgeschrittene Anwender. Ich selbst bin selbstverständlich ein Anfänger. Die Beispiele auf dieser Website sind aber sehr gut erklärt, so das selbst User für die die ganz einfachen Beispiele inzwischen zu simpel sind, einen Nutzwert davon haben. Vor allem der Text zur BuildContext Class und derjenige zu Stateful Widget Lifecycle sind interessant und  weiterführend. Als zweites möchte ich einen Beitrag empfehlen der den Einsatz einer Flutter " Package " zeigt. Auf der verlinkten Website findet man im übrigen eine wachsende Anzahl solcher Packages.  Je nach Problemstellung findet man dort etwas, sollte dabei aber nicht vergessen, das Flutter noch relativ "jung" ist und wahrscheinlich einige "Problemstellungen" noch nicht abgedeckt werden. Zu guter letzt eine weitere Seite mit guten Tutorials, hier für die T...

Gute Artikel über Layout in Flutter sind gar nicht so einfach zu finden. Understanding layouts in Flutter ist einer davon.  Anhand eines einfachen Beispiels wird aufgezeigt, wie Layouts in Flutter funktionieren.  Ein erster Entwurf für ein User-Interface auf dem Mobile kann dabei auch auf Papier erfolgen, oder, wer es aufwendiger und mit mehr Optionen mag, auf einer Website für die Erstellung von Prototypen. Proto.io ist eine davon. Mein Eindruck ist, das das Erstellen eines Prototypen an sich nicht schwer ist. Die Schwierigkeiten fangen an, wenn man daran geht einen Prototypen in Code umzusetzen. Wer ein aufwendigeres Beispiel für Layouts in Flutter sucht wird hier fündig. Der Code kann dabei einfach in den eigenen Editor übernommen  und verändert werden. Follow @Darkdust1