Web for dummies

Insights

Voor dummies #1: Web 3

🛠 Frontend development

Web 3 is de volgende stap in de evolutie van het web. Het streeft vooral om het internet slimmer te maken. Maar om echt te begrijpen wat web 3 nu daadwerkelijk is, bekijken we eerst even de evolutie tot hiertoe. Want over de laatste aantal jaren heeft het web al een aantal veranderingen ondergaan. Belangrijk om te weten is dat er geen exacte definitie is voor web 1, web 2 of web 3. Maar dat het verzamelnamen zijn voor ideeën, strategieën en principes die men gebruikt op het internet.

Evolutie

Web 1 of ‘read-only web’

Dit is het beginstadium van het internet. Dit stadium word ook het ‘read-only web’ genoemd. Dit komt omdat het internet in de beginjaren enkel dienden om informatie beschikbaar te maken. Het waren vooral statische websites die nog niet zo dynamisch en interactief zoals deze nu zijn. Over tijd werden ze wel iets interessanter door de nieuwe ontwikkelingen van onder meer flash of javascript.

Web 2 of ‘read-write web’

Bij deze fase van het internet wordt vooral gekenmerkt door de interactiviteit van het internet. Het is een betere versie van het web gekenmerkt door de verandering van statische naar dynamische of door gebruikers gecreëerde inhoud, evenals door de opkomst van sociale media. Het opvallende hier is dat niet alleen de gebruikers informatie vergaarden. Maar ook de bedrijven beginnen informatie te verzamelen van zijn gebruikers. Deze data wordt gebruikt om ons content aan te bieden die meer aanleunt bij onze interesses, om ons zo meer tijd te doen spenderen op hun platform. Later werd hen ook duidelijk dat ze deze data konden doorverkopen aan advertisers om zo nog meer winst te maken. Web 2 is het tijdperk van de gepersonaliseerde reclame en het gebrek van privacy van zijn gebruikers.

Web 3 of ‘read-write-execute’

Dit moet de toekomst van het web voorstellen. In dit tijdperk van artificiële intelligentie en machine learning, laten computers toe om data beter te gaan begrijpen en applicaties nog beter en interactiever te maken. Web applicaties zullen vooral gemaakt worden op gedecentraliseerde peer-to-peer netwerken. Deze netwerken zijn ontwikkeld, geopereerd en worden onderhouden door zijn gebruikers, in plaats van een bedrijf. Dit zou als gevolg moeten hebben dat de gebruikers terug volledige controle zou moeten hebben over zijn eigen data. Door de decentralisering zal data niet meer worden bijgehouden door een google of een Meta. Maar door de verschillende gebruikers.

Kenmerken van web 3

Crypto

Je zal ook merken dat cryptomunten vaak genoemd worden in combinatie met web 3. Voor mocht je onder een steen geleefd hebben de afgelopen 5 jaar, cryptomunten zijn simpel gezegd digitale betaaleenheden. Het systeem hierachter is vrij simpel. Als je nu iets betaald op het internet gaat er geld van jouw bankrekening, naar de bankrekening van die webshop. Dit is een digitale transactie die banken registreren, door deze op te slaan in hun eigen databases. Voor mocht je je niets kunnen voorstellen bij een database, dit kan je een beetje vergelijken als een grote collectie van excel sheets waarin elke lijn een transactie is. Crypto is eigelijk ontwikkeld met dat zelfde idee. Het is een puur virtuele munt, dus niet tastbaar, die je kan gebruiken om online in te gaan uitwisselen. Belangrijk hierbij wel te onthouden is dat de transacties worden bijgehouden in 1 (grote) centrale database, een ‘ledger’ (later hierover meer).

Decentralisatie

Zoals eerder al aangehaald is het decentraliseren van een applicatie één van de, of misschien zelf de grootste troef van web 3. Kort door de bocht is een gedecentraliseerd applicatie, of dApp, een applicatie die niet meer op 1 centrale server staat bij een bedrijf. In plaats daarvan staat hij bij verschillende gebruikers die hun apparatuur ter beschikking stellen. Iedere gebruiker die wenst deel te nemen aan het creëren, controleren of verbeteren van deze projecten krijgt een vergoeding in de vorm van tokens als motivatie. Dit zou een hele waaier aan activiteiten bevatten zoals: berekening, opslag, bandbreedte, identificatie, hosting en andere onlinediensten die voorheen door cloudproviders werden geleverd.

