10 coole dingen om te doen met JavaScript

7 coole dingen om te doen met JavaScript

JavaScript is een krachtige programmeertaal waarmee ontwikkelaars meer interactieve en dynamische websites kunnen maken. Het is de populairste taal op internet en wordt net zo belangrijk geacht als HTML en CSS. Het is zo integraal onderdeel van het web dat de meerderheid van de ontwikkelaars het vaak of uitgebreid gebruikt voor webprojecten.

Als je de taal aan het leren bent of je vaardigheden wilt ontwikkelen, dan is dit bericht iets voor jou.

We gaan 10 kleine projecten delen die u met JavaScript kunt doen. Elk ervan heeft een praktische toepassing en laat u verschillende gebieden zien waar JavaScript kan worden gebruikt om de gebruikerservaring te verbeteren.

 

Inhoud[Zichtbaar]

Website-animatie

Laten we eens kijken naar enkele van de verbazingwekkende dingen die we met JavaScript kunnen doen.

1. Website-animaties

Heb je ooit een website bezocht en was je verbaasd over het aantal interactieve elementen die over de pagina raasden en reageerden op jouw interacties?

Of ben ik gewoon een nerd? 😊

Hier zijn twee voorbeelden van webanimaties die goed zijn uitgevoerd:

Piet Nottage enHet Museum van Vervelende Ervaringen.

Animaties kunnen, als ze goed worden uitgevoerd, veel toevoegen aan een website. Ze zijn betrokken en zorgen ervoor dat je door wilt blijven gaan om te zien wat het nog meer te bieden heeft.

De uitdaging is om de behoefte om te engageren in evenwicht te brengen met het niet beïnvloeden van de laadtijd van de pagina of de gebruikerservaring. Soms is minder meer!

Leer hoe u website-animaties kunt maken met JavaScript.

Telefoon-apps

2. Telefoonapps

Dankzij bedrijven als Apple en Google zijn mobiele apps een begrip geworden.

Met de opkomst van smartphones, ontwikkelaars en bedrijven hebben kunnen profiteren van het succes van de app-marktplaats. Kijk maar naar Facebook, Twitter, Tinder, Angry Birds en vele andere apps die miljoenen hebben verdiend in deze branche.

JavaScript-frameworks gebruiken zoals: React Native, kunt u apps ontwikkelen volgens een hoge standaard voor een reeks besturingssystemen, waaronder Android, iOS, Apple TV, Chromecast en anderen.

Naast JavaScript gebruiken mobiele apps Swift, Kotlin, Flutter, Java en andere talen.

Leer hoe u telefoonapps maakt met JavaScript.

Websites die geen server nodig hebben

3. Serverloze websites

Serverloze websites zijn statische pagina's en worden veel gebruikt op het web. Ze maken gebruik van services zoals AWS Lambda en kan een relatief efficiënte manier zijn om een ​​website te hosten.

Een serverloze website stuurt gebruikers een statisch, vooraf gecompileerd HTML-bestand in plaats van dat er zelf een kopie wordt gemaakt.

We verminderen de tijd tot de eerste byte (de tijd die de server nodig heeft om gegevens te verzenden) en de tijd die de gebruiker nodig heeft om toegang te krijgen tot de gegevens door een enkel HTML-bestand aan te bieden.

Nadat de browser de pagina aan de gebruiker heeft weergegeven, komt JavaScript in beeld om alle dynamische inhoud en media weer te geven via API's en CDN's (Content Delivery Networks).

De dynamische gegevens kunnen op de pagina worden geanimeerd zodra deze worden geladen, waardoor een soepele ervaring ontstaat terwijl andere paginagegevens worden verwerkt.

Leer hoe u serverloze websites kunt maken met JavaScript en Lambda.

Progressive webapplicaties

4. Progressieve webapplicaties

Progressive Web Apps (PWA’s) zijn een fantastische technologie waarmee je een website op je telefoon of laptop kunt installeren.

PWA's bewijzen hun waarde op allerlei soorten apps, meestal apps die we vaak gebruiken.

Flipkart is een goed voorbeeld van PWA in actie. Het ziet eruit en voelt aan als een app, maar maakt gebruik van PWA-technologie zoals HTML, CSS, JavaScript en WebAssembly om te werken.

