7 coole dingen om te doen met JavaScript

7 coole dingen om te doen met JavaScript

De programmeertaal JavaScript, voor het eerst uitgebracht als 'LiveScript' in september 1995 en omgedoopt tot 'JavaScript' in december 1995, is in de loop der jaren enorm geëvolueerd.

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

Hoewel het de droom van Netscape/Sun Microsystems was om het web via JavaScript vooruit te helpen, wilden ze er ook voor zorgen dat de code eenvoudig te gebruiken was, zodat ontwerpers en ontwikkelaars konden profiteren van de voordelen van JavaScript zonder steile leercurves te hoeven doorlopen.

Vanwege de populariteit van Javascript van Netscape/Sun Microsystems begonnen andere browsers hun eigen JavaScript ontwikkelen motoren met hun eigen normen. Dit maakte het destijds voor webontwikkelaars moeilijker om websites zich consistent te laten gedragen.

Sun Microsystems lanceerde in 1997 een bord om browsers samen te brengen en motoren consistent te laten werken. Hierdoor konden websites consistenter zijn in alle browsers en de gebruikerservaring verbeteren.

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

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

Het internet is echt jouw oester.

 

Laten we eens kijken naar alle geweldige dingen die we met JavaScript kunnen doen:

Website-animatie

1. Website-animatie

Heb je ooit een website bezocht en was je verbaasd over het aantal interactieve elementen die rond de pagina suizen en? react voor uw interacties? Of ben ik gewoon een nerd?

Voor degenen onder u die niet begrijpen wat ik bedoel, hier zijn twee voorbeelden:

Jaaroverzicht van groene kameleon en Baunfire.

Simpele animaties kunnen veel toevoegen aan een website. Ze betrekken je en zorgen ervoor dat je door wilt gaan om te zien wat het nog meer te bieden heeft.

Het gebruik van animaties om websites er cool en aantrekkelijk uit te laten zien, is een geweldige manier om ze te gebruiken, maar ze kunnen ook meer praktische voordelen hebben, zoals:

Een website sneller laten laden

Wanneer een webpagina veel inhoud heeft om te laden, neemt de laadtijd van de pagina natuurlijk toe, waardoor een gebruiker mogelijk zo gefrustreerd raakt dat hij een verkoop verliest.

Als gevolg hiervan gebruiken veel sites met grote inhoud laadanimaties voor gebruikers, zoals spinners. Spinners zijn vaak vrij eenvoudig, maar ze zorgen voor een afleiding voor de gebruiker van het normale witte scherm, terwijl de website de inhoud op zijn plaats verplaatst en sneller aanvoelt.

Navigatie in een app vloeiender en begrijpelijker maken

Wanneer u een webtoepassing met veel links gebruikt, kan het moeilijk zijn om te begrijpen hoe u naar de webpagina hebt genavigeerd waarop u zich bevindt.

Het toevoegen van eenvoudige animaties, zoals het vegen van pagina's en elementen die de overgang van de ene pagina naar de andere benadrukken, kan voldoende zijn om de gebruikerservaring te verbeteren.

aandacht trekken

Statische inhoud kan saai zijn om naar te kijken en maakt het gemakkelijk voor iets op de achtergrond om de aandacht van een gebruiker af te leiden van de belangrijke inhoud.

Alleen al het hebben van enkele eenvoudige animaties op uw pagina zal de aandacht vestigen op kleine informatie over de grootte, zoals een call-to-action, waardoor de gebruiker door uw bedrijfstrechter wordt geleid.

Telefoon-apps

2. Telefoon-apps

Dankzij bedrijven als Apple en Google zijn apps een begrip geworden. Wat je ook doet, ik weet zeker dat iemand langs kan lopen en zeggen: "Daar is een app voor".

Met de opkomst van smartphones, ontwikkelaars en bedrijven hebben snel 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.

Het ontwikkelen van twee apps voor elk platform vereist ervaring en vereist een team met meerdere vaardigheden, plus een projectmanager om ervoor te zorgen dat beide apps zich consistent gedragen.

Sommige bedrijven hebben zelfs meer dan één team om deze klus te klaren. Dit is waar het goede oude JavaScript zijn roeping heeft gevonden in de app-industrie.

