"Mojster naredi več napak kot začetnik poskusov"
Ponujamo 8 projektnih možnosti, ki jih lahko naredite "za zabavo", da pridobite prave razvojne izkušnje.
Projekt 1. Klon Trello
Kaj se boste naučili:
- Organizacija poti obdelave zahtev (Routing).
- Povleci in spusti.
- Kako ustvariti nove predmete (tabele, sezname, kartice).
- Obdelava in preverjanje vhodnih podatkov.
- S strani odjemalca: kako uporabljati lokalni pomnilnik, kako shraniti podatke v lokalni pomnilnik, kako brati podatke iz lokalnega pomnilnika.
- S strani strežnika: kako uporabljati baze podatkov, kako shraniti podatke v bazo, kako brati podatke iz baze.
, narejen v React+Redux.
Projekt 2. Skrbniška plošča
Preprosta aplikacija CRUD, idealna za učenje osnov. Naučimo se:
- Ustvarite uporabnike, upravljajte uporabnike.
- Interakcija z bazo podatkov - ustvarjanje, branje, urejanje, brisanje uporabnikov.
- Preverjanje vnosa in delo z obrazci.
Projekt 3. Sledilnik kriptovalut (domača mobilna aplikacija)
Karkoli: Swift, Objective-C, React Native, Java, Kotlin.
Študijmo:
- Kako delujejo izvorne aplikacije.
- Kako pridobiti podatke iz API-ja.
- Kako delujejo izvorne postavitve strani.
- Kako delati z mobilnimi simulatorji.
. Če najdete kaj boljšega, napišite v komentarje.
Če te zanima, tukaj je .
Projekt 4. Nastavite lastno konfiguracijo spletnega paketa iz nič
Tehnično to ni aplikacija, je pa zelo uporabna naloga za razumevanje delovanja spletnega paketa od znotraj. Zdaj ne bo "črna skrinjica", ampak razumljivo orodje.
Zahteve:
- Prevedite es7 v es5 (osnove).
- Prevedite jsx v js - ali - .vue v .js (naučiti se boste morali nalagalnike)
- Nastavite strežnik za razvijalce webpack in ponovno nalaganje vročega modula. (vue-cli in create-react-app uporabljata oboje)
- Uporabite Heroku, now.sh ali Github, naučite se uvajati projekte webpack.
- Nastavite svoj najljubši predprocesor za prevajanje css - scss, less, stylus.
- Naučite se uporabljati slike in SVG s spletnim paketom.
Projekt 5. Klon Hackernews
Vsak Jedi mora narediti svoj Hackernews.
Kaj se boste naučili na poti:
- Kako komunicirati z API-jem hackernews.
- Kako ustvariti enostransko aplikacijo.
- Kako implementirati funkcije, kot so ogled komentarjev, posameznih komentarjev, profilov.
- Organizacija poti obdelave zahtev (Routing).
Projekt 6. Tudušechka
Resno? Tuduška? Na tisoče jih je. A verjemite mi, obstaja razlog za to priljubljenost.
Aplikacija Tudu je odličen način, da se prepričate, da razumete osnove. Poskusite napisati eno aplikacijo v različici Javascript in eno v svojem najljubšem ogrodju.
Naučite se:
- Ustvarite nove naloge.
- Preverite, ali so polja izpolnjena.
- Filtriraj naloge (dokončane, aktivne, vse). Uporaba
filterиreduce. - Razumeti osnove Javascripta.
Projekt 7. Razvrstljiv seznam povleci in spusti
Zelo koristno za razumevanje .
Naučimo se:
- API povleci in spusti
- Ustvarite bogate uporabniške vmesnike
Projekt 8. Klon Messengerja (domača aplikacija)
Razumeli boste, kako delujejo tako spletne aplikacije kot izvorne aplikacije, kar vas bo ločilo od sive mase.
Kaj bomo študirali:
- Spletne vtičnice (takojšnja sporočila)
- Kako delujejo izvorne aplikacije.
- Kako predloge delujejo v izvornih aplikacijah.
- Organiziranje poti obdelave zahtevkov v izvornih aplikacijah.
To vam bo zadostovalo za mesec ali dva.
Prevod je bil izveden s podporo podjetja ki se poklicno ukvarja za velike stranke, kot tudi .
Vir: www.habr.com