Hong Cheung 
Hintergrund
Ich war schon immer daran interessiert, Dinge zu erschaffen. Programmieren ermöglicht genau das.
Seit April dieses Jahres lerne ich Swift (iOS) mit 100 Days Of SwiftUI, bin bis zum 7x. Tag durchgekommen, habe ein paar Apps gebaut und im App Store veröffentlicht. Swift ist praktisch, weil es die UI und die Logik in derselben Sprache abdeckt.
Dann aber wurde mir klar, dass das Potenzial des Webs größer sein könnte, weil das Web mehr Freiheit bietet. Deine App muss nicht überprüft werden, du musst nicht für ein Entwicklerkonto bezahlen, und du hast die Flexibilität, deinen eigenen Stack zu wählen, usw. Besonders wenn du willst, dass deine Anwendung plattformübergreifend funktioniert.
Webentwicklung lernen
Nachdem ich einige kleine Apps für das iPhone gebaut hatte, begann ich in den letzten 3–4 Monaten, Webentwicklung mit freeCodeCamp und ein wenig mit dem Odin Project zu lernen.
Ich brauche Webentwicklung, weil ich eine Landingpage für meine mobilen Projekte bauen will und eine REST API, die meine mobile App nutzen kann.
- FreeCodeCamp
- viel praktische Übung, tatsächlich fand ich es ein wenig überwältigend und repetitiv.
- The Odin project
- mehr Theorie und ein tieferes Verständnis dafür, warum und wie Programmieren funktioniert.
Deshalb würde ich empfehlen, beides gleichzeitig zu machen – das eine bringt einen beim anderen voran.
Ich habe auf freeCodeCamp bisher nur „Responsive Web“, „Basic JavaScript“ und die Hälfte von „React“ abgeschlossen.
Mein Lernen basierte hauptsächlich auf Textinformationen und offizieller Dokumentation. Die offiziellen Tutorials zu React und NextJS haben mir richtig Spaß gemacht.
Ich habe fürs Lernen überhaupt keinen Onlinekurs bezahlt.
Es war größtenteils aufgabengetriebenes Lernen – das eine Ding lernen, das ich machen will, und dann zum nächsten weitergehen.
Mein bisheriger Programmierweg
Swift & ein wenig lokales SQLite > einfache Flask REST API > HTML/CSS > JavaScript > 11ty (Static Site Generator) > React (offizielles Tutorial) & NodeJS > Next.js (offizielles Tutorial) > ExpressJS > Sicherheit bei REST APIs (CORS & Umgebungsvariablen) > React wiederholen (freeCodeCamp) > …
Alle sagen, dass Projekte machen wichtig ist, und ich stimme dem sehr zu
Ich hätte das Interesse verloren, wenn es nicht etwas wäre, das ich bauen will. Wenn ich nach langer Zeit müde werde, an einem Projekt zu arbeiten, ersetze ich es durch ein anderes Projekt in einer anderen Sprache, um mich zu motivieren. Aufgabenorientiertes Lernen funktioniert für mich am besten.
Einige kostenlose Hoster, die ich genutzt habe und die anfängerfreundlich sind
- GitHub page
Im kostenlosen Tarif musst du dein Repo öffentlich machen, um es zu veröffentlichen. Aber du kannst trotzdem deine Domain darauf verweisen lassen.
Sehr einfach mit GitHub zu verbinden, es hat integrierte Unterstützung für Kontaktformulare, was bedeutet, dass du keinen eigenen Server brauchst. Du kannst es auch mit der Netlify CMS-Authentifizierung integrieren, mit der du dich in deinem statischen Blog anmelden kannst – alles kostenlos. (Der Nachteil ist, dass Next Image nicht unterstützt wird – das heißt, du kannst die <Image>-Optimierung nicht nutzen. Dafür kannst du Vercel verwenden, aber dann verlierst du die Formularunterstützung, also musst du dich entscheiden. Ich weiß das, weil ich meine NextJS-Seite zu Netlify gepusht habe und auf einen Fehler gestoßen bin.)
Die UI ist nicht so cool und anfängerfreundlich wie bei Netlify, aber es hat unbegrenzte Bandbreite, kostenloses Hosting und sogar einige begrenzte Cloud-Funktionen, die du nutzen kannst. Es war nicht so anfängerfreundlich wie Netlify, aber auch nicht so schwer. Es hat alles Grundlegende, was du kostenlos brauchst und willst. Und ich habe meine Domains dort, also ist es jetzt mein bevorzugter Static Host.
Kostenloses Backend-Hosting
Es war mein erstes Backend. Für die grundlegenden Dinge ist es sehr einfach zu bedienen. Es hat begrenzte CPU-Rechenzeit, was bedeutet, dass du auf diesem Server kostenlos keine wirklich großen Verarbeitungsaufgaben ausführen kannst. Für eine RESTful API ist es jedoch sehr gut, weil sie immer läuft.
Es ist meine neue Wahl für das Hosting von express.js – der Nachteil ist, dass es automatisch herunterfährt, wenn es 15 Minuten lang inaktiv ist. Ich habe noch keinen kostenlosen, immer laufenden Server gefunden, der das Hosten eines JavaScript-Servers erlaubt. Ein Server, der nicht herunterfährt, kostet jedoch etwa 7 $ pro Monat, was nicht zu teuer ist, und er akzeptiert Debitkarten, was mir gefällt. Die UI ist auch einfach.
Nein, das war mir zu überwältigend, aber es scheint eines der besten für Skalierbarkeit zu einem vernünftigen Preis zu sein. Das muss ich noch ausprobieren, weil die Website-UI nicht anfängerfreundlich ist und ich nicht viel über VPS weiß.
Google Cloud verlangt eine Kreditkarte, selbst für einen kostenlosen Tarif, und ich hatte zufällig keine. Firebase ist gut, um auf einfache Weise kostenlos ein Authentifizierungssystem zu bauen. Das werde ich später erkunden.
Den gesamten Veröffentlichungszyklus einer Website lernen
Nachdem ich einige einfache Websites mit HTML/CSS und grundlegendem JS gebaut hatte, wollte ich einen Blog bauen. Ich fand heraus, dass es jede Menge Static Site Generatoren gibt, die das können. Ich suchte nach Vorlagen mit Hugo, 11ty usw. Es war sehr gut für mich, um zu verstehen, wie man mit NodeJS arbeitet, weil man nur ein wenig Codelogik braucht, um mit diesen Vorlagen zu arbeiten, aber man den gesamten Zyklus des Aufbaus einer Website üben kann:
Creating a new git repository > create the site with NodeJS > connect & auto push to 3rd party host > manage your domain > compare the features & price for each web host to best suits your objective or language.Der einzige Teil, der sich bei den meisten Projekten unterscheidet, ist das „Erstellen der Website mit NodeJS“ – du kannst hier Python verwenden, doch alles andere, was du gelernt hast, gilt weiterhin.
Mehr zum Aufbau eines Blogs
Die größte Schwierigkeit ist nicht die Blog-Funktion selbst. Es ist der Kommentarbereich. Wenn du als Anfänger einen Blog schreiben und dich auf den Inhalt konzentrieren willst, empfehle ich dir, einfach WordPress zu verwenden – es bietet alles, was du brauchst, ohne Aufwand.
Andernfalls kannst du, um einen Kommentarbereich in deinen statischen Blog zu integrieren, Disqus verwenden (hat einen nicht guten Ruf wegen Datenschutzproblemen und ist ein Speicherfresser beim Laden). Oder du kannst eine Open-Source-Alternative mit GitHub-Login verwenden. Aber soweit ich weiß, gibt es da draußen keine einzige, die kostenlos ist und Google-Login erlaubt. Oder du baust deinen eigenen Backend-Kommentarserver, aber dann musst du dich auch um das Filtern von Spam und Ähnliches kümmern. Für mich nicht gerade ideal. Am Ende habe ich einfach Disqus verwendet, aber es lädt nicht automatisch, bis der Nutzer auf „Show comments“ klickt, um die Ladezeit zu sparen.
Über ChatGPT
Es ist nur bis zu einem gewissen Punkt hilfreich. Vermeide es, es für komplizierte Logik zu verwenden, das ist meistens problematisch. Ein ärgerliches Problem ist zum Beispiel, dass es Änderungen an deinem Code vornimmt, dich aber nicht darüber informiert. Für einen ersten Entwurf ist es hilfreich. Es ist nicht geeignet, wenn du fehlerfreien Code willst – das schafft es nie. Ich habe auch festgestellt, dass es umso mehr Fehler macht, je öfter man es bittet, den Code erneut zu überprüfen. Das war ärgerlicher und zeitaufwendiger, als die Sache einfach zu lernen und selbst zu schreiben.
Wie es weitergeht
Lernen, wie man ein echtes Backend mit Signup/Login-Authentifizierung und SQL-Datenbankserver baut. Vielleicht probiere ich diesmal Django aus und versuche, ein Backend zu bauen, das mit einer plattformübergreifenden App funktioniert.
Das Ziel
Weiterlernen und interessante Projekte bauen.
Danke fürs Lesen!
