JavaScript er et kraftfuldt programmeringssprog, der giver udviklere mulighed for at skabe mere interaktive og dynamiske websteder. Det er det mest populære sprog på nettet og anses for lige så vigtigt som HTML og CSS. Det er så integreret i nettet, at flertallet af udviklere bruger det enten ofte eller meget på webprojekter.
Hvis du lærer sproget eller ønsker at udvikle dine færdigheder, er dette indlæg for dig.
Vi vil dele 10 små projekter, du kan lave med JavaScript. Hver har en praktisk applikation, mens de viser dig forskellige områder, hvor JavaScript kan bruges til at forbedre brugeroplevelsen.
Lad os se på nogle af de fantastiske ting, vi kan gøre med JavaScript.
1. Website animationer
Har du nogensinde besøgt et websted og været forbløffet over antallet af interaktive elementer, der suser rundt på siden og react til dine interaktioner?
Eller er det bare mig, der er en nørd? 😊
Her er to eksempler på webanimationer, der er udført godt:
Pete Nottage ,Museet for irriterende oplevelser.
Animationer, når de gøres rigtigt, kan tilføje meget til en hjemmeside. De engagerer og giver dig lyst til at fortsætte for at se, hvad det ellers har at tilbyde.
Udfordringen er at balancere behovet for at engagere sig uden at påvirke sideindlæsningstider eller brugeroplevelsen. Sommetider less er mere!
Lær, hvordan du opretter webstedsanimationer med JavaScript.
2. Telefon apps
Tak til virksomheder som Apple og Google er apps blevet et kendt navn.
Med fremkomsten af smartphones, udviklere og virksomheder har været i stand til at udnytte app-markedspladsens succes. Se bare på Facebook, Twitter, Tinder, Angry Birds og mange andre apps, der har tjent millioner i denne branche.
Brug af JavaScript -rammer 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.
Ud over JavaScript bruger mobilapps Swift, Kotlin, Flutter, Java og andre sprog.
Lær, hvordan du opretter telefonapps med JavaScript.
3. Serverless websites
Serverless hjemmesider er statiske sider og bruges flittigt på nettet. De gør brug af tjenester som f.eks AWS Lambda og kan være en relativt effektiv måde at hoste et websted på.
En serverless webstedet sender brugerne en statisk præ-kompileret HTML-fil i stedet for at bygge 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 få adgang til dataene ved at servere en enkelt HTML-fil.
Efter at browseren har gengivet siden til 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 de er indlæst, hvilket giver en jævn oplevelse, mens andre sidedata behandles.
Lær hvordan du opretter serverless hjemmesider med JavaScript og Lambda.
4. Progressive webapplikationer
Progressive Web Apps (PWA'er) er en fantastisk teknologi, der giver dig mulighed for at installere et websted på din telefon eller bærbare computer.
PWA'er beviser deres værd på alle slags apps, typisk dem vi bruger ofte.
Flipkart er et godt eksempel på PWA i aktion. Det ser ud 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 less marketing for at få brugerne til at downloade det.
Lær mere om progressive webapplikationer.
5. Spil
De originale browserspil blev skabt med plugins som Adobe Flash eller Shockwave.
Websteder dedikeret til hosting af spil, som f.eks 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!
Rammer, brugerdefinerede spil-IDE'er (Integrated Development Environments) og andre nye teknologier er nu blevet udviklet, hvilket giver os mulighed for fuldt ud at udnytte, hvad browseren kan, hvilket giver udviklere mulighed for at skabe nogle meget avancerede spil.
Lær alt om spiludvikling med JavaScript.
6. Webdesign
JavaScript bruges til at styre elementer inden for webdesign. Selvom siden kan være oprettet med HTML og CSS, hvis noget skal interagere eller opføre sig på en bestemt måde, er det JavaScript, der vil styre det.
JavaScript bruges i formularer, bekræftelsesbokse, animationer, popups, scrips og meget mere.
WebAssembly giver browsere mulighed for at bruge traditionelle programmeringssprog såsom C++ via en API-klient.
WebAssembly og JavaScript giver, når de kombineres, det bedste inden for native websiteudvikling. De giver os mulighed for at skabe applikationer og spil, der bruger din computers oprindelige hardware, mens de kører i en webbrowser.
Lær, hvordan du bruger WebAssembly.
7. Kunstig intelligens
Du kan ikke gå mange steder online uden 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 maskinindlæringssprog (det er hovedsageligt R eller Python lige nu), bruges det til UI-siden af AI.
Hvis du ønsker, at AI skal interagere med en webservice, 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 du udvikler til AI.
8. IoT udvikling
Populariteten af JavaScript og dens fleksibilitet betyder, at den er god til at udvikle IoT-apps.
Den er let, fleksibel og rimelig sikker0, hvilket gør den perfekt til IoT.
Udvalget af rammer betyder, at der er masser af muligheder for at skabe til de mange forskellige enheder derude.
Node.js er særligt nyttigt til IoT, da det kan håndtere mange anmodninger i realtid. Det er også hukommelseseffektivt, hvilket er nyttigt til enheder med mange andre formål.
Andre rammer, der bruges i IoT, inkluderer IoT.js, JerryScript, Cylon.js og Johnny-Five. Hver bringer sine egne styrker til bordet.
Lær mere om JavaScript og IoT udvikling.
9. Desktop-applikationer
Brug af JavaScript i desktop-applikationer er en relativt ny udvikling. For ikke så længe siden handlede det om Java, Python, Cocoa, C# og Universal Windows Platform (UWP).
Nu JavaScript, Node.js, Electron.js og andre varianter kommer ind i handlingen.
Oprettelse af desktop-applikationer med JavaScript er sandsynligvis bedst at lade være, indtil du virkelig ved, hvad du laver, men det er en meget levedygtig afsætningsmulighed for dine færdigheder, når du først har dem!
Lær mere om opbygning af desktop-applikationer med JavaScript.
10. Ethereum webudvikling
JavaScript er et af de mest populære sprog for 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 efter hvad vi har læst og hørt om fra udviklervenner, er det et fedt sted at arbejde i.
Lær mere om Ethereum Blockchain udvikling.
Top CollectiveRay Tip: Deltag i en JavaScript-konference
Med så mange udviklere og designere, der er forelsket i JavaScript -programmeringssproget, er det helt naturligt, at de gerne vil lære mere og samtidig give deres viden videre til andre udviklere.
Mange JavaScript-begivenheder er dukket op rundt om i verden, der samler udviklere fra alle samfundslag for at lære om kommende trends på 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, hvor nye dukker op i byer over hele landet takket være websteder som Meetup og Eventbrite.
Disse kan i høj grad hjælpe nye udviklere med at få fodfæste i programmeringssproget, såvel som seniorudviklere med at mestre nuancerne.
Hvis du er interesseret i JavaScript, vil jeg anbefale at deltage i en JavaScript -begivenhed i dit område.
JavaScript er nået langt siden starten, og jeg er overbevist om, at denne tendens vil fortsætte i mange år fremover.
I øjeblikket tillader browsere, at websider bruger mere og mere af en computers kraft (især med den nye Web Assembly API), hvilket kan føre til, at browsere og native apps fusionerer.
Med dette i tankerne skal JavaScript udvikle sig for at følge med, hvilket uden tvivl vil føre til mere fede ting at gøre 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 gøre det udvikle deres eget JavaScript motorer med deres egne standarder.
Dette gjorde det sværere for webudviklere på det tidspunkt at få websteder til at opføre sig konsekvent.
Sun Microsystems lancerede en bestyrelse i 1997 for at hjælpe med at bringe alle sammen og få motorerne til at køre konsekvent. Dette gjorde det muligt for websteder at være mere konsistente på tværs af browsere og forbedre den overordnede brugeroplevelse.
Denne bestyrelse er stadig aktiv i dag og bidrager konstant til webens fremskridt.
Indpakning op
JavaScripts muligheder er utrolige. I vanilla JavaScript kan du skabe en VR/AR-oplevelse, bygge spil, køre JavaScript som server-side-kode, apps og, selvfølgelig, skabe fantastiske websteder!
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!
Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.
og mange flere ...