5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Vi fortsetter prosjektserien for opplæring.

Lag

5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer er et fellesskap der hvem som helst kan tegne en piksel på et delt «brett». Den opprinnelige ideen ble født på Reddit. r/Layer-fellesskapet er en metafor for samskaping, at hvem som helst kan være en skaper og bidra til en felles sak.

Hva du lærer ved å lage ditt eget lagprosjekt:

  • Hvordan JavaScript-lerret fungerer, og det er en kritisk ferdighet å vite hvordan man manipulerer lerret i mange applikasjoner.
  • Slik koordinerer du brukertillatelser. Hver bruker kan tegne én piksel hvert 15. minutt uten å måtte logge inn.
  • Opprett informasjonskapsler for økter.

Squoosh

5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh er en app for bildekomprimering med mange avanserte alternativer.

GIF 20 MB5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Ved å lage din egen versjon av Squoosh lærer du:

  • Slik jobber du med bildestørrelser
  • Mestre det grunnleggende om dra-og-slipp-API-et
  • Forstå hvordan API-er og hendelseslyttere fungerer
  • Slik laster du opp og eksporterer filer

Merk: Bildekomprimeringen er lokal. Det er ikke nødvendig å sende ytterligere data til serveren. Du kan ha komprimeringen på egenhånd, eller på serveren, det er ditt valg.

Kalkulator

Seriøst? Seriøst? En kalkulator? Ja, en kalkulator. Å forstå det grunnleggende om matematiske regnestykker og hvordan de fungerer sammen er en kritisk ferdighet for å forenkle appene dine. Før eller siden må du håndtere tall, og jo før jo bedre.

5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Ved å lage din egen kalkulator lærer du:

  • Arbeid med tall og matematiske operasjoner
  • Få praktisk erfaring med API-et for hendelseslyttere
  • Hvordan arrangere elementer, forstå stiler

Søkemotor (crawler)

Alle har brukt en søkemotor, så hvorfor ikke lage din egen? Søkemotorer er nødvendige for å søke etter informasjon. Alle bruker dem hver dag, og etterspørselen etter denne teknologien og spesialistene vil bare vokse over tid.

5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Google-søkemotor

Hva du lærer ved å lage din egen søkemotor:

  • Hvordan fungerer crawlere?
  • Hvordan indeksere nettsteder og hvordan rangere dem etter vurdering og omdømme
  • Hvordan lagre indekserte nettsteder i en database og hvordan arbeide med en database

Musikkspiller (Spotify, Apple Music)

Alle lytter til musikk – det er rett og slett en integrert del av livene våre. La oss lage en musikkspiller for å bedre forstå hvordan de grunnleggende mekanikkene til en moderne musikkstrømmeplattform fungerer.

5 flere dristige treningsprosjekter for utvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Hva du lærer ved å lage din egen musikkstrømmeplattform:

  • Slik jobber du med API. Bruk API fra Spotify eller Apple Music
  • Slik spiller du av, setter på pause eller spoler tilbake til neste/forrige spor
  • Slik endrer du volumet
  • Slik administrerer du brukerruting og nettleserlogg

PS

Hvilke prosjekter ville du foreslå å «gjenta» på egenhånd for å forbedre ferdighetene dine?

Kilde: www.habr.com

Kjøp pålitelig hosting for nettsteder med DDoS-beskyttelse, VPS VDS-servere 🔥 Kjøp pålitelig webhotell med DDoS-beskyttelse, VPS VDS-servere | ProHoster