interessant

Erfahren Sie, wie Sie Teil I: Variablen und grundlegende Datentypen codieren

Möchten Sie lernen, wie man programmiert, wissen aber nicht, wo Sie anfangen sollen? Wir geben dir Deckung. Wir werden Ihnen die ganze Woche die Grundlagen beibringen und hier ist Ihre erste Lektion.

Früher haben wir Ihnen einige Ressourcen für das Erlernen des Codierens bereitgestellt und Ihnen einen umfassenden Überblick über den Prozess gegeben. Jetzt ist es an der Zeit, sich dem Geschäft zu widmen: Wir bieten Schritt für Schritt einen kurzen 101-Kurs an. Sie können nicht lernen, über Nacht (oder in einer Woche) zu programmieren, aber wir haben die Grundlagen in ein paar Lektionen aufgeteilt, die als die ersten vier Teile unserer brandneuen Goldavelez.com Night School- Serie veröffentlicht werden.

Jede Lektion wird auf Video basieren (wie Sie oben sehen können), aber wir stellen Ihnen auch Textnotizen und Dateien zur Verfügung, auf die Sie sich ebenfalls beziehen können. Jede Lektion ist als überschaubare Informationsmenge konzipiert, die Sie in weniger als 15 Minuten (und oft auch viel weniger) verarbeiten können. Obwohl wir unsere erste Programmierstunde um 9:00 Uhr PST beginnen, werden die folgenden drei Lektionen jeden Tag um 18:00 Uhr PST veröffentlicht. Besuchen Sie uns am Ende des Tages am Dienstag, Mittwoch und Donnerstag dieser Woche, um die Grundlagen zu erlernen.

Unsere erste Lektion wird sehr einfach sein und aus dem Erlernen grundlegender Variablen und Datentypen bestehen. Für die Lektionen in dieser Serie werden wir JavaScript als Modell verwenden, da es sich um eine leicht verständliche Syntax handelt, die jeder mit einem Texteditor und einem Webbrowser verwenden kann. Da es sich um eine ECMA-basierte Sprache handelt, ist das Erlernen anderer ECMA-basierter Sprachen (z. B. ActionScript) wesentlich einfacher. Noch besser ist, dass Sie den Übergang zu anderen objektorientierten Programmiersprachen viel einfacher finden, wenn Sie wissen, wie man JavaScript schreibt. Grundsätzlich steht JavaScript praktisch jedem zur Verfügung, der über einen Computer und einen Browser verfügt. Wir sind daher der Meinung, dass dies ein guter Ausgangspunkt ist. Sobald Sie die Grundlagen verstanden haben, sollte es leicht sein, andere Sprachen zu lernen.

Lass uns anfangen!

Was sind Variablen?

Sie können sich Variablen als beschriftete Gläser vorstellen, in denen verschiedene Datentypen gespeichert sind. Obwohl es verschiedene Arten von Variablen gibt, werden wir uns heute nur drei ansehen:

  • Zeichenfolge - Eine Zeichenfolgenvariable ist eine Zeichenfolge aus alphanumerischen Zeichen und zulässigen Symbolen in Anführungszeichen. Zum Beispiel "Hallo Welt, ich bin heute 102 Jahre alt!" ist ein Beispiel für eine Zeichenfolge. Zeichenfolgen können auch in einfachen Anführungszeichen stehen. Dies ist nützlich, wenn Sie eine Zeichenfolge mit einem Zitat wie dem folgenden haben möchten: "Ich hasse den Schnee", sagte Laurel. Zeichenfolgen werden grundsätzlich zum Speichern von Text verwendet.
  • Zahl - Eine Zahlenvariable könnte nicht einfacher sein, da alle gespeicherten Zahlenvariablen Zahlen sind. Sie speichern sie nicht in Anführungszeichen wie Zeichenfolgen. Stattdessen können Zahlen einfach so geschrieben werden, wie sie sind. Wenn Sie die Zahl 9 in einer Variablen speichern möchten, schreiben Sie einfach 9.
  • Boolean - Eine boolesche Variable ist eines von zwei Dingen: oder. Dieser Datentyp ähnelt einem Ein- und Ausschalter, sodass Sie in Ihrem Code wahre oder falsche Fragen stellen können. Sie könnten beispielsweise fragen, ob das Video gerade abgespielt wird. Die Antwort wäre eine boolesche Variable. würde bedeuten, dass das Video gerade abgespielt wird und würde bedeuten, dass es nicht abgespielt wird.

