"Majster robí viac chýb ako začiatočník pokusov"
Ponúkame 8 možností projektu, ktoré sa dajú robiť „pre zábavu“, aby ste získali skutočné skúsenosti s vývojom.
Projekt 1. Klon Trello
Čo sa naučíte:
- Organizácia trás spracovania požiadaviek (Ruting).
- Drag and drop.
- Ako vytvárať nové objekty (nástenky, zoznamy, karty).
- Spracovanie a kontrola vstupných údajov.
- Zo strany klienta: ako používať lokálne úložisko, ako ukladať dáta do lokálneho úložiska, ako čítať dáta z lokálneho úložiska.
- Zo strany servera: ako používať databázy, ako ukladať údaje do databázy, ako čítať údaje z databázy.
, vyrobené v React+Redux.
Projekt 2. Panel správcu
Jednoduchá aplikácia CRUD, ideálna na učenie sa základov. Poďme sa učiť:
- Vytvárajte používateľov, spravujte používateľov.
- Interakcia s databázou – vytváranie, čítanie, úprava, mazanie používateľov.
- Overenie vstupu a práca s formulármi.
Projekt 3. Sledovanie kryptomien (natívna mobilná aplikácia)
Čokoľvek: Swift, Objective-C, React Native, Java, Kotlin.
Poďme študovať:
- Ako fungujú natívne aplikácie.
- Ako získať údaje z API.
- Ako fungujú natívne rozloženia stránky.
- Ako pracovať s mobilnými simulátormi.
. Ak nájdete niečo lepšie, napíšte do komentárov.
Ak máte záujem, tu je .
Projekt 4. Nastavte si vlastnú konfiguráciu webpacku od začiatku
Technicky to nie je aplikácia, ale je to veľmi užitočná úloha na pochopenie toho, ako webpack funguje zvnútra. Teraz to nebude „čierna skrinka“, ale zrozumiteľný nástroj.
požiadavky:
- Kompilujte es7 až es5 (základy).
- Kompilujte jsx do js - alebo - .vue do .js (budete sa musieť naučiť nakladače)
- Nastavte webpack dev server a načítanie horúceho modulu. (vue-cli a create-react-app používajú obe)
- Použite Heroku, now.sh alebo Github, naučte sa nasadzovať projekty webpackov.
- Nastavte si svoj obľúbený preprocesor na kompiláciu css – scss, menej, stylus.
- Naučte sa používať obrázky a svgs s webovým balíkom.
Projekt 5. Klon Hackernews
Od každého Jediho sa vyžaduje, aby vytvoril svoje vlastné Hackernews.
Čo sa na ceste naučíte:
- Ako interagovať s hackernews API.
- Ako vytvoriť jednostránkovú aplikáciu.
- Ako implementovať funkcie ako prezeranie komentárov, jednotlivých komentárov, profilov.
- Organizácia trás spracovania požiadaviek (Ruting).
Projekt 6. Tudushechka
vážne? Tuduška? Sú ich tisíce. Ale verte mi, táto popularita má svoj dôvod.
Aplikácia Tudu je skvelý spôsob, ako sa uistiť, že rozumiete základom. Skúste napísať jednu aplikáciu vo vanilkovom Javascripte a jednu vo svojom obľúbenom frameworku.
Naučte sa:
- Vytvorte nové úlohy.
- Skontrolujte, či sú polia vyplnené.
- Filtrujte úlohy (dokončené, aktívne, všetky). Použite
filterиreduce. - Pochopte základy Javascriptu.
Projekt 7. Zoraditeľný drag and drop zoznam
Veľmi užitočné na pochopenie .
Poďme sa učiť:
- Drag and drop API
- Vytvárajte bohaté používateľské rozhrania
Project 8. Klon Messenger (natívna aplikácia)
Pochopíte, ako fungujú webové aplikácie aj natívne aplikácie, čím sa odlíšite od šedej masy.
Čo budeme študovať:
- Web sokety (okamžité správy)
- Ako fungujú natívne aplikácie.
- Ako fungujú šablóny v natívnych aplikáciách.
- Organizovanie trás spracovania požiadaviek v natívnych aplikáciách.
To vám bude stačiť na mesiac alebo dva.
Preklad bol realizovaný s podporou spoločnosti ktorý sa profesionálne venuje aj pre veľkých zákazníkov .
Zdroj: hab.com