JavaScript-frameworks gebruiken zoals: React Native kan een bedrijf apps van hoge kwaliteit ontwikkelen voor een reeks app-besturingssystemen (waaronder Android, iOS, Apple TV, Chromecast en zelfs Windows Phone).

Het bedrijf bespaart niet alleen tijd en geld, maar ze krijgen ook een app van hoge kwaliteit die op beide platforms hetzelfde werkt en daar ook goed in werkt. Kijk maar naar de Facebook-app, misschien wel de meest gebruikte app die is opgebouwd uit React Native.

Dit is een groot probleem. Nu kunnen zelfs kleine bedrijven apps ontwikkelen en concurreren in dezelfde ruimte als de grote bedrijven. Nieuwe functies kunnen ook worden ontwikkeld tot apps, omdat bedrijven bronnen niet over twee verschillende besturingssystemen hoeven te verdelen.

Open-sourcecommunity

Naarmate de JavaScript-app-scene is gegroeid en bewezen dat het levensvatbaar is, is er een grote inspanning van de JavaScript-gemeenschap geweest om code te delen om een ​​aantal geweldige dingen te bereiken en de ontwikkelingstijd te versnellen.

Dergelijke voorbeelden van inspanningen van de gemeenschap:

Expo App/Build-tools

Met Expo kunt u uw code in realtime uitvoeren terwijl u codeert, en uw code via een draad naar een apparaat streamtless netwerk en vermindert daardoor de hoofdpijn van het compileren en het toevoegen van de mogelijkheid om te testen in een native omgeving via een virtuele emulator.

NPM

npm is een pakketbeheerder die is gebouwd voor JavaScript om ontwikkelaars te helpen bij het installeren en beheren van open-sourcepakketten in hun project.

Met duizenden ontwikkelaars die deze pakketten over de hele wereld toevoegen en onderhouden, is er bijna altijd een pakket dat u kunt gebruiken om een ​​functie aan uw app of website toe te voegen.

Websites die geen server nodig hebben

3. Websites die geen server nodig hebben

serverless websites, hoewel nog steeds een relatief nieuw concept, hebben het potentieel om een ​​nieuwe richting voor websitehosting te zijn. Serverless websites, die gebruik maken van diensten zoals AWS Lambda, kunnen een relatief efficiënte manier zijn om een ​​site te hosten.

De theorie

Een serverless het concept van de website is om gebruikers een statisch voorgecompileerd HTML-bestand te bieden. 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 de afbeelding om alle dynamische inhoud en media weer te geven via API's en CDN's (Content Delivery Network).

De dynamische gegevens kunnen in de pagina worden geanimeerd zodra deze is geladen, wat een soepele ervaring biedt en gebruikers toegang geeft tot gegevens terwijl andere gegevens worden verwerkt.

Een goede toepassing van dit concept is dat een website kan worden gecodeerd om gegevens te laden op basis van waar deze op de pagina zullen verschijnen, wat inhoudt dat gegevens beschikbaar zullen zijn voor de gebruiker terwijl ze scrollen.

serverless websites staan ​​nog in de kinderschoenen en ik weet zeker dat we er de komende jaren nog veel over gaan horen.

Progressive webapplicaties

4. Progressieve webapplicaties

