Cum să începeți codarea în JavaScript? Partea 1 Curs JavaScript de la începător la avansat

În această serie vom trece de la Începător la Avansat în JavaScript în 10 postări de blog. Până la sfârșitul acestei serii, veți cunoaște toate elementele de bază pe care trebuie să le cunoașteți pentru a începe să codificați în JavaScript.

Cum să începeți codarea în JavaScript? - Cuprins:

1. Pentru cine este acest curs?
2. Ce poți face de fapt cu JavaScript?
3. De ce JavaScript este atât de popular?
4. Unde puteți scrie și executa cod JavaScript?
5. Cum să începeți codarea în JavaScript?

Pentru cine este acest curs?

Acest curs este pentru dvs. dacă sunteți o persoană care dorește să înceapă codificarea în JavaScript sau dacă doriți să-și reîmprospăteze cunoștințele în JavaScript. De asemenea, recomand să marcați acest tutorial pentru referințe viitoare. Ori de câte ori doriți să aveți o reintroducere rapidă cu privire la concepte sau poate doar să vă amintiți sintaxa folosită în JavaScript ar fi un moment bun pentru a revizui această serie în viitor.

Ce poți face de fapt cu JavaScript?

Înainte de a vă scufunda în JavaScript, este o idee bună să știți ce puteți face de fapt cu JavaScript. Este posibil să cunoașteți JavaScript ca limbajul care domină web-ul. Și ai avea perfectă dreptate! JavaScript, început ca un limbaj front-end pentru a adăuga comportament site-urilor web, este acum utilizat în fiecare aspect al site-urilor web.

Este folosit în mod obișnuit în dezvoltarea web front-end, de obicei, împreună cu alte cadre și biblioteci JavaScript, cum ar fi React. Este, de asemenea, cel mai comun limbaj folosit în dezvoltarea web backend datorită Node.js, care vă permite să rulați JavaScript pe serverele web. Dar nu se oprește deloc acolo. JavaScript este folosit în toate tipurile de locuri, inclusiv crearea de aplicații web progresive, la aplicații desktop. De asemenea, a început recent să fie folosit în Machine Learning folosind TensorFlow.js. Datorită din nou Node.js, poate fi folosit și pentru controlul dronelor, roboților, precum și a dispozitivelor IOT.

De ce JavaScript este atât de popular?

JavaScript este în prezent cel mai popular limbaj de programare și este pentru un motiv întemeiat. Există mai mulți factori principali care fac din JavaScript ceea ce este astăzi. Acestea includ disponibilitatea largă a mediilor de rulare, siguranța versiunii de cod datorită Babel și adoptarea largă în comunitate. Să vedem care sunt pe rând.

Disponibilitate largă

JavaScript domină web, din față în spate. Dacă citiți acest articol pentru a vă reîmprospăta cunoștințele JavaScript, probabil că știți că apar noi cadre javascript la fiecare câteva luni, mai ales în ceea ce privește dezvoltarea web front end, deoarece pot exista multe abordări pentru optimizarea acestuia.

După cum vom vedea mai târziu în articol, nu este nevoie să instalați niciun software special pentru a începe să scrieți și să executați codul JavaScript, deoarece aveți deja instrumentele necesare în browser. Numai acest lucru reduce bariera de a începe să învețe limbajul, deoarece majoritatea limbajelor de programare vă vor cere să instalați și să configurați medii de codare chiar și pentru a începe.

Siguranța versiunii

Întregul scop al scrierii unui cod este de a-l rula atunci când ar trebui să ruleze. Și, făcând asta, ultimul lucru pe care îl doriți este ca jumătate din site-ul dvs. să nu funcționeze într-un număr semnificativ de utilizatori. Dar ce poți face dacă codul tău trebuie să ruleze pe 1000 de combinații diferite de dispozitive și browser? Pentru cine veți optimiza și pe cine veți renunța de la a fi utilizator? Trebuie măcar să faci o astfel de alegere? Dacă jumătate dintre utilizatorii dvs. au dispozitive vechi, iar cealaltă jumătate are dispozitive noi, pentru cine veți optimiza codul și pe cine veți ignora în calitate de client? Răspunsul este, sperăm că niciunul, datorită lui Babel.

