Nog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Nog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)

We zetten de reeks projecten voor training voort.

Verschillende Lagen

Nog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer is een community waar iedereen een pixel op een gedeeld ‘bord’ kan tekenen. Het oorspronkelijke idee werd geboren op Reddit. De r/Layer-gemeenschap is een metafoor voor gedeelde creativiteit, dat iedereen een schepper kan zijn en kan bijdragen aan een gemeenschappelijk doel.

Wat u leert als u uw eigen Layer-project maakt:

  • Hoe JavaScript-canvas werkt Weten hoe u een canvas moet bedienen, is in veel toepassingen een cruciale vaardigheid.
  • Hoe gebruikersmachtigingen te coördineren. Elke gebruiker kan elke 15 minuten één pixel tekenen zonder in te loggen.
  • Creëer cookiesessies.

Squoosh

Nog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh is een beeldcompressietoepassing met veel geavanceerde opties.

GIF-bestand 20 MBNog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Door je eigen versie van Squoosh te maken, leer je:

  • Hoe u met afbeeldingsformaten kunt werken
  • Leer de basisprincipes van de Drag'n'Drop API
  • Begrijp hoe de API en gebeurtenislisteners werken
  • Hoe bestanden te uploaden en exporteren

Opmerking: De beeldcompressor is lokaal. Het is niet nodig om extra gegevens naar de server te sturen. U kunt de compressor thuis hebben, of u kunt hem op een server gebruiken, naar keuze.

Calculator

Kom op? Ernstig? Rekenmachine? Ja precies, een rekenmachine. Het begrijpen van de basisprincipes van wiskundige bewerkingen en hoe ze samenwerken, is een cruciale vaardigheid om uw toepassingen te vereenvoudigen. Vroeg of laat krijg je te maken met cijfers en hoe eerder hoe beter.

Nog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Door uw eigen rekenmachine te maken, leert u:

  • Werken met cijfers en wiskundige bewerkingen
  • Oefen met de gebeurtenislisteners-API
  • Hoe elementen te rangschikken, stijlen te begrijpen

Crawler (zoekmachine)

Iedereen heeft wel eens een zoekmachine gebruikt, dus waarom zou u niet uw eigen zoekmachine maken? Crawlers zijn nodig om informatie te zoeken. Iedereen gebruikt ze elke dag en de vraag naar deze technologie en specialisten zal in de loop van de tijd alleen maar groeien.

Nog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Google-zoekmachine

Wat u leert door uw eigen zoekmachine te maken:

  • Hoe crawlers werken
  • Hoe sites te indexeren en hoe ze te rangschikken op basis van beoordeling en reputatie
  • Hoe u geïndexeerde sites in een database kunt opslaan en hoe u met de database kunt werken

Muziekspeler (Spotify, Apple Music)

Iedereen luistert naar muziek - het is gewoon een integraal onderdeel van ons leven. Laten we een muziekspeler maken om beter te begrijpen hoe de basismechanismen van een modern muziekstreamingplatform werken.

Nog 5 gedurfde trainingsprojecten voor de ontwikkelaar (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Wat je leert door je eigen muziekstreamingplatform te creëren:

  • Hoe te werken met de API. gebruik API van Spotify of Apple Music
  • Hoe u het volgende/vorige nummer kunt afspelen, pauzeren of terugspoelen
  • Hoe u het volume kunt wijzigen
  • Hoe u gebruikersroutering en browsergeschiedenis beheert

PS

Welke projecten zou je voorstellen om zelf te ‘repliceren’ om je vaardigheden te verbeteren?

Bron: www.habr.com

Voeg een reactie