interessant

Lær, hvordan du koder del I: Variabler og grundlæggende datatyper

Vil du lære at kode, men ved ikke, hvor du skal starte? Vi har dig dækket. Vi lærer dig det grundlæggende hele ugen, og her er din første lektion.

Tidligere har vi givet dig nogle ressourcer til at lære at kode og givet dig et bredt overblik over processen, men nu er det tid til at komme i gang: Vi tilbyder et kort 101 kursus, trin for trin. Du kan ikke lære at kode natten (eller om en uge), men vi har opdelt det grundlæggende i et par lektioner, der vil blive frigivet som de første fire dele i vores helt nye Goldavelez.com Night School- serie.

Hver lektion er videobaseret (som du kan se ovenfor), men vi vil også give dig tekstnotater og filer, som du også kan henvise til. Hver lektion er designet til at være en håndterbar del af information, som du kan fordøje på under 15 minutter (og ofte meget mindre). Selvom vi starter vores første programmeringstime kl. 9:00 PST, frigives de følgende tre lektioner hver dag kl. 18.00 PST. Sørg for at vende tilbage og besøge os ved udgangen af ​​dagen tirsdag, onsdag og torsdag denne uge for at afslutte at lære det grundlæggende.

Vores første lektion vil være meget enkel og bestå af at lære om grundlæggende variabler og datatyper. I undervisningen i denne serie bruger vi JavaScript som en model, fordi det er en syntaks, der er temmelig let at forstå, og det er noget, enhver med en teksteditor og en webbrowser kan bruge. Fordi det er et ECMA-baseret sprog, gør det forståelsen af ​​andre ECMA-baserede sprog (som ActionScript) meget lettere at lære. Endnu bedre vil du opdage, at det at vide, hvordan man skriver JavaScript, vil gøre overgangen til andre objektorienterede programmeringssprog meget lettere. Grundlæggende er JavaScript let tilgængeligt for praktisk talt alle med en computer og en browser, så vi synes, det er et rigtig godt udgangspunkt. Når du først har fundet det grundlæggende, skal det være let at begynde at lære andre sprog.

Lad os komme igang!

Hvad er variabler?

Du kan tænke på variabler som mærkede krukker, der gemmer forskellige typer data. Selvom der er flere slags variabler, skal vi i dag kun se på tre:

  • Streng - En strengvariabel er en streng med alfanumeriske tegn og tilladte symboler, der er indeholdt i anførselstegn. For eksempel "Hej verden, jeg er 102 år i dag!" er et eksempel på en streng. Strenge kan også indeholdes i enkelte citater, hvilket er nyttigt, hvis du vil have en streng med et citat som dette: '' Jeg hader sneen, 'sagde Laurel.' Strenge bruges dybest set til lagring af tekst.
  • Tal - En talvariabel kunne ikke være mere ligetil, fordi alle nummervariabler er numre. Du gemmer dem ikke i tilbud som strenge. I stedet kan numre bare skrives som de er. Hvis du vil gemme nummeret 9 i en variabel, skriver du bare 9.
  • Boolsk - En boolsk variabel er en af ​​to ting: eller. Denne datatype ligner en tænd / sluk-switch, så du kan stille rigtige eller forkerte spørgsmål i din kode. For eksempel kan du spørge "afspilles videoen i øjeblikket?" Det svar, du får, ville være en boolesk variabel. ville betyde, at videoen i øjeblikket afspilles, og ville betyde, at den ikke er det.

Så hvordan lægger du en variabel til din kode (eller en variabel, som den mere traditionelt kaldes)? I JavaScript er alt hvad du behøver at gøre dette:

myVariable = "Hej verden!";

Til Var eller ikke til Var

I JavaScript kan du definere en variabel som myVariable = "something"; eller var myVariable = "something";, hvor forskellen er ordet, der var forud for udsagnet. Når du erklærer variabler i et script uden for en funktion, er denne sondring stort set irrelevant. Når du erklærer en variabel i en funktion og bruger var skaber dette en global variabel. Du kan få adgang til globale variabler hvor som helst i din kode, mens lokale variabler (som dem, der er defineret i funktioner) kun kan fås inden for deres eget omfang (f.eks. Hvis en variabel er lokal til en funktion, er det kun denne funktion, der kan bruge den). Dette er ikke en vigtig sondring lige i dette øjeblik, men når vi lærer om funktioner senere, vil det være godt at vide.

