5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Vi fortsætter rækken af ​​projekter til træning.

lag

5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer er et fællesskab, hvor alle kan tegne en pixel på et fælles "bræt". Den oprindelige idé blev født på Reddit. R/Layer-fællesskabet er en metafor for fælles kreativitet, at alle kan være skabere og bidrage til en fælles sag.

Hvad du vil lære, når du opretter dit eget Layer-projekt:

  • Sådan fungerer JavaScript-lærred At vide, hvordan man betjener et lærred, er en kritisk færdighed i mange applikationer.
  • Hvordan man koordinerer brugertilladelser. Hver bruger kan tegne en pixel hvert 15. minut uden at skulle logge ind.
  • Opret cookie-sessioner.

Squoosh

5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh er en billedkomprimeringsapplikation med mange avancerede muligheder.

GIF 20 MB5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Ved at oprette din egen version af Squoosh lærer du:

  • Sådan arbejder du med billedstørrelser
  • Lær det grundlæggende i Drag'n'Drop API
  • Forstå, hvordan API'en og begivenhedslyttere fungerer
  • Sådan uploader og eksporterer du filer

Note: Billedkompressoren er lokal. Det er ikke nødvendigt at sende yderligere data til serveren. Du kan have kompressoren derhjemme, eller du kan bruge den på en server efter eget valg.

Lommeregner

Kom nu? Helt seriøst? Lommeregner? Ja, præcis, en lommeregner. At forstå det grundlæggende i matematiske operationer, og hvordan de fungerer sammen, er en afgørende færdighed for at forenkle dine applikationer. Før eller siden bliver du nødt til at forholde dig til tal og jo før jo bedre.

5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Ved at lave din egen lommeregner lærer du:

  • Arbejd med tal og matematiske operationer
  • Øv dig med begivenhedslytters API
  • Hvordan man arrangerer elementer, forstår stilarter

Crawler (søgemaskine)

Alle har brugt en søgemaskine, så hvorfor ikke oprette din egen? Crawlere er nødvendige for at søge efter information. Alle bruger dem hver dag, og efterspørgslen efter denne teknologi og specialister vil kun vokse over tid.

5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Google søgemaskine

Hvad du vil lære ved at oprette din egen søgemaskine:

  • Sådan fungerer crawlere
  • Hvordan man indekserer websteder, og hvordan man rangerer dem efter vurdering og omdømme
  • Hvordan man gemmer indekserede websteder i en database, og hvordan man arbejder med databasen

Musikafspiller (Spotify, Apple Music)

Alle lytter til musik – det er bare en integreret del af vores liv. Lad os skabe en musikafspiller for bedre at forstå, hvordan den grundlæggende mekanik i en moderne musikstreamingplatform fungerer.

5 flere dristige træningsprojekter for udvikleren (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Hvad du vil lære ved at skabe din egen musikstreamingplatform:

  • Sådan arbejder du med API. bruge API fra Spotify eller Apple Music
  • Sådan afspilles, pauses eller spoles tilbage til næste/forrige nummer
  • Sådan ændres lydstyrken
  • Sådan administreres brugerrouting og browserhistorik

PS

Hvilke projekter vil du foreslå at "replikere" på egen hånd for at forbedre dine færdigheder?

Kilde: www.habr.com

Tilføj en kommentar