Introducere

JavaScript este o limbă pe care o putem folosi pentru a scrie programe care rulează într-un browser sau pe un server folosind Node. Din cauza nodului, puteți utiliza JavaScript pentru a construi aplicații web complete precum Twitter sau jocuri precum Agar.io.  

Aceasta este prima lecție dintr-o serie de patru părți în care vă voi învăța fundamentele de programare de care veți avea nevoie pentru a putea învăța să construiți propriile aplicații. În partea 1, vă voi prezenta sintaxa JavaScript și ES6. ES6 reprezintă ECMAScript 6, care este o versiune a JavaScript.

Cuprins

• Instalare și configurare
• Proiectarea unui program
• Sintaxă
• variabile
• Tipuri de date
• Revizuire
• Resurse

Instalare și configurare

În primul rând, vom configura mediul de dezvoltare astfel încât să putem rula codul pe calculatorul propriu. Alternativ, puteți testa exemple de coduri pe un editor online, cum ar fi repl.it. Prefer să începeți să scrieți și să rulați codul pe computer, pentru a vă simți ca un programator real. În plus, vreau să folosiți nodul astfel încât să puteți pune în CV-ul dvs. și să-i impresionați pe angajator.  

În primul rând, veți avea nevoie de un editor de text pentru a vă scrie codul. Vă recomandăm Text Sublim. Apoi, descărcați și instalați Nodul pe computer. Puteți obține software-ul pe site-ul Node.js. Confirmați că instalarea a funcționat prin tastarea comenzii nod -v de la terminalul tău. Dacă totul este bine, veți vedea numărul versiunii instalării Nodului. 

Unul dintre lucrurile pe care le puteți face cu Nodul este rularea codului JavaScript din interiorul terminalului. Acest lucru are loc în ceea ce se numește REPL. Pentru a încerca, introduceți comanda nodul în terminalul tău. 

Apoi, să tipărim mesajul "Bună ziua, lumea". Introduceți următoarele în terminal:

> console.log ("Hello, World"); 

Pentru a ieși din REPL, apăsați Control-C de două ori. Utilizarea REPL vine la îndemână atunci când doriți să testați simple afirmații precum exemplul de mai sus. Acest lucru se poate dovedi mai convenabil decât salvarea unui cod într-un fișier - mai ales dacă scrieți un cod de aruncare. 

Pentru a executa un program pe care l-ați scris într-un fișier, executați comanda în terminal nume fișier nod, Unde nume de fișier este înlocuit cu numele fișierului dvs. JavaScript. Nu trebuie să tastați js extensia numelui de fișier pentru a rula scriptul. Și trebuie să fiți în directorul rădăcină în care trăiește fișierul.

Să încercăm un exemplu. Creați un fișier numit hello.js. În interior, vom pune următorul cod:

console.log ("Hello, World");

Rulați codul din terminal:

$ nod salut

Dacă totul este bine, veți vedea textul "Bună ziua, Lumea" la terminal. De acum înainte, puteți testa exemplele de cod din acest tutorial fie folosind Node REPL, fie salvând într-un fișier.  

Proiectarea unui program

Înainte de a scrie orice cod, ar trebui să faceți timp pentru a înțelege problema. Ce date aveți nevoie? Care este rezultatul? Ce teste trebuie să treacă programul tău? 

Când înțelegeți cerințele programului, puteți scrie pașii pentru ao rezolva. Pașii reprezintă algoritmul tău. Algoritmul dvs. nu este cod. Este limpede limba engleză (înlocuiți limba engleză cu limba maternă) instrucțiuni pentru rezolvarea problemei. De exemplu, dacă doriți să scrieți un algoritm pentru gătit ramen top, ar putea arăta astfel:

1. Scoateți vârful din ceașcă.
2. Goliți pachetul de condimente în ceașcă.
3. Umpleți cana cu apă.
4. Cuptor cu microunde la înălțime timp de 2 minute.
5. Se răcește timp de 1 minut.

Da, mi-era foame când m-am gândit la asta. Și nu, nu este ceva ce ar fi dat de fapt ca o problemă de programare. Iată un exemplu de problemă care este mai practică. Este un algoritm pentru a calcula media unei liste de numere.

1. Calculați suma tuturor numerelor.
2. Obțineți numărul total de numere.
3. Împărțiți suma cu suma totală.
4. Returnați rezultatul.

Înțelegerea problemei și prezentarea unui algoritm sunt cei mai importanți pași în programare. Când vă simțiți încrezători în algoritmul dvs., atunci ar trebui să scrieți câteva cazuri de testare. Testele vor arăta cum ar trebui să se comporte codul dvs. Odată ce ați efectuat testele, scrieți codul și modificați-l până se trece testele. În funcție de cât de complexă este problema dvs., este posibil ca fiecare dintre pașii din algoritmul dvs. să fie defalcat în continuare.  

Sarcină

Scrieți un algoritm pentru a calcula factorialul unui număr. Factorialul unui număr * n * este produsul tuturor numerelor întregi de la 1 la * n *. De exemplu, 4! (4 factoriali) este 1 x 2 x 3 x 4 = 24.  