Babel este un software care se asigură că codul tău rulează chiar și la browserele foarte vechi care folosesc o versiune foarte veche de JavaScript. În acest fel, nu trebuie să faci o alegere care te va determina să ignori jumătate dintre clienții tăi. Pentru a fi clar, nu scrieți cod cu Babel sau nu este o aromă de JavaScript. Dar este un software extrem de folosit, care preia codul JavaScript deja scris și funcțional și îl convertește în versiunea de JavaScript pe care o înțeleg alte browsere, chiar dacă au o versiune foarte veche de JavaScript în browserele lor.

Adopție comunitară uriașă

Ori de câte ori scrieți cod, este inevitabil să întâlniți probleme. Și în acele momente, indiferent de limbajul de programare cu care lucrați, poate fi extrem de util să vedeți că problema dvs. este deja răspunsă de cineva de ajutor pe internet. Acolo intervine suportul comunității și, prin urmare, StackOverflow.

Dacă nu știți ce este StackOverflow, este practic cel mai mare forum de programare pe care oamenii îl folosesc pentru a pune și a răspunde la întrebări de programare. Nu este singurul loc unde veți găsi răspunsurile, cu siguranță există locuri care vă vor fi de mare ajutor pentru a răspunde la întrebările dvs. specifice, dar sunt șanse să găsiți majoritatea răspunsurilor acolo. Nu vă sugerez să mergeți la StackOverflow și să căutați problemele dvs. acolo. De obicei, o căutare pe Google vă va oferi cele mai bune rezultate.

Și poate că nu vă așteptați la asta la fel de mult, în timp ce învățați să codificați, dar o parte majoră a dezvoltării de software include să știți ce să căutați pe Google pentru a găsi răspunsurile dvs. mai eficient.

De aceea, mulți oameni doresc să înceapă codificarea în JavaScript – având JavaScript ca cel mai popular limbaj de programare vă ajută cu siguranță să lucrați cu limbajul atât pe termen scurt, cât și pe termen lung. Ori de câte ori scrii

JavaScript, imaginează-ți mii de oameni care codifică JavaScript împreună cu tine, în același timp. Unele întrebări de postare, unele răspunsuri la întrebări.

Când codificați JavaScript, nu sunteți singuri.

Unde puteți scrie și executa cod JavaScript?

Există mai multe locuri pe care le puteți folosi pentru a începe codarea în JavaScript. Din punct de vedere tehnic, puteți scrie JavaScript oriunde, inclusiv un simplu blocnotes sau un editor de text. Dar aveți nevoie și de un motor JavaScript pentru a vă executa codul. Dar cum iei unul. Ei bine, dacă vă amintiți începutul articolului, știți că îl aveți deja în browser.

În această serie de postări pe blog vom folosi Google Chrome ca browser, deoarece este unul dintre cele mai frecvente browsere utilizate în dezvoltarea web. Și pentru un motiv întemeiat, Chrome oferă unele dintre cele mai bune instrumente care vă fac viața mult mai ușoară atunci când lucrați cu dezvoltarea web. Chrome are un motor JavaScript numit V8 Engine, care preia codul JavaScript și îl execută. Acest motor JavaScript este folosit și în dezvoltarea Node.js, software-ul care vă permite să scoateți JavaScript din browser. Node.js este, de asemenea, motivul pentru care putem folosi JavaScript în tot felul de locuri, inclusiv de la un server web la o dronă.

Când doriți să începeți să codificați în JavaScript, este bine să știți că aveți nevoie de un motor JavaScript pentru a vă executa codul, iar acum știți că aveți deja unul care vine cu browserul dvs. De asemenea, știți că, dacă doriți să rulați JavaScript din browser, veți dori să descărcați și să instalați Node.js pentru asta. Dar când vine vorba de a scrie codul și de a-l executa, ce înseamnă totul pentru experiența ta de codare? De obicei, veți dori să utilizați un fel de IDE (dezvoltare integrată)

