5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Pokračujeme v sérii projektov na školenia.

vrstva

5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer je komunita, kde každý môže nakresliť pixel na zdieľanú „dosku“. Pôvodný nápad sa zrodil na Reddite. Komunita r/Layer je metaforou zdieľanej kreativity, že každý môže byť tvorcom a prispieť k spoločnej veci.

Čo sa naučíte pri vytváraní vlastného projektu vrstvy:

  • Ako funguje plátno JavaScript Znalosť ovládania plátna je kritickou zručnosťou v mnohých aplikáciách.
  • Ako koordinovať povolenia používateľov. Každý používateľ môže nakresliť jeden pixel každých 15 minút bez toho, aby sa musel prihlasovať.
  • Vytvorte relácie súborov cookie.

Squoosh

5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh je aplikácia na kompresiu obrázkov s mnohými pokročilými možnosťami.

GIF 20 MB5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Vytvorením vlastnej verzie Squoosh sa naučíte:

  • Ako pracovať s veľkosťou obrázkov
  • Naučte sa základy rozhrania Drag'n'Drop API
  • Pochopte, ako fungujú API a poslucháči udalostí
  • Ako nahrať a exportovať súbory

Poznámka: Kompresor obrazu je lokálny. Nie je potrebné posielať ďalšie údaje na server. Kompresor môžete mať doma alebo ho môžete použiť na serveri podľa vlastného výberu.

Kalkulačka

Poď? vážne? Kalkulačka? Áno, presne, kalkulačka. Pochopenie základov matematických operácií a ich vzájomnej spolupráce je kritickou zručnosťou pre zjednodušenie vašich aplikácií. Skôr či neskôr sa budete musieť vyrovnať s číslami a čím skôr, tým lepšie.

5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Vytvorením vlastnej kalkulačky sa naučíte:

  • Práca s číslami a matematické operácie
  • Cvičte s API poslucháčov udalostí
  • Ako usporiadať prvky, pochopiť štýly

Crawler (vyhľadávač)

Každý použil vyhľadávač, tak prečo si nevytvoriť svoj vlastný? Na vyhľadávanie informácií sú potrebné crawlery. Každý ich používa každý deň a dopyt po tejto technológii a špecialistoch bude časom len rásť.

5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Vyhľadávač Google

Čo sa naučíte vytvorením vlastného vyhľadávača:

  • Ako fungujú prehľadávače
  • Ako indexovať stránky a ako ich zoradiť podľa hodnotenia a reputácie
  • Ako ukladať indexované stránky do databázy a ako s databázou pracovať

Hudobný prehrávač (Spotify, Apple Music)

Hudbu počúva každý – je jednoducho neoddeliteľnou súčasťou nášho života. Poďme vytvoriť hudobný prehrávač, aby sme lepšie pochopili, ako fungujú základné mechanizmy modernej platformy na streamovanie hudby.

5 ďalších odvážnych školiacich projektov pre vývojárov (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Čo sa naučíte vytvorením vlastnej platformy na streamovanie hudby:

  • Ako pracovať s API. použite API zo Spotify alebo Apple Music
  • Ako prehrať, pozastaviť alebo pretočiť na nasledujúcu/predchádzajúcu skladbu
  • Ako zmeniť hlasitosť
  • Ako spravovať smerovanie používateľov a históriu prehliadača

PS

Aké projekty by ste navrhli „replikovať“ sami, aby ste zlepšili svoje zručnosti?

Zdroj: hab.com

Pridať komentár