Omdat de app eenvoudig toegankelijk is vanaf het startscherm, is deze altijd zichtbaar en is er minder marketing nodig om gebruikers te verleiden de app te downloaden.

Meer informatie over progressieve webapplicaties.

Video games

5. Spellen

De originele browsergames zijn gemaakt met plug-ins zoals Adobe Flash of Shockwave.

Websites gewijd aan het hosten van games, zoals Miniclip, hebben een grote bibliotheek met games beschikbaar.

Vanwege beveiligingsproblemen, slechte prestaties en een aantal andere factoren worden Flash en Shockwave niet langer gebruikt.

JavaScript te hulp!

Er zijn nu raamwerken, op maat gemaakte game-IDE's (Integrated Development Environments) en andere nieuwe technologieën ontwikkeld, waardoor we volledig kunnen profiteren van wat de browser kan doen, waardoor ontwikkelaars een aantal zeer geavanceerde games kunnen maken.

Leer alles over game-ontwikkeling met JavaScript.

Web design

6. Webdesign

JavaScript wordt gebruikt om elementen binnen webdesign te besturen. Hoewel de pagina kan zijn gemaakt met HTML en CSS, is het JavaScript dat de controle zal uitoefenen als er iets op een bepaalde manier moet communiceren of zich moet gedragen.

JavaScript wordt gebruikt in formulieren, bevestigingsvensters, animaties, pop-ups, scrips en nog veel meer.

WebAssembly stelt browsers in staat traditionele programmeertalen zoals C++ te gebruiken via een API-client.

WebAssembly en JavaScript bieden, wanneer ze worden gecombineerd, het beste van native website-ontwikkeling. Ze stellen ons in staat applicaties en games te maken die de eigen hardware van uw computer gebruiken terwijl ze in een webbrowser worden uitgevoerd.

Leer hoe u WebAssembly gebruikt.


Kunstmatige intelligentie

7. Kunstmatige intelligentie

Je kunt niet veel plaatsen online bezoeken zonder dat iemand AI noemt. Het is ‘the next big thing’ en verandert de manier waarop we werken voor altijd.

Hoewel JavaScript geen machine learning-taal is (dat is momenteel vooral R of Python), wordt het gebruikt voor de UI-kant van AI.

Als je wilt dat AI communiceert met een webservice, API of als ingebed element, kan JavaScript helpen.

WebGL API's, Math.js, TensorFlow, Brain.js, node.js, ml5.js en andere varianten kunnen allemaal nuttig zijn bij het ontwikkelen voor AI.

Leer meer over JavaScript en AI.

IoT

8. IoT-ontwikkeling

De populariteit van JavaScript en de flexibiliteit ervan zorgen ervoor dat het goed is voor het ontwikkelen van IoT-apps.

Het is lichtgewicht, flexibel en redelijk veilig, waardoor het perfect is voor IoT.

Het scala aan raamwerken betekent dat er veel opties zijn om te creëren voor de vele verschillende apparaten die er zijn.

Node.js is vooral handig voor IoT, omdat het veel verzoeken in realtime kan verwerken. Het is ook geheugenefficiënt, wat handig is voor apparaten met veel andere doeleinden.

Andere raamwerken die in IoT worden gebruikt, zijn IoT.js, JerryScript, Cylon.js en Johnny-Five. Ieder brengt zijn eigen sterke punten met zich mee.

Lees verder over JavaScript en IoT-ontwikkeling.

Desktoptoepassingen

9. Desktoptoepassingen

Het gebruik van JavaScript in desktopapplicaties is een relatief recente ontwikkeling. Nog niet zo lang geleden draaide het allemaal om Java, Python, Cocoa, C# en Universal Windows Platform (UWP).

Nu JavaScript, Node.js, Elektron.js en andere varianten doen mee aan de actie.

Het maken van desktopapplicaties met JavaScript kun je waarschijnlijk het beste overlaten totdat je echt weet wat je doet, maar het is een zeer haalbare uitlaatklep voor je vaardigheden als je ze eenmaal hebt!

Lees verder over desktopapplicaties bouwen met JavaScript.

Ethereum-webontwikkeling

10. Ethereum-webontwikkeling

