În principiu, fiecare site web este construit pe baza a 3 tehnologii; HTML, CSS și Javascript. HTML se ocupă de ordonarea diferitelor părți componente ale site-ului, CSS cu modul în care acele părți sunt redate și Javascript sarcini complexe, cum ar fi răspunsul la acțiunile utilizatorului.
En articolele anterioare Am explicat că este un cadru CSS și am dat o listă cu cele mai bune pe care le putem folosi în Linux. Cum rolul Javascript este puțin mai dificil de explicat, vom face o mică introducere a subiectului, înainte de a ajunge să comentăm cadrele sale.
Limbaj de programare Javascript. O mică introducere
Ce este Javascript?
Javascript este un limbaj de programare creat inițial pentru a opri paginile web să nu fie statice, deși astăzi utilizarea sa s-a răspândit în sectoare care nu au nicio legătură cu webul.
Lprogramele scrise în Javascript se numesc scripturi și rulează în interiorul unei mașini virtuale cunoscute sub numele de motor Javascript.
Toate browserele moderne includ versiunea lor a motorului Javascript
Pentru siguranța utilizatorilor, diferite browsere pun limite la ceea ce poate face codul Javascript. De exemplu, acces la fișierele critice de pe disc. Cu toate acestea, acest lucru poate fi limitat în continuare în opțiunile de configurare ale fiecăruia.
Funcționarea codului Javascript într-o pagină web este după cum urmează:
- Motorul Javascript încorporat în browser citește codul.
- Codul este convertit în limbajul mașinii.
- Mașina execută codul.
Fiind un limbaj de programare, Javascript poate îndeplini sarcini precum acestea:
- Stocați informații în variabile.
- Manipulați șirurile de text.
- Rulați programe care răspund la evenimente cum ar fi să faceți clic pe un link.
Capacitățile Javascript cresc prin utilizarea interfețelor de programare a aplicațiilor (API-uri)
API-urile sunt biblioteci de programe create pentru sarcini specifice care eliberează dezvoltatorul de a rescrie codul existent. În cazul Javascript putem vorbi despre două tipuri de APIS
Api browser
Acestea rulează în browser și răspund la mediu. Avem, de exemplu:
Model de obiect document (DOM): Face posibilă modificarea codului HTML și CSS al paginii ca răspuns la anumite evenimente. Acesta este cazul site-urilor web care ne permit să vedem cum ar apărea o pagină pe diferite dispozitive.
API de geolocalizarea: Este folosit pentru a detecta locația utilizatorului și pentru a răspunde în consecință. De exemplu, este folosit de Netflix pentru a ști ce conținut puteți vedea în țara dvs. sau Google Maps pentru a vă arăta unde vă aflați.
Canvas și WebGL: Sunt ideale pentru reprezentarea graficelor 2d și 3d
API-uri multimedia: Acestea permit transmiterea și recepția de conținut multimedia de pe o pagină web.
API-uri terță parte
Diferitele servicii web încearcă să obțină mai mulți utilizatori (și, în unele cazuri, mai multe informații de la acei utilizatori pentru a le vinde) De aceea creați interfețe de programare, astfel încât dezvoltatorii să poată integra funcționalități pe care aceste servicii le oferă site-urilor externe. Acesta este de exemplu cazul acelor pagini web care vă permit să vă înregistrați cu contul dvs. Google sau Facebook.
Cum funcționează codul Javascript în cadrul unui site web
În primul rând, trebuie clarificat faptul că fiecare script javascript rulează în propriul mediu de rulare. Există un mediu de execuție pentru fiecare filă (dacă deschidem site-uri diferite în aceeași fereastră) sau pentru ferestre diferite, dacă preferăm. În niciun caz nu sunt corelate între ele sau, așa cum am spus, cu sistemul de operare fără intervenția activă a utilizatorului.
Primul sÎncarcă codul HTML al paginii web și se creează un model de obiect al documentului, astfel încât să poată fi afișat în browser. Articolele care trebuie atașate sunt apoi încărcate la pagină ca suport media, imagini și foi de stil. În cele din urmă, stilurile sunt atribuite diferitelor părți ale paginii așa cum este determinat de foile de stil.
Odată ce toate acestea sunt terminate, atunci este pornit motorul Javascript urmând secvența menționată mai sus.
În următorul nostru articol mergem cu lista promisă de cadre pentru Javascript.