{"id":19388,"date":"2021-07-05T18:31:51","date_gmt":"2021-07-05T16:31:51","guid":{"rendered":"https:\/\/www.software-developer-india.com\/wat-is-vanille-javascript\/"},"modified":"2021-07-05T18:31:53","modified_gmt":"2021-07-05T16:31:53","slug":"wat-is-vanille-javascript","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/nl\/wat-is-vanille-javascript\/","title":{"rendered":"Wat is vanille JavaScript?"},"content":{"rendered":"\n

Wat is vanille JavaScript?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Toen websites voor het eerst ontstonden, waren ze statisch, en dat was toen prima. En met de introductie van Vanilla Javascript veranderde het de manier waarop de websites eruit gingen zien en aanvoelen. Websites werden revolutionair, interactief en dynamisch. <\/p>\n\n

Vanilla JS is gewoon JS, dus het is een op tekst gebaseerde programmeertaal, zowel aan de serverzijde als aan de clientzijde. Het raamwerk werd in 2012 gecre\u00eberd door Eric Wastl, en hoewel hij het niet was die de term bedacht, maakte zijn website het populair. Kortom, Vanilla Js is gewoon Javascript zonder extra framework of bibliotheken. <\/p>\n\n

Toen ontstond jQuery, een bibliotheek met tools gemaakt met Javascript. jQuery was lichtgewicht en zeer gebruiksvriendelijk omdat het hielp bij het cre\u00ebren van complexe functionaliteiten met minimale codering.<\/p>\n\n

Je vindt Vanilla JS in Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow<\/strong> en een aantal andere populaire websites en platforms. <\/p>\n\n

Alle Javascript-frameworks en -bibliotheken zijn dus gebaseerd op de Vanilla-kern. Alle verschillende frameworks zijn vaak gebaseerd op het ene of het andere Javascript-principe. Vaak gebruiken ontwikkelaars gewoon Javascript zonder extra JS-frameworks of bibliotheken te gebruiken.<\/p>\n\n

Interessant is dat het Vanilla JS-framework ons bijna doet denken aan vanille-ijs, omdat het framework ongewijzigd is en je het basisproduct gebruikt zoals het is, zonder er iets aan toe te voegen. <\/p>\n\n

Het enige dat u doet, is dat u het framework gebruikt met de meest elementaire API-functies van de JS-interpreter. Natuurlijk moet elke website die geen framework gebruikt automatisch VanillaJs gebruiken, en zelfs als ze geen framework gebruiken, gebruiken ze bepaalde functies en algoritmen van VanillaJS. Het framework geeft u ook de volledige vrijheid om elke gewenste architectuur te implementeren. U kunt dit ook integreren met uw bedrijfslogica, DOM-manipulatielogica en andere tools die u wilt verbinden. <\/p>\n\n

Elke ontwikkelaar moet volledige kennis hebben van puur Javascript en elke ontwikkelaar die u inhuurt, moet kennis hebben van Vanilla JS, vooral als hij voornamelijk in het Javascript-ecosysteem werkt.<\/p>\n\n

Afbeelding: Vergelijken<\/p>\n\n

Hier zie je Vanilla JS met een paar andere talen <\/strong><\/h3>\n\n

Vanilla JS versus React: wanneer je wat kunt gebruiken?<\/strong><\/p>\n\n

Vanilla JS helpt je bij het bouwen van krachtige platformonafhankelijke applicaties enzovoort. React, het is een van de meest populaire JS-bibliotheken, dankzij de flexibiliteit en prestatiekwaliteit. React kan de gebruikersinterface opsplitsen in kleinere, herbruikbare componenten die tegen elkaar kunnen worden verplaatst. En het is deze functie die fungeert als een winnend voordeel ten opzichte van VanillaJS. Voor JS wordt het erg moeilijk om de code te onderhouden als de applicatie groot is. In dergelijke gevallen zal de gebruikersinterface regelmatig moeten worden bijgewerkt. <\/p>\n\n

En dat is niet alles. Om het UI-element te wijzigen, moet u het element eerst in DOM vinden en pas daarna bijwerken. Dit kan vervelend zijn als u slechts \u00e9\u00e9n element hoeft te wijzigen. React heeft een virtuele DOM en helpt bij het omzeilen van de handmatige taak. Kortom, met Vanilla JS kan het gesynchroniseerd houden van de gebruikersinterface moeilijk en nauwgezet zijn. <\/p>\n\n

Vanilla JS versus jQuery<\/strong><\/h3>\n\n

Zoals eerder uitgelegd, konden ontwikkelaars met de komst van Vanilla JS dynamische websites maken. Toen jQuery binnenkwam, kwamen er ook een aantal tools bij, met behulp van Javascript. jQuery is lichtgewicht en met zijn gebruiksvriendelijke JS-bibliotheek is het gemakkelijk om complexe functionaliteiten te cre\u00ebren met weinig regels code. Het vereenvoudigt veel dingen voor de ontwikkelaar, zoals het verwerken van JSON-gegevens van de server, het toevoegen van animatie-effecten zoals verbergen, tonen enz., helpt bij het manipuleren van CSS, het maken van AJAX-verzoeken en meer. <\/p>\n\n

Met jQuery kunnen veel dingen gemakkelijker zijn voor de beginnende ontwikkelaar, maar er is geen regel als zodanig die zegt waar Vanilla JS moet worden gebruikt en waar jQuery moet worden gebruikt. iQuery is echter een enorme tijdsbesparing omdat het wordt geleverd met verschillende vooraf geschreven functies waarvoor alleen noodzakelijke wijzigingen hoeven te worden aangebracht.<\/p>\n\n

En jQuery vereist gewoon minder codering, maar voor Javascript is een lange codeerlijn vereist, misschien zelfs spaghetticodes. Voor JS zijn geen extra plug-ins nodig, maar ze hoeven ook geen extra plug-ins toe te voegen. Voor jQuery moet de link naar het bibliotheekscript worden opgenomen in de head-tag van de webpagina. <\/p>\n\n

Als u naar compatibiliteit met meerdere browsers kijkt, zullen browsergerelateerde fouten waarschijnlijk optreden met JS. Maar met jQuery is dit geen probleem, omdat het met allerlei browsers werkt; er zullen geen compatibiliteitsproblemen zijn. <\/p>\n\n

Eigenlijk is er geen specifieke regel voor het gebruik van Javascript en jQuery. Maar ontwikkelaars zeggen dat jQuery beter is voor DOM-manipulatie in vergelijking met Javascript. Het pluspunt van Vanilla JS is echter veel sneller dan jQuery. Toch kunnen beginnende ontwikkelaars het moeilijk vinden om complexe functionaliteiten te schrijven met Vanilla JS. <\/p>\n\n

Voor JS moet alle codering helemaal opnieuw worden gedaan, en beginnende ontwikkelaars vinden dat misschien moeilijk en tijdrovend. jQuery daarentegen heeft verschillende vooraf geschreven functies en als er noodzakelijke wijzigingen moeten worden aangebracht, kan dit zeker tijdbesparend zijn. <\/p>\n\n

Als je de twee vergelijkt, is Vanilla JS veel sneller dan jQuery en kan, afhankelijk van de bewerking, zelfs 10 tot 25 keer sneller zijn. <\/p>\n\n

Vanilla JS versus Angular JS<\/strong><\/h3>\n\n

Angular JS is een tool in de Javascript MVC, terwijl Vanilla onder Javascript UI Libraries valt. Sommige ontwikkelaars zeggen dat Vanilla JS superieur is als je kijkt naar de initi\u00eble belasting en prestaties, dus als je een app wilt ontwikkelen met de prestatiefactor als prioriteit, dan kun je Vanilla JS kiezen. <\/p>\n\n

Conclusie<\/strong><\/h3>\n\n

Vanilla JS is geweldig en laat je zelfs dynamische webpagina’s maken. Maar wanneer u op zoek bent naar een enorme en gecompliceerde applicatie met complexe functionaliteiten en duizenden pagina’s heeft, kunt u beter voor moderne Javascript-frameworks gaan. <\/p>\n\n

Dus nogmaals, de keuze die u maakt, is afhankelijk van de behoefte. Als je van plan bent om front-end of full-stack webontwikkelaar te worden, dan is het belangrijk dat je weet van Vanilla JS. De basis van alle frameworks zal altijd JS zijn, bibliotheken en frameworks zullen komen en gaan, maar JS is hier om te blijven. <\/p>\n\n

Vaardigheid met Vanilla JS zal het altijd gemakkelijker maken om over te schakelen naar jQuery, hoewel de overstap misschien niet erg soepel verloopt. <\/p>\n\n

Interessante links:<\/p>\n\n

Meer informatie over Vanilla JS<\/a><\/p>\n\n

Waarom Vanilla JS?<\/a><\/p>\n\n

Foto’s: Canvas<\/p>\n\n

\n\n
\"\"<\/figure><\/div>\n\n

De auteur: Sascha Thattil werkt bij Software-Developer-India.com, een onderdeel van de YUHIRO Group. YUHIRO is een Duits-Indiase onderneming die programmeurs levert aan IT-bedrijven, agentschappen en IT-afdelingen.<\/p>\n