Lär dig datavetenskap med JavaScript Del 1, Grunderna

Introduktion

JavaScript är ett språk som vi kan använda för att skriva program som körs i en webbläsare eller på en server med nod. På grund av Node kan du använda JavaScript för att bygga fullständiga webbapplikationer som Twitter eller spel som Agar.io.  

Detta är den första lektionen i en fyrdelars serie där jag kommer att lära dig de programmeringsgrunder du behöver så att du kan lära dig att bygga dina egna appar. I del 1 kommer jag att introducera dig till syntaxen av JavaScript och ES6. ES6 står för ECMAScript 6, vilket är en version av JavaScript.

Innehåll

  • Installation och installation
  • Utforma ett program
  • Syntax
  • variabler
  • Datatyper
  • Recension
  • Medel

Installation och installation

Först ska vi skapa vår utvecklingsmiljö så att vi kan köra vår kod på vår egen dator. Alternativt kan du testa kodexempel på en online-editor som repl.it. Jag föredrar att du börjar skriva och köra kod på datorn så att du kan känna dig som en riktig programmerare. Dessutom vill jag att du använder nod, så att du kan lägga den på ditt CV och imponera på din arbetsgivare.  

Först behöver du en textredigerare för att skriva in din kod. Jag rekommenderar Sublim Text. Nästa, ladda ner och installera nod till din dator. Du kan hämta mjukvaran på Node.js webbplats. Bekräfta att installationen har fungerat genom att skriva kommandot nod -v från din terminal. Om allt är bra kommer du att se versionsnumret för din Node-installation. 

En av de saker du kan göra med Node är att köra JavaScript-kod från din terminal. Detta sker i det som kallas ett REPL. För att prova det, skriv in kommandot nod i din terminal. 

Låt oss nu skriva ut meddelandet "Hej, Värld". Skriv följande i terminalen:

> console.log ("Hej, Världen"); 

För att lämna REPL trycker du på Kontroll-C dubbelt. Att använda REPL kommer till nytta när du vill testa enkla uttalanden som exemplet ovan. Detta kan visa sig mer bekvämt än att spara kod till en fil, speciellt om du skriver bort bortkastningskod. 

För att utföra ett program som du har skrivit i en fil, kör kommandot i din terminal nodfilnamn, var filnamn ersätts med namnet på din JavaScript-fil. Du behöver inte skriva in js förlängning av filnamnet för att köra skriptet. Och du måste vara i rotkatalogen där filen lever.

Låt oss försöka ett exempel. Skapa en fil med namnet hello.js. Inuti lägger vi följande kod:

console.log ("Hej, Världen");

Kör koden från terminalen:

$ node hej

Om allt är bra ser du texten "Hello, World" -utgång till terminalen. Från och med nu kan du testa kodexemplen från den här handledningen antingen genom att använda noden REPL eller genom att spara till en fil.  

Utforma ett program

Innan du skriver någon kod bör du ta dig tid att förstå problemet. Vilka uppgifter behöver du? Vad är resultatet? Vilka tester behöver ditt program passera? 

När du förstår kraven i programmet kan du skriva stegen för att lösa det. Stegen är din algoritm. Din algoritm är inte kod. Det är klart engelska (ersätt engelska med ditt modersmål) instruktioner för att lösa problemet. Om du till exempel vill skriva en algoritm för matlagning av toppram kan det se ut så här:

  1. Ta bort toppen från koppen.
  2. Tom krydda packa i kopp.
  3. Fyll kopp med vatten.
  4. Mikrovågsugn på hög i 2 minuter.
  5. Kyl i 1 minut.

Ja, jag var hungrig när jag tänkte på det här. Och nej, det här är inte något du faktiskt skulle få som ett programproblem. Här är ett exempel på ett problem som är mer praktiskt. Det är en algoritm för att beräkna medelvärdet av en lista med siffror.

  1. Beräkna summan av alla siffrorna.
  2. Få det totala antalet siffror.
  3. Dela summan av summan.
  4. Återvänd resultatet.

Att förstå problemet och komma med en algoritm är de viktigaste stegen i programmeringen. När du är säker på din algoritm borde du skriva några testfall. Testerna visar hur din kod ska fungera. När du har testat, skriver du kod och tweak den tills dina test passerar. Beroende på hur komplicerat ditt problem är, kan varje steg i din algoritm behöva brytas ner ytterligare.  

Uppgift

Skriv en algoritm för att beräkna fakta av ett tal. Faktorn för ett tal * n * är produkten av alla heltal från 1 till * n *. Till exempel 4! (4 factorial) är 1 x 2 x 3 x 4 = 24.  

Syntax