Crypto zelf is ook een heel mooi voorbeeld van decentralisatie. Alle transacties van een cryptomunt worden opgeslagen, zoals eerder al genoemd, in 1 grote ledger waar vele kopieën van bestaan. Je hebt waarschijnlijk al gehoord van de term ‘crypto-miners’. Dat zijn mensen die de rekenkracht van hun computer beschikbaar stellen om zo een kopie van een ledger bij te houden. Ze doen dit omdat ze vergoed worden (in crypto) om hun apparatuur ter beschikking te stellen. Om u een idee te geven, er zijn al meer dan een miljoen bitcoin miners op de wereld. En Bitcoin is slecht 1 van de honderden soorten cryptomunten.

Maar hoe werken deze ledger dan precies samen kan u zich afvragen? Wel, als een transactie gebeurt met bijvoorbeeld bitcoin, gaat het systeem dit eerst controleren op elke computer waar zo een copy van deze ledger staat. Als deze computers hun zegen geven, dan zal de transactie worden uitgevoerd en geregistreerd worden op alle kopieën van deze ledger. Dus mocht iemand proberen het systeem te hacken om zichzelf te verrijken, zou deze persoon moeten binnen geraken in meer van de helft van deze ledgers, en op 1 zelfde moment, om een aanpassing te gaan maken. Zeg nooit nooit natuurlijk. Maar de kans is vrij miniem dat dit zou gebeuren.

Take control of your own data!

Nog een grote plus aan gedecentraliseerde applicaties is dat uw data niet meer beheerd wordt door 1 bedrijf. Dit wil zeggen dat uw data niet meer verkocht kan worden om gepersonaliseerde advertenties te tonen. Natuurlijk staat uw data nu verspreid over verschillende machines. Wat misschien ook niet ideaal is kan u denken. Maar hiervoor voorziet web 3 een oplossing. Uw data wordt beveiligd door middel van cryptography. Een voorbeeld hiervan is de blockchain-technologie. Dit is de technologie die onder andere gebruikt wordt bij, om het crypto voorbeeld door te trekken, Bitcoin.

Blockchain is een veilig soort type ledger. Wat dit uniek maakt is het feit dat hij de transacties opslaat in, je raad het al, blokken. In deze blokken zit dan de data zoals de schenker, de ontvanger, de hoeveelheid, ... en de belangrijkste informatie van allemaal: een hash en een link naar de hash naar de vorige blok. De blok die de info van de vorige transactie bijhoud. Het idee waarop deze blockchain-technologie steunt is het feit als een transactie (blok) veranderd, zal de hash ook veranderen.

Blockchain

Ook door middel van deze technologie zal het mogelijk zijn om anoniemer te surfen. Met behulp van token wallets. Een voorbeeld van zo een token wallet is https://metamask.io . Het is een token-wallet extentie die je kan downloaden voor uw browser. Deze wallet is gebaseerd op de Etherium-blockchain-technologie. Je kan hierop inloggen met een keyphrase. Dit is een lange rij van een aantal woorden die je goed moet bijhouden. Deze keyphrase fungeert dan eigenlijk als uw gebruikersnaam en wachtwoord. Deze wallet is dan uw account voor al uw online uitspattingen. M.a.w. hiermee kan je dan inloggen op web3-applicaties zonder ooit een wachtwoord voor deze applicaties te moeten aanmaken. Deze token-wallet wisselt tokens uit met de applicatie om zo te weten dat jij het bent. Ook kan je crypto in deze wallet opslaan om zo online dingen te kunnen kopen. Het grote voordeel hiervan is dus dat je geen persoonlijke data moet opgeven voor het maken van zo een wallet. Het grote nadeel is wel, als je uw keyphrase verliest, ben je alles kwijt. Dus ook uw crypto die je er eventueel hebt opgezet. Omdat het volledig anoniem is, is er geen weg om uw account terug te krijgen.

Een aantal uitdagingen

Al de bovenstaande features klinken op het eerste gezicht allemaal verbeteringen op het internet dat we nu dagelijks gebruiken. Maar het kent ook nog enkele uitdagingen.

Content monitoring