Der er et par ting at bemærke her. Først navnet myVariable. Alle programmeringssprog har noget, der kaldes reserverede ord, hvilket betyder, at du ikke kan bruge dem som variable navne. Hvad de varierer, men hvis navnet er tilstrækkelig generisk, er der en chance for, at det kan være et reserveret ord. For at undgå at bruge reserverede ord og skrue op din kode skal du bare vælge et navneplan for dine variabler. Jeg har lagt "min" foran min eksempelvariabel, men du vil sandsynligvis komme med noget andet. For det andet vil du bemærke en semikolon i slutningen af ​​linjen. En semikolon er som en periode i slutningen af ​​en sætning i mange programmeringssprog, og det er bestemt tilfældet i JavaScript. I næsten enhver situation skal du afslutte dine kodesætninger med en semikolon, så din computer ikke bliver forvirret, når du læser den. Semikolon siger computeren, "Okay, jeg er færdig med denne erklæring." (Bemærk: JavaScript er tilgivende, og nogle gange kan du slippe af sted uden semikolon, men det er god praksis.)

En ting, der skal bemærkes, er, at JavaScript er et løst typisk sprog. Der er (dybest set) to slags sprog: løst indtastet og strengt skrevet. Et eksempel på et strengt typet sprog er ActionScript (sproget Flash-apps er skrevet i), og den samme variabeldeklaration, vi lige har skrevet, ville se sådan ud i ActionScript 3:

var myVariable: String = "Hej verden!";

De tilføjelser, du ser, er ordet og ordet (med en kolon foran). Ordet var fortæller computeren, vi er ved at erklære en variabel. Strengen: der er knyttet til variabelens navn fortæller computeren, hvilken type variabel det er, og om ikke at acceptere nogen anden type. Dette er grunden til udtrykket. Et løst typisk sprog som JavaScript er mere fleksibelt og kræver ikke noget af det. Dette gør din kode mere fleksibel, men nogle vil hævde, at den også vil gøre den mere fejlbenyttet. Vi vil ikke komme ind på fordele og ulemper ved strengt og løst typede sprog her, men det er godt at være opmærksom på de grundlæggende forskelle nu, da du sandsynligvis vil støde på dem i dine programmeringsbestræbelser.

Nu hvor du forstår, hvad variabler er, og hvordan de fungerer, kan vi prøve at bruge dem i en vis JavaScript-kode.

Oprettelse af variabler og brug af JavaScript Alert () -funktionen

Lad os oprette et simpelt HTML-dokument, som vi kan bruge til at teste vores variabler:

Du vil have et bedre defineret HTML-dokument, når du faktisk skriver kode, men til vores formål fungerer dette helt fint. Gem koden ovenfor som en fil kaldet myscript.html (eller noget, du vil have, der ender i .html og ikke indeholder mellemrum eller specialtegn), og åbn den op i din webbrowser. Du ser absolut intet andet end "My Script" i titellinjen. Vi har stadig mere arbejde at gøre. Lad os først erklære en variabel inde i script-tagget:

myVariable = 5;

Her har vi netop opgivet et nummer. Lad os se på andre variabeltyper, vi kan erklære

myNumber = 5;

myString = "Hej verden!";

myBoolean = sandt;

Det giver os et tal, en streng og en boolsk. Lad os nu tage den myString-variabel og faktisk gøre noget med den:

myNumber = 5;

myString = "Hej verden!";

myBoolean = sandt;

alert (myString);

Du vil bemærke, at jeg har tilføjet alert(myString); . Dette kalder en indbygget JavaScript-funktion (vi lærer mere om disse senere) kaldet alert() som skaber en pop-up-dialogboks, som brugerne kan interagere med.

Hvad er "Hej verden!" alt om?

At skrive et simpelt program, der siger "Hej verden!" er generelt den første ting, som enhver programmør gør, når de lærer at kode. Det er ikke nødvendigt, men det er en slags tradition og en indvielse i klubben.

Du vil aldrig rigtig bruge disse i praksis, fordi - som enhver internetbruger sandsynligvis ved - alarmbokse er meget irriterende, men de gør for en god måde at teste din kode for at sikre, at den fungerer, mens du skriver. Den parentes, der følger efter alarm, giver dig mulighed for at give alarm med data, den muligvis har brug for. Ikke alle funktioner kræver, at du giver dem information, men alarm skal vide, hvad han skal advare brugeren. I dette tilfælde gav vi det myString, så brugeren vil modtage en popup-anmeldelse, der siger "Hej verden!" Prøv dette med dine andre variabler for at få popups med et tal og en boolesk værdi.

Hvorfor give alarm () en variabel og ikke bare give den indholdet af variablen? Hvis du sagde alarm ("Hej verden!"), Ville du få det samme resultat i dette eksempel, men variabler kaldes variabler, fordi de. Tanken er, at indholdet eller værdierne af disse variabler ændres, når brugerne interagerer med de programmer, du skriver.

Hvis du er klar til at tage det næste trin med variabler, så tjek vores anden lektion, der arbejder med variabler.

Du kan kontakte Adam Dachis, forfatteren af ​​dette indlæg, på Du kan også følge ham på Twitter og Facebook.