Ett program liknar det språk vi pratar med. Den enda skillnaden är att ett programmeringsspråk är avsett att kommunicera med datorn (och andra programmerare som måste använda den). Reglerna för att konstruera programmet är dess syntax. Programmen består av uttalanden. Ett uttalande kan ses som en mening. I JavaScript måste du lägga en semikolon i slutet av ett uttalande. Exempel:

a = 2 + 2; 

Uttalanden består av uttryck. Uttryck är som ämnet / predikatdelarna i en mening. I ett programmeringsspråk har uttryck ett värde. Uttryck består av nyckelord som var och för vilka är språkets inbyggda vokabulär; data som ett tal eller en sträng; och operatörer gillar + och =. Exempel:

2 + 2 

Här är en lista över aritmetiska operatörer:

  • + - Tillägg
  • - - Subtraktion 
  • ** - exponentiering
  • * - Multiplikation
  • / - Division
  • % - resten
  • ++ - Ökning
  • -- - Minskning

Resten av operatören returnerar resten efter att ha delat två nummer. Till exempel, 4% 2 returnerar 0 och 5% 3 returnerar 2. Återstående operatör används vanligtvis för att få reda på om ett värde är jämnt eller udda. Även värden kommer att ha en rest 0.  

Uppgift

Hitta värdet av följande uttryck. Skriv ner dina svar först och kontrollera sedan dem i din REPL.

  • 9% 3
  • 3% 9
  • 3% 6
  • 3% 4
  • 3% 3
  • 3% 2

variabler

En variabel är ett namn som representerar ett värde i datorns minne. Något värde som vi skulle vilja lagra eller använda om och om igen borde placeras i en variabel. Ett sätt att skapa variabler är med var nyckelord. Men det föredragna sättet är att använda låta eller const nyckelord. Här är några exempel på att du använder låt för att skapa variabler:

Deklarera en variabel:

låt a;

Deklarera och initiera en variabel:

låt a = 1;

Omfördela en variabel:

a = 2;

Konstanter är variabler som inte kan förändras. De kan bara tilldelas en gång. Konstanter som har föremål eller arrays som värden kan ändå ändras eftersom de tilldelas genom referens. Variablerna håller inte ett värde; I stället pekar de på objektets plats. Exempel:

const a = foo: 1, bar: 2; a.baz = 3; console.log (a); // visar foo: 1, bar: 2, baz: 3 

Detta kommer dock att ge dig ett fel:

const a = foo: 1, bar: 2; a = ; console.log (a); 

Datatyper

Datatyper har regler för hur de kan användas. Om vi ​​till exempel lägger till två nummer får vi summan av dem. Men om vi lägger till ett tal med en sträng får vi en sträng. Här är en lista över de olika datatyperna:

  • Odefinierad: en variabel som inte har tilldelats ett värde
  • Null: inget värde
  • Boolean: en enhet som har värdet true eller false
  • String: en sekvens av tecken
  • Symbol: En unik, oföränderlig nyckel
  • Antal: heltal och decimala värden
  • Objekt: en samling av egenskaper

En sträng är en datatyp som består av tecken. En sträng kommer att omges med enkla citat eller dubbla citat. Strängar har också metoder du kan använda för att utföra åtgärder på dem. Nedan följer några exempel på åtgärder du kan utföra på strängar.

Bestäm om en sträng börjar med en substring:

"Hej, världen". Startar med ("hej"); //Sann 

Bestäm om en sträng slutar med en substring:

"Hej, Världen". Med Medborgare ("Världen"); //Sann

Bestäm om en substring finns någonstans i en sträng:

"Hej, Värld". Inkluderar ("Världen"); //Sann

Upprepa en sträng ett visst antal gånger:

"Hej" .repeat (3); //Hallå Hallå Hallå

Vi kan vrida en sträng i en array med spridningsoperatören: ...

låt str = [... "hej"]; console.log (str); //[ 'Hej' ]

Mall bokstäver är en speciell typ av strängar som använder backticks: ". Vi kan använda dem för att infoga variabler inom en sträng så här:

låt namnet = "Världen"; låt hälsning = 'Hej, $ name'; console.log (hälsning); //Hej världen 

Vi kan skapa flera linjer så här:

' 

Hej världen

'

Recension

Vi har sett hur vi ställer in vår utvecklingsmiljö med Node. Det första steget till programmering är att skriva stegen för att lösa problemet. Detta kallas algoritmen. Den faktiska koden kommer att bestå av många uttalanden. Uttalanden är programmets instruktioner och består av uttryck. Uttryck är användbara i vårt program om vi tilldelar dem variabler. Variabler skapas med låta eller const nyckelord. 

I del 2 kommer jag att förklara villkor. 

Medel

  • repl.it
  • Sublim Text
  • Node.js
  • ES6-specifikation
  • Du vet inte JS: ES6 och Beyond