Was habe ich gelernt, als ich einen einfachen Radarsimulator mit HMTL Canvas und JS erstellt habe?

Radar in HTML Canvas erkunden: Ein Lernprojekt und Herausforderungen

Einführung

Nun, dieses Projekt entstand aus dem berühmten Volksspruch: „Ein leerer Geist ist eine Werkstatt, also lasst uns ein anderes Projekt starten.“ Spaß beiseite, ich wollte eine Geschichte erzählen: Erstens habe ich nie formal Programmieren studiert und verstehe bis heute nicht, warum, es kommt immer etwas anderes „Dringenderes“ zur Sprache, und zweitens: Ich kann mich an nichts erinnern Matheunterricht.

Also beschloss ich, dieses Szenario zu ändern und ein Projekt in Angriff zu nehmen, das mir helfen würde, besser zu programmieren und mir als Bonus einige mathematische Konzepte beizubringen. Da erinnerte ich mich an ein Projekt von freeCodeCamp.org über die Erstellung eines KI-gesteuerten Autosimulators von Radu (Link hier). Der Typ hat alles mit seinen Nägeln gemacht, er hat nicht einmal TS benutzt! Ich erinnere mich, als ich diesen Minikurs beendet hatte, schaute ich mir den Code an und dachte: „Ja, ich glaube nicht, dass ich mich in Zukunft an irgendetwas davon erinnern werde.“

Die Herausforderung

Was ich mit dieser ganzen Einleitung wollte, war zu sagen: Ich bin mit diesem Gedanken im Kopf aufgewacht und habe beschlossen, etwas Ähnliches zu schaffen, aber etwas einfacher. Ich beschloss, einen Sensor zu erstellen, ohne eine Bibliothek zu verwenden oder den Originalcode noch einmal zu überarbeiten. Ich wünschte, auf dieser Reise wären nur ich und mein GPT-Assistent dabei.

Reflexionen und Erkenntnisse

Für diejenigen, die in der „Tutorial-Hölle“ stecken, sind hier einige Punkte, die ich wichtig fand:

• Erweitern Sie Ihre Referenzen:Diese Videos helfen meiner Meinung nach dabei, Ihre Denkweise zu erweitern. Sie werden dort nicht mit dem gleichen Wissen wie die Person im Video abreisen, aber Sie werden mit neuen Referenzen abreisen. Es ist wie bei einem Künstler, der Techniken von großen Meistern lernt, bevor er seinen eigenen Stil kreiert. Am Ende habe ich mich an viele Dinge aus dem Unterricht erinnert, auch wenn sie schon Monate her sind.
• Herausforderungen sind cool:Das Coolste war, das Projekt zu beenden und zu spüren, dass es ein unglaubliches Gefühl war, obwohl man 90 % der Zeit damit verbrachte, es zu verstehen und nicht wirklich zu programmieren, als das Projekt lief. Diese Projekte haben reale Anwendungen; Die Grundlagen sind die gleichen, wie sie beispielsweise auch in Spielen verwendet werden.
• Die Grundlagen verstehen:Wenn ich eine Bibliothek oder eine Game-Engine verwendet hätte, hätte ich das Konzept dahinter wahrscheinlich nicht so gut verstanden. Ich öffne gerne die Motorhaube und schaue, wie alles funktioniert. Bei großen Projekten ist das unmöglich, aber für Lernkonzepte ist es unerlässlich.

Das Projekt: Simple Radar mit HTML Canvas und JS

Jetzt möchte ich Ihnen das Ergebnis dieses Lernens zeigen: eine extrem einfache Version von Radar mit HTML Canvas und JavaScript. Das Interessanteste war, das alles ohne die Verwendung von Bibliotheken umzusetzen.

Das Projekt ist unter: https://stackblitz.com/edit/vitejs-vite-bu1acf?file=main.js

Ich habe vor, es in nicht allzu naher Zukunft häufiger zu verwenden!

Letzte Tipps

1. Schätzen Sie die Grundlagen:Das Verständnis der Grundlagen hilft Ihnen, jede Herausforderung zu meistern.
2. Haben Sie keine Angst, Fehler zu machen:Die meiste Zeit wird Versuch und Irrtum sein, und das ist in Ordnung.
3. Stellen Sie sich Herausforderungen direkt:Jedes abgeschlossene Projekt ist ein Sieg und eine Lernchance.

Abschluss

Wenn Sie gerade erst anfangen oder sich selbst herausfordern möchten, empfehle ich Ihnen, ein Projekt von Grund auf ohne Bibliotheken zu erstellen. Teilen Sie Ihre Erfahrungen und Herausforderungen, aber erstellen Sie bitte kein weiteres JS-Framework!

Das obige ist der detaillierte Inhalt vonWas habe ich gelernt, als ich einen einfachen Radarsimulator mit HMTL Canvas und JS erstellt habe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!