Een van die uitdagingen is het controleren van content op fake news of haatdragende content. Omdat applicaties geen hoofdinstantie meer hebben die regels bepalen wat kan en wat niet kan. Is het op de user of content creator aangewezen de content van een applicatie te gaan controleren en valideren. Laten we eerlijk zijn, een web zonder haat, discriminatie en racisme is een utopie. En zelf met het web van vandaag, waar deze taak is toegewezen aan 1 bevoegdheid, de eigenaar van de applicatie is je gebruikt, is dit alles behalve perfect. Verschillende mensen hebben verschillende normen en waarden. En hierover 1 gelijke regeling vinden waar iedereen zich kan in vinden lijkt moeilijk. Misschien moet hier een nationale of zelf internationale regulering voor komen?

Een voorbeeld van een web 3 applicatie die nu al bestaat, en waar dit al iets of wat van een probleem is, is odysee. Odysee is een alternatief voor youtube dat werkt met de blockchain-technologie. Content creators kunnen er hun ei kwijt en in ruil daarvoor krijgen ze (library-)tokens. Het probleem dat zich hier opdringt is het feit dat Odysee niet kan voorkomen dat bepaalde videos online komen. Hierdoor zouden er in theorie fake news of haatdragende content gemakkelijk verspreid kunnen worden. Het zal aan de gebruikers zijn om in de toekomst een soort systeem te bedenken hoe ze dat kunnen voorkomen.

Criminaliteit

Een andere uitdaging zal zijn hoe men de criminaliteit zal tegengaan in web 3. Desondanks dat je meer controle hebt over uw gegevens en dat uw gegevens veilig worden opgeslagen door cryptography. Kan de anonimiteit een aantal opportuniteiten met zich mee brengen voor criminelen. Zoals het anoniem aankopen van goederen of het zichzelf voordoen als iemand anders voor social engineering.

Finale gedachten

Hoewel de vraag speelt wanneer en hoe de evolutie naar web 3 zal gebeuren. Of hoe men de kinderziektes gaan aanpakken zoals de content monitoring of de criminaliteit. Heeft web 3 een aantal features om naar uit te kijken. De vraag zal zijn hoe het denken en het verdienmodel van het web hierdoor zal veranderen. Dat het een proces zal zijn is een zekerheid. Het zal interessant zijn om te volgen hoe Web 3-apps zullen gebouwd worden en op welke manieren de applicaties zullen evolueren naarmate de infrastructuur eromheen zich ontwikkelt. Wetende dat veel capabele teams de beschikbare uitdagingen en kansen beginnen aan te pakken, kunnen we meer gedecentraliseerde versies van huidige services en websites verwachten. De vraag is of deze verbeterde modellen zullen worden geïntegreerd door de zeer gecentraliseerde bedrijven van vandaag of dat de belofte van Web 3.0 in handen is van een nieuwe generatie.

Pieter

Pieter

Delen:

Op zoek naar inspiratie?

Wij zorgen voor gepast advies op het vlak van frontend development.

💌

Insights

Meer inzichten

nextjs-13

🛠 Frontend development

Next.js 13

Het is zover, Next.js 13 is sinds 25 oktober 2022 uitgebracht. Exact zes jaar later dan de eerste Next.js release. Waarom zou je Next.js willen gebruiken en wat zijn de nieuwe functionaliteiten in Next.js 13? In deze blogpost bespreken we wat de verschillen zijn tussen Server-Side en Client-Side Rendering. Vervolgens onderzoeken we hoe je een applicatie structureert, wat server componenten zijn, streamen van UI en enkele verbeteringen. Als laatste bekijken we wat Next.js 13 voor de toekomst te bieden heeft.

Spline

🛠 Frontend development

Hoe maak je een moderne UI met Spline

Het ontwerpen van een aantrekkelijke user interface is niet altijd evident. Daarom is het belangrijk om de nieuwste trends te volgen en inspiratie te halen uit werken die beschikbaar staan op het internet. Zo heb ik Spline leren kennen. Spline is een design tool om op een relatief gemakkelijke wijze 3d graphics te creëren voor de web. In deze post, zal ik uitleggen wat de basisfuncties zijn en hoe je deze software kan gebruiken voor jouw volgend project.

css

🛠 Frontend development

Dingen die je in CSS kan doen in plaats van Javascript

Wanneer je wat wilt maken in Javascript dat mogelijk is in CSS, gebruik dan CSS. Of zoek eens op of het mogelijk is tenminste. 🤓