Elke website is in principe gebouwd op basis van 3 technologieën; HTML, CSS en Javascript HTML houdt zich bezig met de volgorde van de verschillende onderdelen van de site, CSS met de manier waarop deze onderdelen worden weergegeven en Javascript complexe taken zoals reageren op gebruikersacties.
En eerdere artikelen We hadden uitgelegd dat het een CSS-framework was en kregen een lijst met de beste die we onder Linux kunnen gebruiken. Hoe de rol van Javascript wat moeilijker uit te leggen is, we gaan een kleine inleiding op het onderwerp doen, voordat we commentaar geven op de kaders ervan.
Javascript programmeertaal. Een kleine introductie
Wat is Javascript?
Javascript is een programmeertaal die oorspronkelijk is gemaakt om te voorkomen dat webpagina's statisch zijn, hoewel het gebruik ervan zich tegenwoordig heeft verspreid naar sectoren die niets met internet te maken hebben.
Lprogramma's die in Javascript zijn geschreven, worden scripts genoemd en ze draaien op een virtuele machine die bekend staat als een Javascript-engine.
Alle moderne browsers bevatten hun versie van de Javascript-engine
Voor de veiligheid van gebruikers, verschillende browsers stellen beperkingen aan wat Javascript-code kan doen Bijvoorbeeld toegang tot kritieke bestanden op de schijf. Dit kan echter verder worden beperkt in de configuratie-opties van elk.
De werking van de Javascript-code binnen een webpagina is als volgt:
- De Javascript-engine die in de browser is ingesloten, leest de code.
- De code wordt geconverteerd naar machinetaal.
- De machine voert de code uit.
Javascript is een programmeertaal en kan de volgende taken uitvoeren:
- Sla informatie op binnen variabelen.
- Omgaan met tekstreeksen.
- Voer programma's uit die reageren op gebeurtenissen, zoals het klikken op een link.
Javascript-mogelijkheden nemen toe door het gebruik van Application Programming Interfaces (API's)
API's zijn programmabibliotheken gemaakt voor specifieke taken waardoor de ontwikkelaar geen bestaande code hoeft te herschrijven. In het geval van Javascript kunnen we spreken over twee soorten APIS
Browser-API
Ze draaien binnen de browser en reageren op de omgeving We hebben bijvoorbeeld:
Document Object Model (DOM): Het maakt het mogelijk om wijzigingen aan te brengen in de HTML- en CSS-code van de pagina als reactie op bepaalde gebeurtenissen. Dit is het geval bij websites waarmee we kunnen zien hoe een pagina eruit zou zien op verschillende apparaten.
Geolocatie-APIa: Het wordt gebruikt om de locatie van de gebruiker te detecteren en dienovereenkomstig te reageren. Het wordt bijvoorbeeld door Netflix gebruikt om te weten welke inhoud u in uw land kunt zien of Google Maps om u te laten zien waar u zich bevindt.
Canvas en WebGL: Ze zijn ideaal voor het plotten van 2D- en 3D-afbeeldingen
Multimedia-API's: Ze maken de verzending en ontvangst van multimedia-inhoud van een webpagina mogelijk.
API's van derden
De verschillende webservices proberen meer gebruikers te krijgen (en in sommige gevallen meer informatie van die gebruikers om het te verkopen). Daarom programmeerinterfaces maken zodat ontwikkelaars functionaliteiten kunnen integreren die deze services leveren aan externe sites. Dit is bijvoorbeeld het geval voor die webpagina's waarop u zich kunt registreren met uw Google- of Facebook-account.
Hoe de Javascript-code werkt binnen een website
Allereerst moet dat worden verduidelijkt elk javascript-script draait binnen zijn eigen runtime-omgeving Er is een uitvoeringsomgeving voor elk tabblad (als we verschillende sites openen in hetzelfde venster) of voor verschillende vensters als we dat willen. Ze zijn in geen geval met elkaar of, zoals we al zeiden, met het besturingssysteem verbonden zonder de actieve tussenkomst van de gebruiker.
Eerste se laadt de HTML-code van de webpagina en er wordt een objectmodel van het document gemaakt zodat het in de browser kan worden weergegeven. De te bevestigen items worden vervolgens geladen naar de pagina als media, afbeeldingen en style sheets. Ten slotte worden de stijlen toegewezen aan de verschillende delen van de pagina zoals bepaald door de style sheets.
Zodra dit allemaal is voltooid, wordt de Javascript-engine opgestart volgens de hierboven genoemde volgorde.
In ons volgende artikel gaan we met de beloofde lijst met frameworks voor Javascript.