Ce este JavaScript? Caracteristici, cazuri de utilizare și multe altele
Publicat: 2022-08-03Un limbaj de scripting utilizat în mare măsură pe Web se numește JavaScript (JS). Este frecvent integrat în codul HTML și este folosit pentru a îmbunătăți paginile HTML. Un limbaj adnotat este JavaScript. În consecință, nu ar trebui să fie asamblat. JavaScript produce conținutul site-ului într-un mod distractiv și interactiv. Până în 2022, majoritatea site-urilor web vor folosi JavaScript la nivelul utilizatorului pentru a controla modul în care se comportă paginile web, folosind frecvent biblioteci terțe. Un motor JavaScript specializat este disponibil în fiecare browser web major. Este folosit pentru a executa software-ul pe gadgeturile utilizatorilor.
Cuprins
Ce este JavaScript?
JavaScript ar fi o secvență de instrucțiuni la nivel înalt compatibilă cu ECMAScript, frecvent la timp. Are operații de primă clasă, abilitate fizică bazată pe prototip și evidențiere a sintaxei. Acceptă limbaje bazate pe evenimente, reactive și limbaje de programare și este un multi-paradigma. Oferă software de aplicație (API) pentru utilizarea modelului obiect document, limbajul de interogare, datele și structurile comune de date (DOM).
Nu există caracteristici de intrare/ieșire (I/O) precum comunicarea, stocarea sau capabilitățile vizuale în specificația ECMAScript. În realitate, API-urile JavaScript I/O sunt oferite de browserul de internet sau de un alt sistem de rulare. Găsite inițial exclusiv în browserele de internet, procesoarele JavaScript sunt acum o parte vitală a anumitor site-uri web și a unei game largi de aplicații. Node.js este cea mai utilizată platformă de rulare pentru această aplicație. În ciuda faptului că au un nume, o gramatică și biblioteci standardizate pentru Java și JavaScript, diferitele limbi sunt unice și au design destul de diferite.
Definirea JavaScript la un nivel mai profund
Din când în când, o pagină de utilizator face mai mult decât să stea și să afișeze detaliile necesare pentru a le arunca o privire – prezentând conținut în timp util, mai bun, hărți detaliate, grafică interactivă 2D/3D, derularea cutiilor muzicale multimedia etc. într-adevăr, pariez că JavaScript ar fi posibil implicat. JavaScript ar fi o platformă de scriptare sau codare care permite utilizatorilor să impună structuri avansate pe paginile web. Ar fi al treilea nivel al torturilor alcătuit din tehnologii web comune, primele două (HTML și CSS).
Este posibil să formatăm și să adnotăm materialul nostru online utilizând scripturi HTML sau hipertext. De exemplu, putem defini paragrafe, titluri, tabele și diagrame, precum și să includem imagini și videoclipuri pe pagină.
Folosind CSS, un vocabular de reguli și linii directoare, putem stila textul HTML în multe moduri, cum ar fi prin alegerea culorilor și fonturilor de bază și organizându-l în numeroase coloane. Un limbaj de programare de nivel înalt vă permite să faceți aproape orice, inclusiv actualizarea dinamică a materialelor, gestionarea multimedia și animarea graficelor. Bine, poate nu ceva, dar este uimitor ce pot face câteva cuvinte ale unui generator de cod.
JavaScript pe partea clientului
Pe partea clientului, cea mai populară variantă a structurii gramaticale este JavaScript. Pentru ca codul scriptului să fie recunoscut de către un browser, acesta trebuie să fie încorporat sau legat de la un document HTML.
Aceasta implică faptul că un site web nou nu trebuie să fie HTML static, ci poate conține programe care comunică cu utilizatorii, gestionează browserele și generează documente HTML din mers.
În comparație cu programele CGI tipice de pe partea de server, metoda JavaScript de pe partea clientului oferă mai multe beneficii. JavaScript, de exemplu, poate fi folosit pentru a determina dacă un utilizator a furnizat o nouă adresă de e-mail într-un câmp de intrare.
Când un client trimite un formular, JavaScript este rulat și numai dacă toate intrările sunt corecte sunt trimise la serverul de la distanță. JavaScript poate fi utilizat pentru a intercepta activitățile utilizatorului inițiate intenționat sau implicit, cum ar fi butoanele de apăsare, mișcarea hyperlinkului și alte evenimente.
Pentru ce este folosit Javascript?
1. Dezvoltare Web
Paginile web sunt realizate folosind limbajul de programare client cunoscut sub numele de JavaScript. Netscape l-a creat ca programare de sine stătătoare. Este folosit pentru a oferi abilități distincte paginilor, cum ar fi rotația, lansarea și multe forme de elemente vizuale, atunci când un site web trebuie redat dinamic. Toate site-urile web îl folosesc în principal în scopuri de validare. Activează programe externe precum documente Word, butoane care rulează, suport pentru aplicații Flash etc., în ceea ce privește verificările. Când un utilizator o solicită, poate încărca material într-o pagină fără a o reîmprospăta.
2. Aplicații Web
Deoarece computerele personale și aplicațiile desktop au avansat din punct de vedere tehnologic, un limbaj este acum necesar pentru a construi aplicații online de încredere. Utilizatorul trebuie doar să facă clic și să trage indicatorul pentru a naviga pe un glob în Google Maps. Toate vizualizările suplimentare sunt accesibile cu un singur clic. Datorită JavaScript, acest lucru este fezabil. Se interacționează cu utilizatorul fără a comunica înainte și înapoi cu computerele. JavaScript folosește limbaje de programare (API) pentru a oferi codului capabilități suplimentare.
3. Prezentări
JavaScript oferă posibilitatea de a crea prezentări și ca site-uri web. Pentru a crea o prezentare de diapozitive bazată pe web, JavaScript oferă RevealJS și pachete personalizate. Reveal.js folosește HTML pentru a produce multe dintre cele mai uimitoare și captivante prezentări. Diapozitivele imbricate sunt ușor de plasat pentru utilizator. Cu atât de multă asistență online, oricine poate proiecta un site web fără experiență de programare. Aceste prezentări de diapozitive sunt optimizate la atingere și funcționează bine pe tablete, smartphone-uri și alte dispozitive portabile.
În plus, JavaScript oferă mai multe fundaluri de diapozitive, stiluri de schimbare și stiluri. Toate formatele de culoare CSS sunt acceptate. În plus, JavaScript oferă pluginului Bespoke.js o gamă largă de funcționalități. Acestea constau în liste dinamice cu marcatori, scalare receptivă și subliniere a sintaxelor pentru exemplele de cod. Oferă teme care sunt de bun gust și subestimate. Utilizarea unui generator pentru a lansa Bespoke.js este cea mai rapidă opțiune. Utilizatorul poate adăuga titluri la prezentările lor și poate răspunde la o serie de întrebări pentru a obține pluginurile necesare.
4. Aplicații server
Cu ajutorul unui server, Node JS folosește aplicații mici și eficiente, bazate pe evenimente, dispersate în toate sistemele. Funcționalitatea poate fi scrisă în JavaScript doar pe client, în timp ce un utilizator creează aplicații complexe pe partea client în JavaScript, astfel încât să fie posibile traduceri mentale între cele două limbi.
5. Servere Web
Un server web poate fi construit folosind Node JS. Node JS are avantajul de a fi condus de evenimente și de a nu aștepta rezultatul unui apel anterior. Se comută la apelul următor în timp ce utilizează evenimente pentru a primi alerte atunci când se primește o informație pentru apelul precedent. Serverele bazate pe Node JS sunt extrem de rapide, nu necesită tamponare și transportă date în bucăți.
În plus, utilizează o buclă de evenimente care este cu un singur thread și care nu este blocată. Funcția createServer() a pachetului HTTP poate fi utilizată pentru a ajuta la crearea unui server. De fiecare dată când cineva monitorizează continuu portul 8080, această procedură este rulată. În schimb, serverul HTTP trebuie să scoată HTML și să îl adauge la cererea HTTP. Poate fi instalat rapid introducând „npm install -g HTTP-server” și poate fi lansat prin rularea operațiunii „HTTP-server”.
6. Jocuri
Pe lângă paginile web, jocurile pot fi create și folosind JavaScript. Popularitatea JavaScript în dezvoltarea jocurilor se datorează integrării sale cu HTML5. Oferă biblioteca Ease JS, care oferă metode simple de interacțiune cu imagini bogate. De asemenea, oferă un API cu o listă de prezentare structurată cunoscută de toți dezvoltatorii Flash. Etapa creată de utilizator va livra lista de prezentări pe pânza dorită. În plus, Ease JS conține bitmap-uri 2D cunoscute sub numele de Sprites care sunt redate imediat pentru a produce destinația pentru modificări.
7. Art
Acum este mai simplu să generați imagini pe un site web folosind HTML5 și JavaScript. Capacitatea de a crea orice formă cu două sau mai multe pe o pânză a făcut din browser o platformă complet nouă pentru toate tipurile de eforturi de artă digitală. Deoarece o pânză nu ar avea limite și nici substanță, oricine o poate folosi pentru a face artă.
8. Aplicații Smartwatch
Javascript este limbajul cel mai utilizat, deoarece poate fi utilizat în orice dispozitiv sau aplicație. Aplicațiile pentru ceasurile inteligente utilizează o aplicație numită Pebble JS, care este furnizată de JavaScript Uses. Pentru aplicațiile care au nevoie de internet pentru a funcționa, acest cadru este eficient. Un dezvoltator poate folosi Pebbles pentru a crea aplicații JavaScript pentru diferite ceasuri.
9. Aplicații pentru mobil
Crearea de aplicații fără setări web este cea mai importantă sarcină care poate fi realizată folosind JavaScript. Datorită faptului că Apple și Android domină piața mobilă, două limbaje de programare distincte sunt folosite pentru a crea aceste dispozitive. A scrie o singură dată și a-l folosi pe ambele sisteme ar trebui să fie posibil.
Cadrul care face acest lucru posibil este PhoneGap. React Native, care tocmai a fost dezvoltat, oferă această funcție. Este principalul contributor la actualizările și lansările pe mai multe platforme. Prin urmare, Javascript poate fi utilizat pentru a obține și implementa programele adecvate în diferite contexte.
Javascript avansat: cadre și biblioteci (AKA Instrumente pentru a face JS mai ușor)
Când lucrați cu JavaScript, veți descoperi că unele caracteristici și funcții JS, cum ar fi tranzițiile și fade-out-urile de meniu, formularele de transfer de fișiere și galeriile de imagini, apar frecvent pe mai multe site-uri web și aplicații online. Chiar dacă ai putea crea fiecare dintre aceste elemente de la zero ori de câte ori ai nevoie, folosind cadre de codare precum jQuery îți va face viața de programator mult mai simplă.
jQuery
Instrucțiunile jQuery cu o singură linie pot executa operațiunile de codare JavaScript incluse în biblioteca jQuery. Dacă în locul său se folosește codul jQuery, eșantionul de cod JavaScript de mai înainte apare astfel:
<script> $(“#submit”).click(function () { var greeting = $(“#name”).val(); $("#headline").html("Thank you for joining our email list," + greeting); return false; }); <script/>
După cum ați văzut, stilul de codare jQuery este mult mai concis. Poate fi folosit ori de câte ori doriți să codificați un site web și o aplicație online și trebuie să executați aceeași funcție JavaScript.
Codul JQuery poate fi combinat pentru a construi plugin-uri mai complexe în plus față de instanțe precum cele de mai sus, care sunt denumite fragmente de cod jQuery injectate direct din cadrul jQuery pentru a executa anumite scopuri. Accesul direct la pluginurile jQuery este posibil prin biblioteca jQuery Graphics (Interfață utilizator), unde datele originale pot fi copiate și lipite.
ReactJS
ReactJS ar fi un alt cadru Javascript esențial pentru dezvoltatorii web, inclusiv jQuery. Facebook a creat React JS în 2011 ca un set de instrumente JavaScript frontal care se concentrează pe dezvoltarea UI (interfețe de utilizator). Dacă nu sunteți familiarizat, interfețele cu utilizatorul (UI) sunt sortimentul de panouri de pe ecran, bare de căutare, pictograme și orice altceva cu care se angajează un utilizator pentru a utiliza o aplicație terță parte.
React îmbunătățește performanța și fiabilitatea generală a site-ului cu un concept numit Virtual DOM și le permite dezvoltatorilor să folosească codul prescris pentru repetarea elementelor de meniu, inclusiv funcții precum proiectate pentru evaluare, capabilități de personalizare, tranziții de panou de fade-in sau out etc.
Caracteristicile JavaScript
JavaScript are mai multe calități distinctive care duc la adoptarea sa pe scară largă. Javascript este un limbaj foarte util de învățat, deoarece acum este adesea folosit pe site-uri web. Cel mai bun lucru despre Javascript este că nu sunt necesare cunoștințe anterioare de programare.
Caracteristici generale JavaScript
Limbajul JavaScript are o listă de funcții. Următoarele sunt câteva caracteristici JavaScript comune:
1. Validarea intrărilor utilizatorului
Atunci când utilizați formulare, JavaScript este foarte util. Poate accelera procesele prin verificarea validării intrărilor pentru erori. Înainte de a transmite informațiile către computer, JavaScript examinează pentru a vedea dacă utilizatorul a lăsat un câmp obligatoriu necompletat sau datele sunt greșite.
2. Calcule ușoare din partea clientului
JavaScript poate efectua operații matematice simple pe browser, deoarece este un software la nivelul clientului. Pentru fiecare job, clientul nu dorește să solicite atenția serverului. Atunci când un utilizator dorește să efectueze aceste calcule în mod repetat, acest lucru este extrem de benefic. În multe scenarii, stabilirea unei conexiuni la baza de date ar dura mult mai mult decât efectuarea calculelor în sine.
3. Mai multă Autoritate
În loc să se bazeze pe servere web, JavaScript oferă browserului mai multă autonomie. JavaScript oferă multor browsere mai multe funcții care ajută la reducerea traficului de rețea și a tensiunii serverului.
4. Platformă neatașată
Deoarece browserele interpretează JavaScript, elimină problemele de interoperabilitate și dezvoltare. Prin urmare, poate fi utilizat pe platforme care acceptă Netscape, inclusiv Windows, Macintosh și altele. În plus, acestea pot fi incluse în alt script care utilizează JavaScript, cum ar fi HTML.
5. Gestionarea datelor și orei
JavaScript, spre deosebire de alte limbaje de scripting, vine cu metode încorporate pentru a calcula locația/locul. Ca rezultat, codarea pur și simplu folosind aceste tehnici este incredibil de simplă. getDate().
6. Producerea conținutului HTML
JavaScript oferă câteva caracteristici extrem de utile pentru crearea de conținut online în mod programatic. După un eveniment, putem adăuga conținut, link-uri, fotografii, tabele etc.
7. Determinarea sistemului de operare și a browserului utilizatorului
JavaScript este destul de competent în identificarea sistemului de operare și a browserului persoanei. Chiar dacă JavaScript funcționează pe toate platformele, pot exista situații în care avem nevoie de browserul utilizatorului pentru a procesa. Acest lucru ar putea fi util atunci când se dezvoltă cod care generează diverse rezultate în diferite browsere.
Caracteristici JavaScript moderne
Să ne uităm la câteva completări mai recente la JavaScript. Putem vedea ce îl diferențiază de alte limbaje de scripting. După câteva caracteristici de bază, au fost create câteva caracteristici mai contemporane ale JavaScript. Următoarele sunt câteva dintre ele:
1. lasa/const
Calificatorii „let” și „const”, care sunt gata să înlocuiască „var”, au fost adăugați de JavaScript. Ele diferă de „var” prin aceea că împreună. Le putem folosi exclusiv în blocul în care au fost definite, făcându-le mai semnificative spre deosebire de „var”, care poate fi accesat dincolo de program chiar și după inițializare.
2. Funcții săgeți
Sintaxa și numărul de coduri de program pentru performanța unui site web pot fi reduse foarte mult folosind aceste metode. Acestea pot fi utilizate cu ușurință în JavaScript în mod anonim datorită sintaxei lor simple.
3. Şablon literal
Alte limbaje de scripting oferă frecvent o caracteristică care vă permite să stocați variabile în șiruri. Capacitatea de a se concentra mai mult asupra creării programului decât a petrece timp de calitate pe sintaxă face din acesta un instrument valoros pentru programatori.
4. Noi funcții de matrice
Deși nu sunt necesare pentru niciun limbaj de computer, funcțiile matrice fac lucrurile mai ușor pentru dezvoltator. În plus, codul devine considerabil mai concis și mai ușor de înțeles ca rezultat. JavaScript acceptă atât o matrice standard, cât și o matrice arbitrară. Indicii unei matrice asimetrice pot fi șiruri de caractere, dar indicii unei matrice convenționale trebuie să fie constante pozitive.
5. Setări implicite
Această caracteristică JavaScript împiedică ruperea întregului cod pentru o singură greșeală de scriere. Când un programator trebuie să verifice că o funcție funcționează fără niciun argument, este destul de util.
6. Stenografia proprietății
Utilizarea tehnicilor încorporate cum ar fi. get() este deschis programatorilor. Aceste tehnici reduc numărul de linii de cod scrise și împiedică implementarea repetată a aceluiași cod. Aceste mecanisme înnăscute sunt foarte utile în reducerea timpului și a cheltuielilor de dezvoltare.
Deci, ce poate face?
Construcțiile fundamentale de programare ale limbajului JavaScript pe partea clientului vă permit să efectuați lucruri precum:
Puneți informații utile în variabile. Si mult mai mult!
Cu toate acestea, capacitățile bazate pe limbajul de programare la nivelul clientului sunt mult mai interesante. Pentru a folosi codul JavaScript, așa-numitele interfețe cu sursă deschisă (API) vă oferă acces la superputeri suplimentare.
API-urile sunt colecții prefabricate de componente de codare care permit dezvoltatorilor să creeze aplicații care ar putea fi dificil sau imposibil de creat. Ele funcționează similar cu kiturile de mobilier gata făcute în construcția casei în ceea ce privește codificarea.
1. API-uri pentru browser
Browserul dvs. web are API-uri încorporate care pot face sarcini sofisticate utile sau pot dezvălui date din sistemul informatic de bază.
2. API-uri terță parte
De cele mai multe ori, trebuie să obțineți codul și metadatele pentru API-urile terță parte de pe Internet, deoarece acestea nu sunt incluse în browser în mod implicit.
3. JavaScript poate schimba conținutul HTML
getElementById este una dintre numeroasele metode JavaScript HTML ().
Acest exemplu convertește innerHTML al elementului în „Hello JavaScript” utilizând tehnica de „localizare” a unui cod HTML cu atributul id= „demo”:
Exemplu
document.getElementById("demo").innerHTML = "Hello JavaScript";
4. JavaScript poate schimba valorile atributelor HTML
Valorile atributelor HTML pot fi modificate folosind JavaScript. De exemplu, JavaScript modifică valoarea proprietății src (sursă) a unei imagini.
5. JavaScript poate schimba stilurile HTML (CSS)
O variantă a modificării unei proprietăți HTML este modificarea aspectului unui element HTML:
Exemplu
document.getElementById("demo").style.font size = "35px";
sau
document.getElementById('demo').style.font size = '35px';
document.getElementById('demo').style.font size = '35px';
6. JavaScript poate ascunde elemente HTML
Stilul ecranului poate fi modificat pentru a ascunde elemente HTML:
Exemplu
document.getElementById("demo").style.display = "none";
sau
document.getElementById('demo').style.display = 'none';
7. JavaScript poate arăta elemente HTML
Modificarea stilului de afișare este o altă modalitate de a face vizibile componentele HTML ascunse:
Exemplu
document.getElementById("demo").style.display = "block";
sau
document.getElementById('demo').style.display = 'block';
Transformă-ți ideea de aplicație în realitate
Să construim împreună o nouă aplicație
Tipuri de date JavaScript
Toate limbajele de scripting conțin structuri de date încorporate. Cu toate acestea, acestea variază frecvent între limbi. JavaScript oferă tipuri de date încorporate și o descriere a caracteristicilor sale este listată în această secțiune. Alte tipuri de date pot fi create folosind acestea. Relațiile cu alte scripturi se fac ori de câte ori este posibil.
1. Valori primitive
Toate tipurile definesc valori imuabile (adică neschimbabile), cu excepția obiectelor. Șirurile, de exemplu, sunt imuabile. Valorile de acest fel sunt denumite „valori primitive”.
2. Tip boolean
Expresiile booleene descriu entități logice și au două rezultate posibile: adevărat și fals.
3. Tip nul
Un alt tip de date unic este acesta cu doar valoarea nulă ca valoare posibilă. O valoare nulă denotă absența unei valori. Nu este același lucru cu un șir nul (“”) sau 0; este doar nimic. Conținutul prezent poate fi eliminat în mod explicit dând unei variabile valoarea nulă.
4. Tip nedefinit
Valoarea unică undefined este singura valoare posibilă pentru tipul de date nedefinit. Semnificația unei variabile este nedeterminată dacă a fost definită, dar nu i s-a dat o valoare.
5. Tipul numărului
Numerele întregi exprimate în notație logaritmică, cum ar fi următoarele valori sau valori pozitive sau negative, cu sau fără o valoare numerică, sunt reprezentate de tipul de date întreg, de exemplu, 1.5e-4
6. Tipul BigInt
În JavaScript, tipul BigInt ar fi un număr de bază care poate reprezenta numere cu orice grad de precizie. Chiar și după limitarea sigură a numărului întreg pentru Numbers, puteți stoca și lucra în siguranță cu numere uriașe folosind BigInts.
7. Tipul șirului
Datele textuale pot fi reprezentate prin tipul de date șir (adică, secvențe de caractere). Șirurile sunt realizate prin includerea unuia sau mai multor caractere între ghilimele simple sau duble.
8. Tip simbol
Un Simbol ar putea fi folosit ca cheie a unui atribut Object, deoarece este o valoare primitivă distinctă și imuabilă (vezi mai jos). Un simbol este denumit „atom” în anumite limbaje de calculator.
9. Obiecte (colecții de proprietăți)
Obiectul ar fi un tip de date sofisticat care permite stocarea colecțiilor de date. Un obiect are atribute, care sunt descrise ca perechi cheie-valoare. În timp ce valoarea unei proprietăți poate fi orice variabilă categorială, inclusiv șiruri de caractere, numere întregi, booleeni sau tipuri de date sofisticate, cum ar fi matrice, funcții și alte obiecte, cheia variabilă (titlu) este adesea un șir. În capitolele următoare, veți obține informații suplimentare despre articole.
Instrumente și resurse
1. Instrumente pentru dezvoltatori Firefox
Firefox vine cu o colecție de instrumente pentru dezvoltatori web numite Instrumente pentru dezvoltatori Firefox. Acestea pot fi utilizate pentru a inspecta, modifica și depana JavaScript, CSS și HTML. Alegând Tools > Web Developer > Web Developer Tools din meniu, puteți accesa Firefox Developer Tools.
2. Consola Web
Înregistrează date legate de o pagină web, inclusiv solicitări suplimentare, JavaScript, CSS, preocupări privind confidențialitatea, avertismente și mesaje informaționale care sunt înregistrate în mod specific de codul JavaScript care rulează în contextul paginii. Vă permite să operați cu declarații JavaScript în cadrul unei pagini de site web pentru a interfața cu aceasta.
3. JavaScript Profiler
Un instrument important pentru o mai bună înțelegere a codului dvs. este un profiler JS, care poate localiza, identifica și optimiza ineficiența codului dvs. Deoarece sunteți obișnuit cu interfața de utilizare, acestea sunt ușor de utilizat și sunt șanse să aveți deja una instalată în browser.
4. Depanator
Puteți să ocoliți codul JavaScript și să studiați sau să modificați starea acestuia cu JavaScript Debugger pentru a vă ajuta să găsiți probleme. Poate fi folosit pentru a depana codul care este executat de la distanță, cum ar fi pe un dispozitiv Android care operează Firefox pentru Android sau de la distanță în Firefox. Pentru a afla cum să conectați depanatorul la o țintă îndepărtată, accesați programare.
5. Shell-uri JavaScript
Puteți testa cu ușurință fragmente de cod JavaScript folosind un shell JavaScript fără a fi nevoie să reîmprospătați un site web. Sunt foarte utile pentru scrierea și repararea codului.
6. Învață JavaScript
Aflați elementele fundamentale ale JavaScript contemporan (ES2015+), apoi exersați într-un cadru natural. Pentru a vă asigura că învățați treptat standardele industriei, provocările se bazează pe proiecte reale.
7. ÎmpreunăJS
Biblioteca JavaScript Mozilla TogetherJS oferă gratuit capabilități și funcționalități de colaborare site-ului dvs. web. Utilizatorii dvs. se pot ajuta instantaneu unul pe altul pe site-ul dvs. adăugând TogetherJS la acesta!
8. StackOverflow
Programatorii pot pune întrebări și pot găsi răspunsuri pe site-ul Stack Overflow. Acesta servește drept site-ul emblematic al rețelei Stack Exchange. Joel Spolsky și Jeff Atwood l-au dezvoltat în 2008. Oferă răspunsuri la întrebări pe multe subiecte diferite legate de programarea computerelor.
9. JSFiddle
Pentru analizarea și afișarea mostrelor de cod HTML, CSS și JavaScript create de utilizator și colaborative, uneori denumite „lăutări”, JSFiddle este un serviciu și o comunitate IDE digitală. Puteți imita apelurile AJAX folosindu-l.
10. JSBin
O aplicație online numită JS Bin a fost creată în primul rând pentru a ajuta dezvoltatorii JavaScript și CSS în testarea și depanarea fragmentelor de cod în context. Puteți testa și edita HTML și JavaScript cu JS Bin.
11. Codepen
Pentru profesioniștii în design front-end, există un mediu de dezvoltare comun numit CodePen. Creați și publicați un site web, afișați realizările dvs., creați cazuri de testare pentru învățare și depanare și inspirați-vă.
12. StackBlitz
Cu ajutorul IDE-ului online (debugger) StackBlitz, puteți construi ușor și frecvent aplicații Angular, React și Vue în browserul dvs. Instalarea dependenței, compilarea, ambalarea, actualizarea la cald pe măsură ce intri și multe altele sunt toate gestionate automat.
13. RunJS
rulările vă oferă acces complet DOM și acces la API-urile Node și Browser. Acest lucru vă permite un grad de adaptabilitate care este imposibil cu o consolă obișnuită Chrome sau REPL.
14. Microsoft FrontPage
Microsoft a creat FrontPage, un editor HTML foarte apreciat. Designerii web pot crea site-uri web dinamice cu ajutorul capabilităților JavaScript oferite de FrontPage.
15. Macromedia Dreamweaver MX
Macromedia Dreamweaver MX este un instrument HTML și JavaScript foarte apreciat de experții în dezvoltare web. Oferă mai multe componente JavaScript prefabricate utile, funcționează bine cu bazele de date și respectă standardele emergente precum XHTML și XML.
16. Macromedia HomeSite 5
Un dezvoltator popular HTML și JavaScript de la Macromedia numit HomeSite 5 ar putea fi folosit pentru a menține eficient paginile web personale.
Cum adaugi JavaScript pe pagina ta?
Similar cu modul în care CSS este implementat în pagina dvs. HTML, JavaScript este, de asemenea. În timp ce CSS utilizează elemente <link> pentru a aplica foi de stil externe și elemente <style> pentru a aplica foi de stil interne în HTML, JavaScript are nevoie doar de un prieten în lumea HTML - elementul <script>. Să aflăm cum funcționează asta.
JavaScript intern
1. Mai întâi faceți o copie locală a fișierului apply-javascript.html din exemplul nostru. Vă rugăm să-l puneți într-o locație și un director logic.
2. Deschideți fișierul atât în editorul de text, cât și în browserul web. Veți vedea că HTML produce o pagină web simplă, cu un buton pe care se poate face clic.
3. Apoi, deschideți editorul de text și introduceți mental următoarele imediat înainte de închiderea etichetei </head>:
<script> // JavaScript goes here </script>
4. Pentru a face pagina să facă o acțiune mai interesantă, vom include acum ceva JavaScript în elementul nostru <script>.
5. Când apăsați pe link, sub acesta ar trebui să apară un nou paragraf când salvați documentul și reîmprospătați browserul.
JavaScript extern
1. Această abordare este excelentă, dar dacă ar fi nevoie să salvăm JavaScript într-un fișier separat? Acum să investigăm asta.
2. Mai întâi, creați un folder nou în același dosar cu fișierul HTML exemplu. Numiți-o script.js și asigurați-vă că numele fișierului se termină în.js, astfel încât JavaScript poate fi identificat.
3. Înlocuiți elementul actual <script> cu următorul:
<script src="script.js" defer></script>
4. În interiorul script.js, adăugați următorul script:
function createParagraph() { const para = document.createElement('p'); para.textContent = 'You clicked the button!'; document.body.appendChild(para); } const buttons = document.querySelectorAll('button'); for (const button of buttons) { button.addEventListener('click', create paragraph); }
5. Ar trebui să vedeți același lucru dacă salvați și reporniți browserul. Deși acum avem JavaScript într-un fișier extern, acesta funcționează în continuare în mod similar. Acest lucru este de obicei bun în ceea ce privește aranjarea codului și a-l face reutilizabil în alte fișiere HTML. În plus, fără cantități masive de script turnate în el, HTML-ul este mai ușor de înțeles.
Gestionare JavaScript inline
Rețineți că, ocazional, veți găsi cod JavaScript real în HTML. Aspectul ar putea să semene cu acesta:
function createParagraph() { const para = document.createElement('p'); para.textContent = 'You clicked the button!'; document.body.appendChild(para); } <button>Click me!</button>
Cu excepția handler-ului onclick al elementului <button>, care face ca funcția să ruleze ori de câte ori se face clic pe butonul, acest eșantion are exact aceeași funcție ca și cele două părți anterioare.
Folosind addEventListener în schimb
Utilizați construcția JavaScript pură, în loc să încorporați JavaScript în HTML. Puteți alege fiecare buton de pe un site web folosind metoda querySelectorAll(). Cu addEventListener, puteți trece peste butoane și puteți oferi fiecăruia un handler (). Deci, iată codul pentru asta:
const buttons = document.querySelectorAll('button'); for (const button of buttons) { button.addEventListener('click', create paragraph); }
Chiar dacă poate fi puțin mai largă decât proprietatea onclick, aceasta va funcționa pentru toate butoanele, indiferent de cât de mult este pe pagină, adăugat sau șters. Nu este nevoie să modificați JavaScript.
Strategii de încărcare a scripturilor
Derularea programelor la momentul potrivit este plină de probleme. Nimic nu este atât de ușor pe cât pare! Faptul că o pagină își încarcă HTML-ul în ordinea în care apare este o problemă comună. Scriptul dvs. nu va funcționa dacă JavaScript este preluat și procesat înaintea codului HTML pe care ați încercat să îl modificați în cazul în care utilizați JavaScript pentru a modifica componentele din pagină (sau, mai precis, Modelul obiectului documentului).
În codul menționat mai devreme, JavaScript este importat și executat în capul documentului chiar înainte ca corpul HTML să fie procesat atât pentru instanțele locale, cât și pentru cele globale. Am folosit anumite construcții pentru a rezolva acest lucru, deoarece ar putea duce la o eroare.
Ce face Java Script pe pagina ta?
Prin API-ul Document Object Model, JavaScript este folosit frecvent pentru a edita dinamic HTML și CSS pentru a reîmprospăta experiența utilizatorului (după cum s-a menționat mai sus). Rețineți că codul paginilor dvs. web se încarcă și rulează de obicei în ordinea în care apare pe pagină. Dacă JavaScript este importat și executat înainte de HTML și CSS pe care trebuie să le modifice, pot apărea erori. În parte a tacticilor de încărcare a scriptului, mai târziu în text, veți descoperi cum să ocoliți acest lucru.
Securitatea browserului
Din punct de vedere tehnic, fiecare filă web are propriul „mediu de execuție” în care să ruleze codul. Ca rezultat, codul fiecărei file este de obicei executat independent de celelalte. Nu poate influența codul unei alte file sau al unui alt site web. Aceasta este o măsură de securitate inteligentă, deoarece, dacă nu ar fi, hackerii ar putea începe să construiască coduri pentru a fura date de la alte servicii și să facă alte lucruri dăunătoare.
Ordine de rulare JavaScript
Când se întâlnește un bloc JavaScript, browserul îl execută de sus în jos în secvență. Aceasta înseamnă că succesiunea în care aranjați lucrurile trebuie să fie atentă. Ar înceta să mai funcționeze dacă primele două limbaje de programare ar fi schimbate; în schimb, o eroare TypeError: para is nedeclared va fi returnată în consola pentru dezvoltatori web. Ca urmare, nu putem adăuga un monitor de evenimente la obiectul para, deoarece nu există încă.
Cod interpretat versus cod compilat
Cuvintele „compilat” și „interpretat” pot fi folosite în ceea ce privește programarea. Într-un limbaj de programare, codul este executat de sus în jos, iar rezultatul este returnat imediat. Codul nu trebuie schimbat înainte de a fi executat de browser. Codul este trimis într-un format text care este ușor de procesat de către programatori.
Pe de altă parte, limbajele compilate sunt modificate (compilate) înainte de a fi utilizate de computer. De exemplu, C/C++ este convertit în cod de mașină, pe care computerul îl execută. Software-ul folosește un fișier binar produs din codul sursă al aplicației.
Cod pe partea de server versus pe partea client
În cazul dezvoltării web, se pot utiliza, de asemenea, cuvintele cod pe partea serverului și cod pe partea clientului. Când o pagină web este vizitată, codul de pe partea client pentru pagina respectivă este descărcat, rulat și afișat de browser. Codul clientului include codul care rulează pe computerul utilizatorului. În această secțiune, discutăm în mod special despre JavaScript la nivel de client.
On the other side, server-side code is executed on the server, after which its results are retrieved and shown in the browser. Popular server-side web language instances include JavaScript, PHP, Python, Ruby, ASP.NET, and more.
Dynamic versus static code
The term “dynamic” refers to updating a web page or app to show various things in different conditions, creating new information as necessary. It is used to define both client-side JavaScript and server-side languages.
While client-side JavaScript dynamically creates new content within the browser on the client, such as creating a new HTML table, completing it with the information provided by the server, and then displaying the table on a website page shown to the user, server-side code dynamically produces new content on the server, such as pulling data from a database. Although the two settings have slightly distinct meanings, they are nevertheless connected, and both strategies (server-side and client-side) typically complement one another.
JavaScript Quickstart Tutorial
We'll quickly review the most significant JavaScript data types in this tutorial.
A. JavaScript Variables
Data values are stored in containers called variables in JavaScript.
The variables in this example are x, y, and z:
Example
- var x = 5;
- var y = 6;
- var z = x + y;
From the example above, you can expect:
- x stores the value 5
- y stores the value 6
- z stores the value 11
b. JavaScript Numbers
There is just one kind of number in JavaScript. You can write numbers with or without decimals.
Example
- var x = 3.14; // A number with decimals
- var y = 3; // A number without decimals
Double precision floating point numbers are used to hold all numbers.
c. JavaScript Strings
Text is saved in strings. Strings are enclosed in quotation marks. Single or double quotations are acceptable:
Example
- var car name = “Volvo XC60”; // Double quotes
- var car name = 'Volvo XC60'; // Single quotes
The built-in property length contains the string's length:
Example
- var txt = “ABCDEFGHIJKLMNOPQRSTUVWXYZ”;
- var sln = txt.length;
d. JavaScript Objects
You already know that variables in JavaScript serve as storage spaces for data values.
Example:
This program gives the vehicle variable a straightforward value (Fiat):
Objects are variables as well, as in var vehicle = “Fiat.” But different values can exist within an object.
e. JavaScript Arrays
Multiple values can be kept in a single data point using JavaScript arrays.
Example
var cars = ["Saab", "Volvo", "BMW"];
f. JavaScript Functions
A JavaScript function is a section of code created to carry out a certain purpose.
When “something” calls a JavaScript function, it is carried out (calls it).
Example
function myFunction(p1, p2) { return p1 * p2; // The function returns the product of p1 and p2 }
How Do You Add JavaScript Code to a Website?
JavaScript code may be added to an HTML web page both inside and externally.
Internal JavaScript employs the <script> tag in the HTML script's body to include all of the JavaScript code.
An illustration of internal JavaScript using the <script> tag:
<html> <head> <title>Inline JavaScript</title> <script type="text/javascript"> alert("Hello World"); </script> </head> <body> </body> </html>
You can also embed its script on HTML event attributes, prompting the browser to execute it when an event is triggered. This script type is called inline JavaScript:
<button>Click</button>
On the other hand, external JavaScript involves storing the code in a separate .js file and then recalling it within the HTML page. Developers often use this method when working on large projects, keeping the script organized.
Plus, it lets you reuse the script in multiple HTML pages, which is something that many developers value greatly. For example, adding the following script to an HTML page lets you recall an external JavaScript file named script.js:
<script src="script.js" defer></script>
Iată un exemplu despre cum să faceți referire la un fișier JavaScript extern:
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Time right now:</title> </head> <body> <button type="button">Select</button> </body> <script src="js/script.js"></script> </html>
Puteți crea și modifica codul JavaScript folosind un editor de text.
De ce să folosiți JavaScript față de alte limbaje de programare?
Există mai multe avantaje ale utilizării JavaScript față de toate celelalte limbaje de scripting pentru un designer web, pe lângă potențialul nelimitat:
- Singurul limbaj de programare nativ pentru browsere web este JavaScript.
- Limba cu cei mai mulți utilizatori este JavaScript.
- Există o barieră scăzută de intrare, pentru început.
- Este plăcut să înveți.
Cum diferă JavaScript de alte limbaje de programare?
Deoarece este atât de adaptabil, JavaScript a devenit unul dintre cele mai utilizate limbi, cu excepția cazului în care necesită funcționalități specifice pe care JavaScript nu le oferă, așa că mulți dezvoltatori profesioniști de JavaScript sunt prima lor alegere.
Iată câteva dintre cele mai utilizate limbaje de programare:
A. C#
C# este un limbaj de programare orientat pe obiecte folosit pentru a crea. Aplicații compatibile cu NET. Deoarece este tipizat static, este posibilă identificarea în timp de compilare a variabilelor sale. Din cauza stivuirii operatorului și convertorului în C#, care nu are JavaScript, puteți modifica tipurile de date.
b. Java
Java este un program și o aplicație mare care permite limbajul de programare orientat pe obiecte. Java este bine tastat, spre deosebire de JavaScript, care necesită ca variabilele sale să fie legate de anumite tipuri de date. Pentru a rula scriptul său, Java are nevoie de un compilator just-in-time (JIT).
c. PHP
PHP este un limbaj pe partea de server folosit frecvent în WordPress și alte servicii web. Obiectivele sale principale sunt să transmită date către și de la un server, pagini HTML împreună și să țină evidența sesiunilor. PHP, spre deosebire de JavaScript, acceptă identificatori cu litere mici și majuscule și poate obține cu ușurință baze de date.
d. Rubin
Ruby este un program de uz general care permite metaprogramarea, ceea ce îi permite să studieze și să-și schimbe codul și alte programe. Ruby on Rails, cel mai cunoscut cadru al său, face posibilă crearea rapidă și accesibilă a aplicațiilor complexe bazate pe web. Arhitectura Ruby on Rails servește ca o influență pentru implementarea Node.js a JavaScript.
Unde este JavaScript astăzi?
Cea mai recentă ediție de JavaScript, ECMAScript 2017, a fost lansată în iunie a acelui an. Un limbaj de programare dinamic și avansat se numește JavaScript.
JavaScript Implementările sale permit unui program la nivelul clientului să interacționeze cu utilizatorul și să creeze pagini dinamice. Este folosit cel mai frecvent ca o componentă a site-urilor web. Un limbaj de scripting interpretat cu caracteristici orientate pe obiecte se numește JavaScript.
Specificația ECMA-262 a stabilit limbajul fundamental JavaScript.
- Un program software simplu, interpretat este JavaScript.
- Proiectat pentru dezvoltarea de aplicații centrate pe rețea.
- Legat și complementar cu Java.
- Conectat și complementar cu HTML.
- Deschis și independent de platformă
Ce este Vanilla JavaScript?
Când ne referim la JavaScript pur, cunoscut și sub numele de JavaScript simplu, fără biblioteci suplimentare, folosim expresia „script vanilla”. „Astăzi, se pot face diverse lucruri fără a utiliza biblioteci JavaScript suplimentare”, a fost o glumă comună.
Scriptul vanilla este printre cele mai mici cadre create vreodată. Atât învățarea, cât și utilizarea acestuia sunt cu adevărat simple și ușoare. Scriptul vanilla poate fi folosit pentru a dezvolta aplicații și site-uri web majore și de impact. Inginerii care au venit cu prima versiune de JavaScript încearcă mereu să o îmbunătățească și să o facă mai benefică pentru dezvoltatorii web.
De ce ar trebui să înveți JavaScript Vanilla ?
Am început să învățăm și să folosim vanilla js pentru proiecte din mai multe motive. Aici, vom vorbi despre cele trei cele mai semnificative dintre ele.
1. Performanța web
Având în vedere că este cea mai costisitoare și esențială componentă a stivei front-end, este mult mai bună pentru designul site-ului web decât alte câteva cadre și module. Cu excepția fișierelor HTML și CSS, care pot fi folosite imediat după descărcare, codul vanilla js trebuie să fie construit și procesat. În comparație cu fișierele Html / CSS de aceeași lungime, un fișier js de 50 kb are o influență mult mai mare asupra vitezei unui site web.
2. Experiența utilizatorului
Oferă o experiență simplă, dar ușor de utilizat atunci când se dezvoltă. Un dezvoltator trebuie doar să deschidă procesorul de text pentru a începe codarea atunci când utilizează JavaScript pentru a crea o aplicație sau un site web. Dezvoltatorul nu trebuie să treacă prin procese laborioase, cum ar fi instalarea npm, etapele de asamblare, nicio construcție etc.
3. Ușurează și lucrul cu cadre.
De asemenea, face mai plăcută relația cu orice dezvoltator care alege să continue să folosească una dintre celelalte platforme. De asemenea, suntem cu toții conștienți de cât de dificil este să începeți să utilizați un cadru.
Manualul face o mulțime de presupuneri despre cunoștințele anterioare și cunoașterea modului în care funcționează fiecare instrument face învățarea mult mai simplă. Mulți începători cărora le lipsește experiența încearcă să studieze cadrele, motiv pentru care se pierd frecvent și în cele din urmă încetează să se concentreze asupra conceptelor fundamentale ale Vanilla js. Odată ce se simt în largul lor, încep să studieze cadrele și, în acest moment, încep lucrurile mult mai repede.
4. Încărcare server
Deoarece toată lumea știe că JavaScript este executat mai degrabă pe client decât pe server, este necesară o utilizare mai mică a serverului în general. În plus, programul simplu nu depinde deloc de server.
5. Interoperabilitate
Spre deosebire de alte limbaje de programare, JavaScript poate fi inclus în orice pagină web. De exemplu, PHP.
Ca urmare a compatibilității cu limbi suplimentare precum PHP, Pearl și altele, îl putem folosi pentru diverse aplicații.
6. Interfețe bogate
JavaScript ne permite să construim funcții de calitate excelentă, cum ar fi funcționalitatea de glisare și plasare și elemente de tip slider. Acest lucru poate avea un efect favorabil asupra experiențelor vizitatorilor site-ului web.
7. Viteza
Viteza sa este remarcabilă, deoarece execută partea clientului și nu are nevoie de resurse externe. Solicitările către un server back-end nu afectează cât de repede rulează JavaScript.
Diferența dintre Java și JavaScript?
Parametru | Java | JavaScript |
Dezvoltat de | James Gosling de la Sun Microsystems a creat limbajul orientat pe obiecte Java. | Netscape a creat Javascript, care a fost cunoscut pentru prima dată sub numele de LiveScript. |
Lucru | Java este un limbaj de scripting de sine stătător care este rulat pe Java Virtual Machine (JVM) prin codificarea în octeți a codului sursă. | JavaScript este un limbaj de programare care trebuie inclus într-un document HTML înainte de a fi rulat sau executat de un server web precum Chrome, Firefox etc. |
Tip de limbă | Un limbaj de programare orientat pe obiecte bazat pe clasă se numește Java. | Un limbaj de programare bazat pe exemple este JavaScript. |
Tip obiect | Java produce obiecte după crearea unei clase, deoarece este un limbaj bazat pe clasă. | Obiectele JavaScript bazate pe prototip sunt create dintr-un singur obiect prototip. |
Declarație variabilă | Java permite tastarea statică, ceea ce necesită declararea variabilelor și a tipurilor înainte de compilare și execuție. | JavaScript oferă tastare dinamică, permițând programatorilor să definească categoria și obiectul în orice moment. De exemplu, în timpul tipului de compilare, nu trebuie să declarați tipul variabilei (întreg, flotant etc.). Chiar și pe tot parcursul rulării, ați putea face acest lucru. |
Concurență (funcția de a gestiona diferite instrucțiuni în același timp) | Java folosește multi-threading pentru a facilita și asigura concurența, ceea ce face aplicația mai eficientă și mai rapidă. | Execuția simultană a mai multor evenimente sau concurență nu este acceptată în JavaScript. |
Compilare și interpretare | Java poate fi atât compilat, cât și interpretat. Este tradus în cod de octeți și rulează pe un JVM. | JavaScript este interpretat direct doar în browserul web. |
Vizibilitatea codului sursă | Java folosește codarea octeților pentru a ascunde codul sursă, făcând imposibilă citirea acestuia de către părți neautorizate sau alte părți. | Javascript, un limbaj de scripting, execută cod într-un browser care este disponibil pentru toată lumea în text simplu. |
Cerințe | Aveți nevoie de întregul Java Development Kit pentru a crea și executa un program Java (JDK). | Scrierea codului pentru JavaScript are nevoie pur și simplu de un editor de text. |
Sintaxă | În Java, tipurile de date trebuie definite. | JavaScript nu are nevoie de declararea tipurilor de date. |
Securitate | Java a fost dezvoltat cu scopul principal de a proteja codul sursă. Și are caracteristici puternice pentru a-l susține. | Limbajul de programare JavaScript nu este în mod fundamental sigur, deoarece este vizibil pentru toată lumea în text simplu. Programatorii trebuie să încorporeze noi caracteristici pentru securitate strictă. |
Extensie de fișier | Java acceptă „. extensia de fișier Java”. | „. Sistemul de fișiere JavaScript este compatibil cu JavaScript. |
Adecvare | Java poate fi folosit pentru a crea o varietate de tipuri de aplicații, inclusiv aplicații bazate pe web, servicii mobile, aplicații bazate pe cloud și tehnologii de date mari. Aplicații IoT | Cu toate acestea, odată cu cele mai recente revizuiri și adăugarea lui Node, JavaScript este acum utilizat în mare măsură pentru dezvoltarea front-side. Programarea jocurilor, dezvoltarea de aplicații online și mobile și dezvoltarea de aplicații web și server sunt toate utilizări posibile pentru JavaScript. |
Caracteristici cheie | Biblioteci mari; Simplu și simplu de învățat; Popular | Frame-uri puternice, ușoare și excelente pentru dezvoltarea front-end |
Companii care folosesc | Google, Netflix, Airbnb etc. | Microsoft, Uber, PayPal etc. |
Compilator Java
Compilatorul trebuie mai întâi să analizeze (sau să analizeze) fiecare cuvânt al instrucțiunii de sintaxă în mod contextual pas cu pas, în ordine, în unul sau mai mulți pași succesivi (uneori denumiți „pase”) înainte de a crea programul țintă în timpul codului executabil (timpul de rulare) . Compilatorul garantează că instrucțiunile cu referințe la alte linii de cod sunt sortate secvenţial.
Ieșirea produsă de compilator este de obicei denumită cod obiect sau componentă obiect. Termenul „obiect” este folosit aici fără referire la programarea orientată pe obiecte. Termenul „cod obiect” se referă la un tip de limbaj de asamblare în care procesorul execută câte un program.
Operatori JavaScript
Un operator în JavaScript este un simbol unic folosit pentru a efectua acțiuni asupra operațiilor aritmetice (valori și variabile). În acest caz, 2 + 3; / 5. Aici, operatorul + efectuează adunarea, iar operanzii sunt 2 și 3.
Tipuri de operatori JavaScript
A. Operatori de atribuire
În funcție de costul operandului său din dreapta, un operator de atribuire contribuie pozitiv la operandul său din stânga. Equal (=), un operator de atribuire simplă, transferă valoarea operandului său din dreapta către operandul său din stânga.
b. Operator aritmetic
Un operator matematic care funcționează atât cu grupuri, cât și cu numere întregi. În AHDL, prefixul și simbolurile binare plus (+) și minus (-) sunt formule matematice acceptate în declarațiile booleene.
c. Operatori de comparație
Operatorii de comparare pot evalua și compara șiruri sau numere. Spre deosebire de expresiile aritmetice, expresiile operator de comparație nu returnează un rezultat numeric. Expresiile de comparație oferă unul dintre cele două rezultate: 1 (care indică adevărat) sau 0 (care indică fals).
d. Operatori logici
Un operator logic ar fi un simbol sau un cuvânt care unește două sau mai multe declarații în așa fel încât validitatea expresiilor compuse rezultate să se bazeze doar pe valoarea variabilelor originale și pe interpretarea operatorului. Operatorii logici AND, OR și NOT sunt adesea folosiți.
e. Operatori pe biți
La efectuarea sarcinilor pe biți de date sau operații aritmetice care necesită modificarea biților individuali, se folosește un operator pe biți. În stivele de conexiune în care biții specifici din antetul asociați cu datele reprezintă informații cruciale, se utilizează operațiuni pe biți.
f. Operatori șiruri
Cele mai multe tipuri de operații pe care le putem face asupra variabilelor din program care au un tip șir sunt reprezentate de operatori șir.
g. Alți Operatori
Alți operatori sunt angajați pentru a efectua anumite operații matematice și logice asupra operanzilor. Operanzii sunt operați de un operator, cu alte cuvinte. În JavaScript, operatorii sunt utilizați pentru a executa operații matematice, pentru a compara date și pentru a efectua alte sarcini.
Tehnologii înrudite
1. Java
Este o percepție greșită populară că JavaScript și Java sunt interschimbabile. Ambele au într-adevăr o sintaxă similară cu C. În plus, atunci când sunt utilizate într-un browser, acestea sunt frecvent sandbox, deoarece JavaScript a fost creat având în vedere limbajul Java și biblioteca de bază. În special, JavaScript-ul original a rezervat toate cuvintele cheie Java, a urmat identificatorii Java din biblioteca sa standard și și-a derivat elementele Math și Date din clasele Java 1.0.
2. JSON
JSON, sau JavaScript Object Notation, este un format de fișier de sistem deschis și un format de schimb de date care utilizează un limbaj pe care oamenii îl pot citi pentru a stoca și trimite obiecte de date formate din perechi și grupuri atribut-valoare (sau alte valori serializabile). Este un format de date utilizat pe scară largă pentru schimbul electronic de date, în special între servere și aplicații online.
3. WebAssembly
Pe lângă definirea unui format compact de cod binar și a unui format de text asociat pentru programele operabile, WebAssembly (deseori abreviat ca Wasm) specifică și protocoale software pentru a facilita interacțiunile dintre astfel de aplicații și integratorul lor de sistem.
Obiectivul principal al WebAssembly este de a face posibilă rularea programelor de înaltă performanță pe paginile web. Totuși, deoarece nu face nicio afirmație specifică web-ului și nu oferă capabilități specifice web-ului, poate fi folosit și în alte setări. În realitate, unul dintre cele mai populare limbaje ale sale de programare are, de asemenea, cel puțin un anumit grad de asistență, deoarece este o platformă deschisă care aspiră să servească orice script pe orice sistem informatic.
4. Transpilers
Un traducător de la sursă la sursă, cunoscut și ca compilator S2S, transcompiler sau transpiler, transformă codul sursă al unui program într-un cod sursă echivalent într-un alt limbaj de programare.
Ce companii folosesc JavaScript?
1. Microsoft
Pentru a-și crea browserul web Edge, Microsoft trebuie să colaboreze strâns cu JavaScript. Microsoft a creat și operat procesorul său JavaScript pentru Edge, deoarece procesarea și execuția rapidă a JavaScript sunt cerințe pentru toate browserele. Într-adevăr, s-a discutat despre producerea unei versiuni diferite NodeJS care utilizează motorul Edge.
2. PayPal
În partea din față a paginii web, PayPal a folosit, fără îndoială, JavaScript de mult timp, dar este doar începutul. Unul dintre primii utilizatori ai NodeJS a fost liderul industriei în plăți online.
3. Netflix
Similar cu PayPal, Netflix a făcut inițial aproape totul în Java. De asemenea, au întâmpinat probleme din cauza dimensiunii și duratei dezvoltării Java.
Pe măsură ce NodeJS a fost introdus, Netflix a trecut treptat dincolo de structura sa organizațională mai convențională și a trecut la cloud.
4. Uber
Uber trebuie să gestioneze cantități masive de informații într-un timp scurt. Ei primesc milioane de solicitări zilnic, iar acestea nu au doar vizualizări de pagină. Uber trebuie să monitorizeze unde se află șoferii, pasagerii și solicitările de călătorie primite. Trebuie să verifice eficient astfel de date și să se potrivească rapid cu cicliștii.
Toate acestea îmbunătățesc beneficiile JavaScript și NodeJS. Node este conceput pentru a gestiona cererile și a transfera date rapid.
5. Facebook
După cum știți cu siguranță, Facebook folosește JavaScript. E puțin greu de ratat. Cât de mult JavaScript este implicat în crearea Facebook, precum și cât de mult este implicat Facebook în dezvoltarea JavaScript, pare probabil să nu fie la fel de evident.
6. Google
Google creează și adesea pune la dispoziție instrumentele JavaScript pe care le utilizează. Cea mai proeminentă ilustrație este AngularJS. Angular a devenit unul dintre cele mai populare framework-uri front-end de acolo și este cel mai frecvent utilizat în platforma de publicitate DoubleClick de la Google.
Alternative de JavaScript
1. Dart
Dart este construit pentru productivitate, ceea ce facilitează finalizarea sarcinilor decât JavaScript. Deși Google l-a dezvoltat des, încă oferă mai puține funcții decât JavaScript.
2. TypeScript
Microsoft a creat TypeScript pentru a îmbunătăți funcționalitatea JavaScript. Majoritatea utilizatorilor consideră codul TypeScript ca fiind robust și mai puțin predispus la erori și, de asemenea, cred că poate fi destul de ciudat și dificil.
3. CoffeeScript
Pentru o citire mai ușoară, un cod mai scurt și mai simplu, limbajul CoffeeScript este transpilat în JS. Dar va trebui să fii totuși un expert în JavaScript dacă folosești CoffeeScript.
4. Ulm
Elm este un limbaj practic care este relativ tânăr și oferă un mediu de dezvoltare web front-end high-end. Este de obicei folosit pentru a crea interfețe vizuale cu utilizatorul. Sistemul de tip sofisticat al acestui limbaj garantează că programele de producție nu vor include niciodată o greșeală de rulare.
5. Python
Unul dintre cei mai apreciați înlocuitori JavaScript pentru dezvoltarea back-end include Python. Sintaxa limbajului Python este destul de simplă pentru ca începătorii să o înțeleagă.
6. Kotlin
Un alt limbaj de scripting back-end cu o lizibilitate mai mare și mai puține cerințe de autor este Kotlin. Deoarece afacerile mai degrabă decât mediul academic l-au creat, Kotlin se concentrează mai mult pe problemele din lumea reală pe care le întâlnesc dezvoltatorii.
7. Rubin
Ruby este un limbaj de scripting puternic, tip dinamic, orientat pe obiecte, cu o sintaxă destul de simplă, care este extrem de asemănătoare cu limba engleză. Deși puțin mai lent decât Python, este totuși una dintre cele mai utilizate alternative.
8. PHP
Cu caracteristicile sale adaptabile și perfecte, PHP se spune că este limbajul de programare back-end al viitorului. Datorită gramaticii foarte descriptive a acestui limbaj, aveți o oarecare flexibilitate creativă.
9. Răspunde Nativ
Un model de proces open-source, React Native este folosit pentru a crea aplicații native multiplatforme. Utilizează limbajele de programare React și JavaScript pentru a crea aplicații mobile aproape identice cu aplicațiile native create în Java sau Objective-C.
10. NativeScript
Un alt cadru extrem de util pentru crearea de aplicații native multiplatformă care utilizează JavaScript sau TypeScript este NativeScript. O singură bază de cod poate fi distribuită pe mai multe platforme, inclusiv Android și iOS, prin utilizarea instrumentelor de partajare a codului precum Angular sau Vue.js.
11. Ionic
Un alt cadru JavaScript foarte apreciat pentru crearea de aplicații hibride este Ionic. Cu software-ul de bază atașat la dispozitiv, dezvoltatorii pot folosi pluginuri Cordova care permit oamenilor să acceseze echipamente și software de pe un astfel de dispozitiv mobil.
Pe lângă oportunitățile viitoare de front-end și back-end deja discutate, s-ar putea să doriți să analizați și alternativele relevante ale aplicațiilor web.
12. ClojureScript
Un substitut JavaScript de încredere numit ClojureScript simplifică traducerea limbajului de programare Clojure în JavaScript. Rulând pe mașina virtuală Java, Clojure ar fi un Lisp care are acces la toate bibliotecile Java actuale.
13. Babel
Versiunea ES5 a scriptului ECMA este compatibilă cu JavaScript, dar ES6 oferă câteva capabilități interesante pe care JavaScript nu le acceptă în prezent. Codul dvs. JavaScript ES6 va fi transformat în cod JS compatibil cu ES5 utilizând compilatorul Babel.
Încheierea
Desigur, JavaScript are o mulțime de concurenți în lumea modernă. Este destul de simplu să comutați de la Node.js la orice alt limbaj de programare utilizat pe scară largă, inclusiv Python, C, C++, Kotlin, Ruby, Smalltalk și multe altele, în special pentru scripturi sau aplicații de rutină.
JavaScript ar putea fi totuși singura ta alegere pentru dezvoltarea front-end. Puteți utiliza în continuare transpilere pentru a vă traduce baza de cod în JavaScript acceptabil de browser. Ați folosit JavaScript în timpul carierei la o companie de dezvoltare web și este posibil să căutați cele mai bune soluții JavaScript chiar acum. De la introducerea sa în 1995, JavaScript a devenit un limbaj popular printre dezvoltatorii din întreaga lume. Cu aproximativ 68% dintre participanții la sondaj, a rămas cel mai popular limbaj de scripting de la începutul anului 2020.
S-ar putea să-ți placă și să citești
- Diferența dintre React Typescript, React JavaScript și React Native
- Cele mai bune cadre de dezvoltare web (Frontend și Backend)
- Cele mai bune cadre de dezvoltare a aplicațiilor pe mai multe platforme
- Ce este dezvoltarea Full Stack? O scurtă introducere