Wie können Sie also eine Variable in Ihren Code einfügen (oder eine Variable, wie sie traditioneller heißt)? In JavaScript müssen Sie lediglich Folgendes tun:

myVariable = "Hallo Welt!";

Var oder nicht Var

In JavaScript können Sie eine Variable als myVariable = "something"; oder var myVariable = "something"; Der Unterschied ist das Wort var vor der Anweisung. Wenn Sie Variablen in einem Skript außerhalb einer Funktion deklarieren, ist diese Unterscheidung ziemlich irrelevant. Wenn Sie eine Variable innerhalb einer Funktion deklarieren und var wird eine globale Variable erstellt. Auf globale Variablen kann von überall in Ihrem Code zugegriffen werden, während auf lokale Variablen (wie die in Funktionen definierten) nur in ihrem eigenen Bereich zugegriffen werden kann (z. B. wenn eine Variable für eine Funktion lokal ist, kann sie nur diese Funktion verwenden). Dies ist momentan keine wichtige Unterscheidung, aber wenn wir später etwas über Funktionen lernen, ist es gut zu wissen.

Hier sind einige Dinge zu beachten. Zunächst der Name myVariable. Alle Programmiersprachen haben so genannte reservierte Wörter, was bedeutet, dass Sie sie nicht als Variablennamen verwenden können. Was sie variieren, aber wenn der Name allgemein genug ist, besteht die Möglichkeit, dass es sich um ein reserviertes Wort handelt. Um zu vermeiden, dass reservierte Wörter verwendet und Ihr Code durcheinander gebracht wird, legen Sie einfach ein Namensschema für Ihre Variablen fest. Ich habe "my" vor meine Beispielvariable gestellt, aber Sie werden wahrscheinlich etwas anderes einfallen lassen wollen. Zweitens wird am Ende der Zeile ein Semikolon angezeigt. Ein Semikolon ist in vielen Programmiersprachen wie ein Punkt am Ende eines Satzes, und das ist in JavaScript definitiv der Fall. In fast jeder Situation müssen Sie Ihre Codesätze mit einem Semikolon beenden, damit Ihr Computer beim Lesen nicht verwirrt wird. Das Semikolon sagt dem Computer: "Okay, ich bin mit dieser Aussage fertig." (Hinweis: JavaScript verzeiht, und manchmal können Sie ohne Semikolon davonkommen, aber es ist eine gute Übung.)

Eine weitere Sache zu beachten ist, dass JavaScript eine lose typisierte Sprache ist. Grundsätzlich gibt es zwei Arten von Sprachen: lose und streng getippt. Ein Beispiel für eine streng typisierte Sprache ist ActionScript (die Sprache, in der Flash-Apps geschrieben sind). Dieselbe Variablendeklaration, die wir gerade geschrieben haben, würde in ActionScript 3 folgendermaßen aussehen:

var myVariable: String = "Hallo Welt!";

Die Ergänzungen, die Sie sehen, sind das Wort und das Wort (mit einem Doppelpunkt davor). Das Wort var sagt dem Computer, dass wir im Begriff sind, eine Variable zu deklarieren. Die an den Variablennamen angehängte Zeichenfolge: teilt dem Computer mit, um welchen Variablentyp es sich handelt und um keinen anderen Typ zu akzeptieren. Dies ist der Grund für den Begriff. Eine lose geschriebene Sprache wie JavaScript ist flexibler und erfordert nichts davon. Dies macht Ihren Code flexibler, aber einige werden argumentieren, dass er auch fehleranfälliger wird. Wir werden uns hier nicht mit den Vor- und Nachteilen von streng und locker geschriebenen Sprachen befassen, aber es ist gut, die grundlegenden Unterschiede jetzt zu kennen, da Sie sie höchstwahrscheinlich bei Ihren Programmierbemühungen antreffen werden.

