5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Pokračujeme v sérii projektů pro školení.

vrstva

5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer je komunita, kde každý může nakreslit pixel na sdílenou „nástěnku“. Původní nápad se zrodil na Redditu. Komunita r/Layer je metaforou sdílené kreativity, že každý může být tvůrcem a přispět ke společné věci.

Co se naučíte při vytváření vlastního projektu Layer:

  • Jak funguje plátno JavaScriptu Znalost ovládání plátna je v mnoha aplikacích zásadní dovedností.
  • Jak koordinovat uživatelská oprávnění. Každý uživatel může každých 15 minut nakreslit jeden pixel, aniž by se musel přihlašovat.
  • Vytvořte relace souborů cookie.

Squoosh

5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)
aplikace squoosh

Squoosh je aplikace pro kompresi obrázků s mnoha pokročilými možnostmi.

GIF 20 MB5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Vytvořením vlastní verze Squoosh se naučíte:

  • Jak pracovat s velikostí obrázků
  • Naučte se základy Drag'n'Drop API
  • Pochopte, jak funguje rozhraní API a posluchače událostí
  • Jak nahrávat a exportovat soubory

Poznámka: Kompresor obrazu je lokální. Není nutné odesílat další data na server. Kompresor můžete mít doma, nebo jej můžete použít na serveru, dle vašeho výběru.

Kalkulačka

No tak? Vážně? Kalkulačka? Ano, přesně, kalkulačka. Pochopení základů matematických operací a jejich vzájemné spolupráce je zásadní dovedností pro zjednodušení vašich aplikací. Dříve nebo později se budete muset vypořádat s čísly a čím dříve, tím lépe.

5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Vytvořením vlastní kalkulačky se naučíte:

  • Práce s čísly a matematické operace
  • Cvičte s rozhraním API posluchačů událostí
  • Jak uspořádat prvky, porozumět stylům

Crawler (vyhledávač)

Každý používá vyhledávač, tak proč si nevytvořit svůj vlastní? Prohledávače jsou potřeba k vyhledávání informací. Každý je používá každý den a poptávka po této technologii a specialistech bude časem jen růst.

5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)
vyhledávač Google

Co se naučíte vytvořením vlastního vyhledávače:

  • Jak fungují prohledávače
  • Jak indexovat stránky a jak je seřadit podle hodnocení a reputace
  • Jak ukládat indexované stránky do databáze a jak s databází pracovat

Hudební přehrávač (Spotify, Apple Music)

Hudbu poslouchá každý – je to prostě nedílná součást našeho života. Pojďme vytvořit hudební přehrávač, abychom lépe pochopili, jak fungují základní mechanismy moderní platformy pro streamování hudby.

5 dalších odvážných školicích projektů pro vývojáře (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Co se naučíte vytvořením vlastní platformy pro streamování hudby:

  • Jak pracovat s API. použijte API ze Spotify nebo Apple Music
  • Jak přehrát, pozastavit nebo přetočit na další/předchozí skladbu
  • Jak změnit hlasitost
  • Jak spravovat směrování uživatelů a historii prohlížeče

PS

Jaké projekty byste navrhli „replikovat“ sami, abyste zlepšili své dovednosti?

Zdroj: www.habr.com

Přidat komentář