Sintaxă

Un program este similar cu limba în care vorbim. Singura diferență este că un limbaj de programare este destinat să comunice cu computerul (și cu alți programatori care trebuie să îl folosească). Regulile pentru construirea programului sunt sintaxa sa. Programele constau din declarații. O declarație poate fi considerată o propoziție. În JavaScript, trebuie să puneți punct și virgulă la sfârșitul unei instrucțiuni. Exemplu:

a = 2 + 2; 

Declarațiile constau în expresii. Expresiile sunt ca și subiectele / predicatele unei propoziții. Într-un limbaj de programare, expresiile au o valoare. Expresiile constau în cuvinte cheie precum var și pentru care sunt vocabularul integrat al limbii; date ca un număr sau șir; și operatorii cum ar fi + și =. Exemplu:

2 + 2 

Iată o listă de operatori aritmetici:

• + - Plus
• - - Scădere 
• ** - exponentiation
• * - Multiplicare
• / - diviziune
• % - Rest
• ++ - Creştere
• -- - Decrementați

Operatorul restul returnează restul după împărțirea a două numere. De exemplu, 4% 2 returnează 0 și 5% 3 returnează 2. Operatorul restul este folosit în mod obișnuit pentru a afla dacă o valoare este par ială sau ciudată. Chiar și valorile vor avea un rest 0.  

Sarcină

Găsiți valoarea următoarelor expresii. Notați mai întâi răspunsurile dvs., apoi verificați-le în REPL.

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

variabile

O variabilă este un nume care reprezintă o valoare în memoria calculatorului. Orice valoare pe care dorim să o păstrăm sau să o folosim în mod repetat trebuie să fie plasată într-o variabilă. O modalitate de a crea variabile este cu var cuvinte cheie. Dar modul preferat este să utilizați lăsa sau const Cuvinte cheie. Iată câteva exemple de utilizare a permisiunii de a crea variabile:

Declararea unei variabile:

lasa-o;

Declararea și inițializarea unei variabile:

lăsați a = 1;

Relansarea unei variabile:

a = 2;

Constantele sunt variabile care nu se pot schimba. Acestea pot fi atribuite o singură dată. Constantele care au ca obiecte obiecte sau matrice pot fi modificate deoarece sunt atribuite prin referință. Variabilele nu dețin o valoare; în schimb, ele indică locația obiectului. Exemplu:

const a = foo: 1, bar: 2; a.baz = 3; console.log (a); // afișează foo: 1, bar: 2, baz: 3 

Cu toate acestea, aceasta vă va da o eroare:

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

Tipuri de date

Tipurile de date au reguli pentru modul în care pot fi operate. De exemplu, dacă adăugăm două numere, obținem suma lor. Dar dacă adăugăm un număr cu un șir, obținem un șir. Iată o listă a diferitelor tipuri de date:

• Nedefinită: o variabilă care nu a primit o valoare
• Null: nici o valoare
• Boolean: o entitate care are valoarea adevărată sau falsă
• String: o secvență de caractere
• Simbol: o cheie unică, neschimbătoare
• Număr: valori întregi și zecimale
• Obiect: o colecție de proprietăți

Un șir este un tip de date care constă din caractere. Un șir va fi înconjurat de citate simple sau de citate dublă. Șirurile au, de asemenea, metode pe care le puteți utiliza pentru a efectua acțiuni asupra lor. Iată câteva exemple de acțiuni pe care le puteți efectua pe șiruri de caractere.

Determinați dacă un șir începe cu un substring:

"Bună ziua, Lumea". Începe cu ("Bună ziua"); //Adevărat 

Determinați dacă un șir sfârșește cu un substring:

"Bună ziua, lumea" .endi ("Lumea"); //Adevărat

Determinați dacă o subdreaptă este localizată oriunde într-un șir:

"Bună ziua, Lumea". Include ("Lumea"); //Adevărat

Repetați un șir de mai multe ori:

"Bună" .repeat (3); //Salut salut salut

Putem transforma un șir într-o matrice cu operatorul de răspândire: ...

lăsați str = [... "hello"]; console.log (str); //[ 'Salut' ]

Literele de șabloane sunt un tip special de șir care folosește spirale: ". Putem să le folosim pentru a introduce variabile într-un șir ca acesta:

da numele = "Lumea"; salut salut = 'Bună ziua, $ name'; console.log (salut); //Salut Lume 

Putem crea șiruri de mai multe linii astfel:

' 
 
Salut Lume
 
 '

Revizuire

Am văzut cum să configuram mediul de dezvoltare folosind Nodul. Primul pas în programare este scrierea pașilor pentru rezolvarea problemei. Aceasta se numește algoritmul. Codul real va consta din mai multe declarații. Declarațiile sunt instrucțiunile programului și sunt alcătuite din expresii. Expresiile sunt utile în programul nostru dacă îi atribuim variabilelor. Variabilele sunt create cu lăsa sau const cuvinte cheie. 

În partea a 2-a, voi explica condiționalitățile. 

Resurse

• repl.it
• Text sublim
• Node.js
• Specificația ES6
• Nu știți JS: ES6 și Dincolo