Nachdem Sie verstanden haben, was Variablen sind und wie sie funktionieren, können Sie versuchen, sie in einem tatsächlichen JavaScript-Code zu verwenden.

Erstellen von Variablen und Verwenden der JavaScript-Warnfunktion ()

Erstellen wir ein einfaches HTML-Dokument, mit dem wir unsere Variablen testen können:

Sie werden ein besser definiertes HTML-Dokument haben wollen, wenn Sie tatsächlich Code schreiben, aber für unsere Zwecke wird dies gut funktionieren. Speichern Sie den obigen Code als Datei mit dem Namen myscript.html (oder eine beliebige Datei, die mit .html endet und keine Leerzeichen oder Sonderzeichen enthält) und öffnen Sie sie in Ihrem Webbrowser. In der Titelleiste sehen Sie absolut nichts anderes als "Mein Skript". Wir haben noch mehr zu tun. Zuerst deklarieren wir eine Variable innerhalb des script -Tags:

myVariable = 5;

Hier haben wir gerade eine Nummer angegeben. Schauen wir uns andere Variablentypen an, die wir deklarieren können

myNumber = 5;

myString = "Hallo Welt!";

myBoolean = true;

Das gibt uns eine Zahl, eine Zeichenkette und einen Booleschen Wert. Nehmen wir nun diese myString-Variable und machen etwas damit:

myNumber = 5;

myString = "Hallo Welt!";

myBoolean = true;

alert (myString);

Sie werden feststellen, dass ich den alert(myString); hinzugefügt habe alert(myString); . Dies ruft eine integrierte JavaScript-Funktion (mehr dazu später) namens alert() die ein Popup-Dialogfeld erstellt, mit dem Benutzer interagieren können.

Was ist "Hallo Welt!" alles über?

Schreiben eines einfachen Programms mit der Aufschrift "Hallo Welt!" ist im Allgemeinen das erste, was jeder Programmierer tut, wenn er lernt, wie man programmiert. Es ist nicht notwendig, aber es ist eine Art Tradition und eine Einweihung in den Club.

Sie möchten diese Funktionen in der Praxis nie wirklich verwenden, da - wie jeder Internetbenutzer wahrscheinlich weiß - Warnmeldungsfelder sehr ärgerlich sind. Sie bieten jedoch eine gute Möglichkeit, Ihren Code zu testen und sicherzustellen, dass er beim Schreiben funktioniert. Die folgende Warnung in Klammern ermöglicht es Ihnen, Warnmeldungen mit Daten zu versehen, die möglicherweise benötigt werden. Nicht für alle Funktionen müssen Sie Informationen angeben, aber alert muss wissen, was der Benutzer zu warnen hat. In diesem Fall haben wir es myString gegeben, sodass der Benutzer eine Popup-Benachrichtigung mit der Aufschrift "Hallo Welt!" Erhält. Versuchen Sie dies mit Ihren anderen Variablen, um Popups mit einer Zahl und einem Booleschen Wert zu erhalten.

Warum geben Sie alert () eine Variable und nicht nur den Inhalt der Variablen? Nun, wenn Sie alert ("Hello world!") Sagten, würden Sie in diesem Beispiel das gleiche Ergebnis erzielen, aber Variablen werden Variablen genannt, weil sie. Die Idee ist, dass sich der Inhalt oder die Werte dieser Variablen ändern, wenn Benutzer mit den von Ihnen geschriebenen Programmen interagieren.

Wenn Sie bereit sind, den nächsten Schritt mit Variablen zu machen, lesen Sie unsere zweite Lektion, das Arbeiten mit Variablen.

Sie können Adam Dachis, den Autor dieses Beitrags, unter kontaktieren. Sie können ihm auch auf Twitter und Facebook folgen.