Transcript
Een web browser is waarschijnlijk iets wat je dagelijks gebruikt maar nooit echt stilstaat bij hoe die nou precies werkt en wat het is? Met een web browser ga je op het internet. Een webpagina (die je maakt met HTML, CSS en JavaScript) word weergegeven in een browser.
Je typt een URL in en de browser zoekt de correspondere server en geeft jouw de bestanden die je nodig hebt binnen miliseconden. De browser communiceerd met de server over het internet en dat doe ie met HTTP (hypertext transfer protocol). Dat is hoe alle browsers werken.
Er zijn een aantal bedrijven die web browsers maken. Als je een windows laptop hebt staat daar standaard waarschijnlijk Microsoft Edge op (vroeger internet explorer) en als je een MacBook hebt zit daar standaard Safari op. Er zijn nog veel meer Browsers, zo installeren veel mensen Chrome van Google of Firefox van Mozilla, de browser die ik zelf gebruik. Daarnaast heb je ook nog opera en nog veel meer obscure browsers.
Al die verschillende browsers worden door verschillende bedrijven of organisaties gemaakt maar ze implementeren allemaal webstandaarden. Je zult merken dat als je een website maakt die vaak in alle browsers werkt omdat ze bijvoorbeeld met HTML5 zijn geschreven en al die browsers diezelfde webstandaarden hanteren. Het kan wel eens voorkomen dat er inconsistenties zijn. Iets wat wel werkr in de brrowser werkt misschien niet in de ander browser. Dat noemen we cross browser compatability. Maken we ons tijdens dit vak niet druk om maar het is wel handig om te weten.
Ik wil je uitdagen of als opdracht meegeven, download eens een aantal andere browser en kijk eens welke je fijn vind. Elke developer heeft waarschijnlijk een voorkeur voor zijn eigen browser. Vaak baseren we dat op hoeveel we kunnen aanpassen, hoe de UI is (user interface is) en of er veel extensies beschikbaar zijn. Zo heb je misschien wel in je browser via de store een adblockers geinstalleerd.
De belangrijkste is misschien wel de developer tools. Dat is eigenlijk de nerd mode van een browser. Je kijkt dan onder de motorkap en kan alles aanpassen op de pagina. Ken je dat voorbeeld van dat mensen een screenshot van hun bankrekening manipuleren en net alsof doen dat ze rijk zijn? Dan passen ze de pagina aan met de developer tools. In de andere video gaan we kijken naar deze developer tools en wat je er mee kan.
Voor nu, probeer dus eens een aantal browsers uit en kies er een die je zelf fijn vindt.