JavaScript er et kraftfuldt programmeringssprog, der giver udviklere mulighed for at skabe mere interaktive og dynamiske hjemmesider. Det er det mest populære sprog på nettet og betragtes som lige så vigtigt som HTML og CSS. Det er så integreret i nettet, at de fleste udviklere bruger det enten ofte eller i vid udstrækning på webprojekter.
Hvis du er ved at lære sproget eller ønsker at udvikle dine færdigheder, er dette indlæg noget for dig.
Vi vil dele 10 små projekter, du kan lave med JavaScript. Hvert projekt har en praktisk anvendelse, samtidig med at det viser dig forskellige områder, hvor JavaScript kan bruges til at forbedre brugeroplevelsen.
{autotoc}
Lad os se på nogle af de fantastiske ting, vi kan gøre med JavaScript.
1. Hjemmesideanimationer
Har du nogensinde besøgt en hjemmeside og været forbløffet over antallet af interaktive elementer, der suser rundt på siden og reagerer på dine interaktioner?
Eller er det bare mig, der er en nørd? 😊
Her er to eksempler på veludførte webanimationer:
Pete Nottage ogMuseet for irriterende oplevelser.
Animationer kan, når de er lavet rigtigt, tilføje meget til en hjemmeside. De engagerer og giver dig lyst til at fortsætte med at se, hvad den ellers har at byde på.
Udfordringen er at finde en balance mellem behovet for at interagere og ikke at påvirke sideindlæsningstider eller brugeroplevelsen. Nogle gange er mindre mere!
Lær hvordan du laver hjemmesideanimationer med JavaScript.
2. Telefonapps
Takket være virksomheder som Apple og Google, er mobilapps blevet et kendt navn.
Med fremkomsten af smartphones, udviklere og virksomheder har været i stand til at kapitalisere på app-markedets succes. Se bare på Facebook, Twitter, Tinder, Angry Birds og mange andre apps, der har tjent millioner i denne branche.
Brug af JavaScript-frameworks som f.eks. React Native, kan du udvikle apps til en høj standard til en række operativsystemer, herunder Android, iOS, Apple TV, Chromecast og andre.
Udover JavaScript bruger mobilapps Swift, Kotlin, Flutter, Java og andre sprog.
Lær hvordan du opretter telefonapps med JavaScript.
3. Serverløse hjemmesider
Serverløse websteder er statiske sider og bruges i vid udstrækning på nettet. De bruger tjenester som f.eks. AWS Lambda og kan være en relativt effektiv måde at hoste et websted på.
En serverløs hjemmeside sender brugerne en statisk prækompileret HTML-fil i stedet for at de skal oprette en kopi fra bunden.
Vi reducerer tiden til første byte (den tid det tager for serveren at begynde at sende data) og den tid det tager for brugeren at tilgå dataene ved at servere en enkelt HTML-fil.
Når browseren har gengivet siden for brugeren, kommer JavaScript ind i billedet for at gengive alt det dynamiske indhold og medier via API'er og CDN'er (Content Delivery Networks).
De dynamiske data kan animeres ind på siden, så snart den er indlæst, hvilket giver en problemfri oplevelse, mens andre sidedata behandles.
Lær hvordan du opretter serverløse hjemmesider med JavaScript og Lambda.
4. Progressive webapplikationer
Progressive Web Apps (PWA'er) er en fantastisk teknologi, der giver dig mulighed for at installere en hjemmeside på din telefon eller bærbare computer.
PWA'er beviser deres værdi på alle slags apps, typisk dem vi bruger ofte.
Flipkart er et godt eksempel på PWA i aktion. Det ligner og føles som en app, men bruger PWA-teknologi som HTML, CSS, JavaScript og WebAssembly til at fungere.
Fordi appen er let tilgængelig fra startskærmen, er den altid synlig og kræver mindre markedsføring for at få brugerne til at downloade den.
Lær mere om progressive webapplikationer.
5. Spil
De originale browserspil blev lavet med plugins som Adobe Flash eller Shockwave.
Hjemmesider dedikeret til at hoste spil, såsom Miniclip, har et stort bibliotek af spil til rådighed.
På grund af sikkerhedsproblemer, dårlig ydeevne og en række andre faktorer bruges Flash og Shockwave ikke længere.
JavaScript til undsætning!
Der er nu udviklet frameworks, brugerdefinerede spil-IDE'er (Integrated Development Environments) og andre nye teknologier, som giver os mulighed for fuldt ud at udnytte browserens muligheder og dermed skabe nogle meget avancerede spil.
Lær alt om spiludvikling med JavaScript.
6. Webdesign
JavaScript bruges til at styre elementer i webdesign. Selvom siden kan oprettes med HTML og CSS, er det JavaScript, der styrer, hvis noget skal interagere eller opføre sig på en bestemt måde.
JavaScript bruges i formularer, bekræftelsesbokse, animationer, pop op-vinduer, scripts og meget mere.
WebAssembly tillader browsere at bruge traditionelle programmeringssprog som C++ via en API-klient.
WebAssembly og JavaScript, når de kombineres, giver det bedste inden for native websiteudvikling. De giver os mulighed for at skabe applikationer og spil, der bruger din computers native hardware, mens de kører i en webbrowser.
Lær hvordan du bruger WebAssembly.
7. Kunstig intelligens
Man kan ikke gå online mange steder uden at nogen nævner AI. Det er den 'næste store ting' og ændrer den måde, vi arbejder på for altid.
Selvom JavaScript ikke er et maskinlæringssprog (det er primært R eller Python lige nu), bruges det til brugergrænsefladesiden af AI.
Hvis du ønsker, at AI skal interagere med en webtjeneste, et API eller som et indlejret element, kan JavaScript hjælpe.
WebGL API'er, Math.js, TensorFlow, Brain.js, node.js, ml5.js og andre varianter kan alle være nyttige, når man udvikler til AI.
8. IoT udvikling
JavaScripts popularitet og fleksibilitet betyder, at det er godt til udvikling af IoT-apps.
Den er let, fleksibel og rimelig sikker0, hvilket gør den perfekt til IoT.
Udvalget af frameworks betyder, at der er mange muligheder for at skabe til de mange forskellige enheder derude.
Node.js er særligt nyttig til IoT, da den kan håndtere mange anmodninger i realtid. Den er også hukommelseseffektiv, hvilket er nyttigt for enheder med mange andre formål.
Andre frameworks, der bruges i IoT, inkluderer IoT.js, JerryScript, Cylon.js og Johnny-Five. Hver især har de sine egne styrker.
Lær mere om JavaScript og IoT-udvikling.
9. Desktop-applikationer
Brugen af JavaScript i desktop-applikationer er en relativt ny udvikling. For ikke så længe siden handlede det udelukkende om Java, Python, Cocoa, C# og Universal Windows Platform (UWP).
Nu JavaScript, Node.js, Electron.js og andre varianter kommer med i spillet.
Det er nok bedst at vente med at oprette desktopapplikationer med JavaScript, indtil du virkelig ved, hvad du laver, men det er en meget brugbar måde at bruge dine færdigheder på, når du først har dem!
Lær mere om opbygning af desktopapplikationer med JavaScript.
10. Ethereum webudvikling
JavaScript er et af de mest populære sprog til Ethereum. Web3.js er nok den mest populære mulighed for at arbejde i dette nye og spændende område.
Vi må indrømme, at vi ikke ved ret meget om Web3.js eller Ethers.js, men ud fra hvad vi har læst og hørt om fra udviklervenner, er det et fedt sted at arbejde.
Lær mere om Ethereum Blockchain-udvikling.
Top CollectiveRay Tip: Deltag i en JavaScript-konference
Med så mange udviklere og designere, der er begejstrede for JavaScript-programmeringssproget, er det kun naturligt, at de gerne vil lære mere, samtidig med at de videregiver deres viden til andre udviklere.
Der er opstået mange JavaScript-begivenheder rundt om i verden, der har samlet udviklere fra alle samfundslag for at lære om kommende tendenser inden for sproget.
Disse grupper er meget vigtige for fællesskabet, fordi de hjælper med at fremme nye teknologier og giver udviklere en stemme i sprogets fremtid.
Mindre JavaScript-begivenheder bliver også mere populære, og nye dukker op i byer over hele landet takket være sider som Meetup og Eventbrite.
Disse kan i høj grad hjælpe nye udviklere med at få fodfæste i programmeringssproget, såvel som erfarne udviklere med at mestre nuancerne.
Hvis du er interesseret i JavaScript, vil jeg anbefale at deltage i et JavaScript-arrangement i dit område.
JavaScript har udviklet sig meget siden dets opståen, og jeg er overbevist om, at denne tendens vil fortsætte i mange år fremover.
I øjeblikket tillader browsere websider at bruge mere og mere af en computers strøm (især med den nye Web Assembly API), hvilket kan føre til sammenlægning af browsere og native apps.
Med dette i tankerne bliver JavaScript nødt til at udvikle sig for at følge med, hvilket uden tvivl vil føre til flere fede ting at lave med JavaScript i fremtiden.
En kort historie om JavaScript
JavaScript, først udgivet som LiveScript i september 1995 og omdøbt til JavaScript i december 1995.
Det blev skabt af Netscape og Sun Microsystems. Ideen var at give webdesignere mulighed for at gå ud over statiske HTML/CSS-sider og tilføje simple animationer, brugerinteraktioner og formularer.
Takket være dens øjeblikkelige popularitet begyndte andre browsere at udvikle deres egen JavaScript motorer med deres egne standarder.
Dette gjorde det vanskeligere for webudviklere på det tidspunkt at få hjemmesider til at opføre sig ensartet.
Sun Microsystems lancerede et forum i 1997 for at hjælpe alle med at samles og få søgemaskiner til at køre ensartet. Dette gjorde det muligt for websteder at være mere ensartede på tværs af browsere og forbedre den samlede brugeroplevelse.
Dette forum er stadig aktivt i dag og bidrager konstant til internettets udvikling.
Indpakning op
JavaScripts muligheder er utrolige. I almindelig JavaScript kan du skabe en VR/AR-oplevelse, bygge spil, køre JavaScript som serversidekode, apps og selvfølgelig lave fantastiske hjemmesider!