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 serien med prosjekter 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 alle kan tegne en piksel på et delt "brett". Den opprinnelige ideen ble født på Reddit. R/Layer-fellesskapet er en metafor for felles kreativitet, at alle kan være skapere og bidra til en felles sak.

Hva du vil lære når du lager ditt eget Layer-prosjekt:

  • Hvordan JavaScript-lerret fungerer Å vite hvordan man bruker et lerret er en kritisk ferdighet i mange applikasjoner.
  • Hvordan koordinere brukertillatelser. Hver bruker kan tegne én piksel hvert 15. minutt uten å måtte logge på.
  • Lag informasjonskapseløkter.

Squoosh

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

Squoosh er et bildekomprimeringsprogram 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 vil du lære:

  • Hvordan jobbe med bildestørrelser
  • Lær det grunnleggende om Drag'n'Drop API
  • Forstå hvordan API-en og hendelseslyttere fungerer
  • Hvordan laste opp og eksportere filer

Merk: Bildekompressoren er lokal. Det er ikke nødvendig å sende tilleggsdata til serveren. Du kan ha kompressoren hjemme, eller du kan bruke den på en server etter eget valg.

Kalkulator

Kom igjen? Alvor? Kalkulator? Ja, akkurat, en kalkulator. Å forstå det grunnleggende om matematiske operasjoner og hvordan de fungerer sammen er en kritisk ferdighet for å forenkle applikasjonene dine. Før eller siden må du forholde deg til 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 vil du lære:

  • Arbeid med tall og matematiske operasjoner
  • Øv med hendelseslytter-API
  • Hvordan ordne elementer, forstå stiler

Crawler (søkemotor)

Alle har brukt en søkemotor, så hvorfor ikke lage din egen? Crawlere er nødvendig for å søke etter informasjon. Alle bruker dem hver dag, og etterspørselen etter denne teknologien og spesialister 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 roboter fungerer
  • Hvordan indeksere nettsteder og hvordan rangere dem etter rangering og omdømme
  • Hvordan lagre indekserte nettsteder i en database og hvordan jobbe med databasen

Musikkspiller (Spotify, Apple Music)

Alle hører på musikk – det er bare en integrert del av livene våre. La oss lage en musikkspiller for bedre å forstå hvordan den grunnleggende mekanikken til en moderne musikkstrømmeplattform fungerer.

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

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

  • Hvordan jobbe med API. bruk API fra Spotify eller Apple Music
  • Hvordan spille, pause eller spole tilbake til neste/forrige spor
  • Hvordan endre volum
  • Hvordan administrere brukerruting og nettleserhistorikk

PS

Hvilke prosjekter vil du foreslå å "replikere" på egen hånd for å forbedre ferdighetene dine?

Kilde: www.habr.com

Legg til en kommentar