JavaScript is een van de meest populaire talen voor Ethereum. Web3.js is waarschijnlijk de meest populaire optie om in dit nieuwe en opwindende gebied te werken.

We moeten toegeven dat we niet veel weten over Web3.js of Ethers.js, maar van wat we hebben gelezen en gehoord van ontwikkelaarsvrienden, is het een coole ruimte om in te werken.

Lees verder over Ethereum Blockchain-ontwikkeling.

Woon een JavaScript-conferentie bij

Top CollectiveRay Tip: Woon een JavaScript-conferentie bij

Met zoveel ontwikkelaars en ontwerpers die gecharmeerd zijn van de programmeertaal JavaScript, is het niet meer dan normaal dat ze meer willen leren terwijl ze hun kennis ook willen doorgeven aan andere ontwikkelaars.

Over de hele wereld zijn er veel JavaScript-evenementen ontstaan, waarbij ontwikkelaars uit alle lagen van de bevolking samenkomen om meer te weten te komen over opkomende trends in de taal.

Deze groepen zijn erg belangrijk voor de gemeenschap omdat ze nieuwe technologieën helpen bevorderen en ontwikkelaars een stem geven in de toekomst van de taal.

Kleinere JavaScript-evenementen worden ook steeds populairder, met nieuwe die verschijnen in steden in het hele land dankzij sites als Meetup en Eventbrite.

Deze kunnen zowel nieuwe ontwikkelaars enorm helpen bij het verkrijgen van voet aan de grond in de programmeertaal, als senior ontwikkelaars bij het beheersen van de nuances.

Als u geïnteresseerd bent in JavaScript, raad ik u aan een JavaScript-evenement bij u in de buurt bij te wonen.

JavaScript heeft een lange weg afgelegd sinds het begin en ik ben ervan overtuigd dat deze trend zich nog vele jaren zal voortzetten.

Op dit moment laten browsers webpagina's steeds meer de kracht van een computer gebruiken (vooral met de nieuwe Web Assembly API), wat ertoe zou kunnen leiden dat browsers en native apps samensmelten.

Met dit in gedachten zal JavaScript moeten evolueren om bij te blijven, wat ongetwijfeld zal leiden tot meer coole dingen die met JavaScript te maken hebben in de toekomst.

Een korte geschiedenis van JavaScript

JavaScript, voor het eerst uitgebracht als LiveScript in september 1995 en omgedoopt tot JavaScript in december 1995.

Het is gemaakt door Netscape en Sun Microsystems. Het idee was om webontwerpers in staat te stellen verder te gaan dan statische HTML/CSS-pagina's en eenvoudige animaties, gebruikersinteracties en formulieren toe te voegen.

Dankzij de onmiddellijke populariteit begonnen andere browsers dat ook te doen hun eigen JavaScript ontwikkelen motoren met hun eigen normen.

Dit maakte het destijds moeilijker voor webontwikkelaars om websites consistent te laten gedragen.

Sun Microsystems lanceerde in 1997 een bord om iedereen bij elkaar te brengen en motoren consistent te laten draaien. Hierdoor konden websites consistenter zijn in alle browsers en de algehele gebruikerservaring verbeteren.

Dit bord is nog steeds actief en draagt ​​voortdurend bij aan de vooruitgang van het web.

Afsluiten

De mogelijkheden van JavaScript zijn ongelooflijk. In standaard JavaScript kun je een VR/AR-ervaring creëren, games bouwen, JavaScript uitvoeren als server-side code, apps en natuurlijk geweldige websites maken!

Over de auteur
Daniel Luke
Daniel is een webdesigner en ontwikkelaar. Hij is de afgelopen 10 jaar een ontwikkelaar geweest die met verschillende WordPress-thema's heeft gewerkt, waardoor hij verschillende thema's kan vergelijken en contrasteren, de sterke en zwakke punten kan begrijpen om feitelijke, praktijkgerichte beoordelingen te ontwikkelen. Hij is ook ontwikkelaar van mobiele apps en technologierecensent. Gedurende een aantal jaren heeft hij zijn eigen mobiele apps ontwikkeld, zowel op Android als iPhone. Dankzij deze praktijkgerichte specialisatie in mobiele en webontwikkeling kan hij een gezaghebbende stem zijn als het gaat om technologierapportage.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...