"Egy mester többet hibázik, mint egy kezdő próbálkozik"
8 projektlehetőséget kínálunk, amelyek „szórakozásból” valósíthatók meg, hogy valódi fejlesztési tapasztalatokat szerezzenek.
Projekt 1. Trello klón
Amit meg fogsz tanulni:
- Kérelemfeldolgozási útvonalak szervezése (Routing).
- Fogd és vidd.
- Új objektumok (táblák, listák, kártyák) létrehozása.
- A bemeneti adatok feldolgozása és ellenőrzése.
- Kliens oldalról: hogyan kell használni a helyi tárhelyet, hogyan lehet adatokat menteni a helyi tárhelyre, hogyan lehet adatokat kiolvasni a helyi tárhelyről.
- Szerver oldalról: adatbázisok használata, adatok mentése az adatbázisban, adatok kiolvasása az adatbázisból.
, React+Redux-ban készült.
Projekt 2. Admin panel
Egy egyszerű CRUD alkalmazás, ideális az alapok elsajátításához. Tanuljunk:
- Felhasználók létrehozása, felhasználók kezelése.
- Interakció az adatbázissal – felhasználók létrehozása, olvasása, szerkesztése, törlése.
- A bevitel érvényesítése és az űrlapokkal való munka.
3. projekt. Kriptovaluta-követő (natív mobilalkalmazás)
Bármi: Swift, Objective-C, React Native, Java, Kotlin.
Tanuljunk:
- A natív alkalmazások működése.
- Adatok lekérése az API-ból.
- A natív oldalelrendezések működése.
- Hogyan kell dolgozni mobil szimulátorokkal.
. Ha találsz jobbat, írd meg kommentben.
Ha érdekel, itt van .
4. projekt. Állítsa be a saját webpack konfigurációját a semmiből
Technikailag ez nem egy alkalmazás, de nagyon hasznos feladat, hogy megértsük a webpack működését belülről. Most nem „fekete doboz” lesz, hanem érthető eszköz.
követelmények:
- Fordítsa le az es7-et es5-re (alapok).
- Fordítsa le a jsx-et js-be - vagy - a .vue-t .js-be (meg kell tanulnia a betöltőket)
- Állítsa be a webpack fejlesztői kiszolgálót és a hot modul újratöltését. (a vue-cli és a create-react-app mindkettőt használja)
- Használja a Heroku-t, a now.sh-t vagy a Githubot, és tanulja meg a webpack-projektek üzembe helyezését.
- Állítsa be kedvenc előfeldolgozóját a css fordításához – scss, less, stylus.
- Ismerje meg, hogyan használhat képeket és SVG-ket a webcsomaggal.
Projekt 5. Hackernews klón
Minden Jedi köteles elkészíteni a saját Hackernews-ját.
Amit az út során megtanulhatsz:
- Hogyan lépjünk kapcsolatba a hackernews API-val.
- Hogyan készítsünk egyoldalas alkalmazást.
- Az olyan funkciók megvalósítása, mint a megjegyzések, egyéni megjegyzések, profilok megtekintése.
- Kérelemfeldolgozási útvonalak szervezése (Routing).
Projekt 6. Tudushechka
Komolyan? Tudushka? Több ezer van belőlük. De hidd el, ennek a népszerűségnek oka van.
A Tudu alkalmazás nagyszerű módja annak, hogy biztosan megértse az alapokat. Írjon egy alkalmazást vanília Javascript nyelven, és egyet a kedvenc keretrendszerében.
Tanul:
- Hozzon létre új feladatokat.
- Ellenőrizze, hogy a mezők ki vannak-e töltve.
- Feladatok szűrése (befejezett, aktív, összes). Használat
filterиreduce. - Ismerje meg a Javascript alapjait.
Projekt 7. Rendezhető drag and drop lista
Nagyon hasznos megérteni .
Tanuljunk:
- Drag and drop API
- Hozzon létre gazdag felhasználói felületeket
Projekt 8. Messenger klón (natív alkalmazás)
Meg fogja érteni, hogyan működnek mind a webalkalmazások, mind a natív alkalmazások, ami megkülönbözteti Önt a szürke tömegtől.
Amit tanulmányozni fogunk:
- Web socketek (azonnali üzenetek)
- A natív alkalmazások működése.
- A sablonok működése a natív alkalmazásokban.
- Kérelemfeldolgozási útvonalak szervezése natív alkalmazásokban.
Ez elég lesz neked egy-két hónapra.
A fordítás a cég támogatásával történt aki hivatásszerűen foglalkozik nagy ügyfelek számára, valamint .
Forrás: will.com