Environment) pentru a vă scrie codul. În acest fel, după cum puteți ghici din nume, vine cu multe alte instrumente care vă fac mai ușor să lucrați cu codul pe termen lung. Acestea pot include orice, de la completarea textului pentru mai puțină tastare, până la un depanator. Deoarece mulți oameni lucrează cu aceste IDE-uri, există, de asemenea, extensii foarte comune care vă permit să vă personalizați mediul de codare, inclusiv paranteze de colorare în cod pentru a face mai ușor să vedeți care paranteze de deschidere se potrivește cu care paranteze de închidere. Dacă nu aveți idei despre ce fac parantezele, deocamdată nu vă faceți griji și le vom vedea cu toate detaliile pe care trebuie să le cunoașteți în aceste serii de bloguri.

În prezent, unele dintre cele mai populare IDE-uri includ Visual Studio Code, Atom și Sublime Text. Dar pentru aceasta vom începe cu cea mai simplă opțiune cu care putem începe, care este de fapt folosirea browserului Chrome în sine pentru a scrie și a executa codul JavaScript.

Acum că aveți câteva informații de fundal despre JavaScript, haideți să configuram mediul nostru de codare și să începem cu „Bună ziua, lume!” cod.

Cum să începeți codarea în JavaScript?

Pentru a începe codarea în JavaScript trebuie să configuram mediul de codare.

După cum am menționat anterior, vom folosi Google Chrome ca browser pe parcursul acestei serii de postări pe blog. Dacă ai deja instalat Chrome, grozav! Dacă nu, atunci primul pas este de fapt să instalați Google Chrome. Pentru a descărca Chrome, puteți căuta pur și simplu „Descărcare Google Chrome”, pentru a-l descărca de pe site-ul său web sau aici puteți găsi un link pentru confortul dvs. pentru a descărca Chrome:

Google Chrome – Descărcați browserul rapid și sigur de la Google

Acum puteți continua și faceți clic pe butonul „Descărcați Chrome” pentru a începe descărcarea. Odată descărcat, puteți continua și faceți dublu clic pe el și treceți prin procesul de instalare, așa cum ați proceda cu orice altă aplicație pe care o descărcați de pe internet. De asemenea, vă poate solicita să vă conectați la unul dintre conturile dvs. Google, ceea ce puteți face.

După ce ați instalat Chrome, faceți dublu clic pe el pentru a deschide o fereastră. Acum ar trebui să vă uitați la ecranul clasic de căutare Google:

Pentru a începe codarea în JavaScript, următorul pas este să deschidem locul real unde vom scrie și executa codul în browserul Chrome. Din meniul de sus, accesați: Meniu, apoi Dezvoltator, apoi faceți clic pe Consola JavaScript. Puteți folosi și comanda rapidă pentru Mac, care este „opțiune + comandă + J”.

Imediat după ce faceți asta, ar trebui să vedeți deschiderea consolei JavaScript, care ar trebui să arate cam așa:

Dacă ai ajuns până aici, grozav! Este timpul pentru un pas semnificativ care vă va permite să începeți codarea în JavaScript. Să începem călătoria ta JavaScript cu o lume bună . Continuați și introduceți următoarele:

alert("Hello, World!");

După ce ați tastat asta, să rulăm codul nostru apăsând tasta „Enter” sau „Return” de pe tastatură!

Acum ar trebui să vedeți să apară o alertă care arată astfel:

Și cu asta, tocmai ai scris primul tău cod „hello world”! Acum știți cum să începeți codarea în JavaScript.

În următoarea postare pe blog, veți vedea elementele de bază ale JavaScript cu exemple de codare.

Curs JavaScript de la începător la avansat în 10 postări de blog:

1. Cum să începeți codarea în JavaScript?
2. Bazele JavaScript
3. Variabile și diferite tipuri de date în JavaScript
4. Fragmente și structuri de control
5. bucle while și bucle for
6. matrice Java
7. Funcții JavaScript
8. obiecte JavaScript
9. Metode JavaScript și multe altele
10. Rezumatul cursului JavaScript