Progressive Web Apps (PWA's) zijn een fantastische nieuwe technologie dankzij bedrijven als Google en Mozilla.

Voor degenen onder u die niet bekend zijn met PWA's, het is een technologie waarmee gebruikers een website op hun telefoon of laptop kunnen installeren op dezelfde manier als apps, om een ​​verscheidenheid aan voordelen te bieden, zoals:

Gemakkelijke toegang vanuit de app-lade of het startscherm

Wanneer PWA's op een apparaat zijn geïnstalleerd, wordt een pictogram toegevoegd aan de app-lade en/of het startscherm. Hierdoor kunnen gebruikers de PWA laden zonder door een webbrowser te hoeven navigeren.

Laadtijden zijn sneller in vergelijking met websites

Omdat de gebruiker de website lokaal heeft geïnstalleerd, kan een ontwikkelaar statische inhoud op een apparaat opslaan en JavaScript Service Workers gebruiken om nieuwe gegevens op te halen.

Dit betekent dat uw apparaat alleen gegevens hoeft te laden wanneer er nieuwe gegevens beschikbaar zijn en dat de website mogelijk zonder internetverbinding kan werken (afhankelijk van uw gebruikssituatie).

PWA's zijn geweldig voor bedrijven omdat ze kunnen profiteren van verschillende functies, zoals:

Less duur om te bouwen

Omdat de PWA is gebaseerd op de website van het bedrijf, kunnen ontwikkelaars het grootste deel van de code van de website hergebruiken en alleen nieuwe functies toevoegen als dat nodig is. In tegenstelling tot een app, waar ontwikkelaars vaak helemaal opnieuw moeten beginnen.

Zoals u zou verwachten, kan dit bedrijven een aanzienlijke hoeveelheid tijd en geld besparen.

Minder serververkeer

Gebruikers moeten trekken less gegevens van de servers van het bedrijf dankzij PWA-caching. Dit betekent dat bedrijven kleinere servers kunnen hebben, wat resulteert in lagere kosten.

Verhoogde gebruikersparticipatie

Omdat de app gemakkelijk toegankelijk is vanaf het startscherm van de gebruiker, is deze altijd zichtbaar en vereist less marketing om gebruikers ertoe te brengen het te downloaden.

Video games

5. Videogames

Sinds de jaren negentig hebben games een belangrijke rol gespeeld in de evolutie van webbrowsers. De originele in-browser-games, die zijn gemaakt met webbrowser-plug-ins zoals Adobe Flash of Shockwaves, waren geweldige tijdverspillers, net zoals sommige app-games tegenwoordig zijn.

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

Vanwege veiligheidsproblemen, slechte prestaties en een aantal andere factoren, wordt het gebruik van webplug-ins steeds meer afgekeurd naarmate het web zich verder ontwikkelt.

JavaScript te hulp!

Omdat browser-plug-ins in de loop van de tijd zijn verouderd, hebben veel ontwikkelaars zich tot JavaScript gewend om de leegte te vullen.

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

Web Design

Onlangs werd een nieuwe technologie geboren die bekend staat als Web Assembly. Hierdoor kunnen browsers traditionele programmeertalen zoals C++ gebruiken via een API-client.

Web Assembly en JavaScript, wanneer gecombineerd, bieden nu het beste van native ontwikkeling en website-ontwikkeling, waardoor bedrijven applicaties en games kunnen maken die de native hardware van uw computer gebruiken terwijl ze in een webbrowser worden uitgevoerd.

Met bedrijven zoals Google die browsergebaseerd gamen ontwikkelen diensten zoals Stadia, ziet de toekomst van webgaming er rooskleurig uit.

Drones

6. drones

De laatste tijd is er veel geroezemoes over drones. Hobbyisten genieten van vliegende drones, filmploegen kunnen unieke, filmische opnamen maken en ontwikkelaars kunnen losgaan met aangepaste "hacks".

De open source-community breidt zich voortdurend uit met nieuwe coole dingen die kunnen worden gecodeerd.

Als het gaat om het coderen van drones, geven de meeste ontwikkelaars de voorkeur aan talen zoals C of Python,

ozMwRq-IT2w
.

Ik zou echter niet aanraden om JavaScript te gebruiken om je drones over andere talen te programmeren, omdat er is less documentatie en andere talen zijn vaak sneller tijdens runtime.

Dat gezegd hebbende, laat dit zien hoe veelzijdig JavaScript kan zijn.

Woon een JavaScript-conferentie bij

7. 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.

Wij programmeurs zijn betrokken bij dienstverlening aan de gemeenschap.

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 nieuwe ontwikkelaars enorm helpen om voet aan de grond te krijgen in de programmeertaal, evenals senior ontwikkelaars bij het beheersen van de taal.

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.

Over de auteur
Auteur: Daniel Luke
Daniel is een WordPress-webdesigner met uitgebreide ervaring in het werken met verschillende WordPress-thema's waarmee hij verschillende thema's kan vergelijken en contrasteren, de sterke en zwakke punten kan begrijpen om feitelijke, realistische beoordelingen te ontwikkelen.

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.

 

wie zijn we?

CollectiveRay wordt gerund door David Attard - we werken al meer dan 12 jaar in en rond de niche van webdesign en bieden bruikbare tips voor mensen die met en op websites werken. We hebben ook DronesBuy.net - een website voor drone-hobbyisten.

David Attard

 

 

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