"In master makket mear flaters dan in begjinner makket pogingen"
Wy biede 8 projektopsjes dy't "foar wille" kinne wurde dien om echte ûntwikkelingsûnderfining te krijen.
Projekt 1. Trello kloan
Wat jo sille leare:
- Organisaasje fan fersykferwurkingsrûtes (Routing).
- Sleepe en los litte.
- Hoe kinne jo nije objekten meitsje (boerden, listen, kaarten).
- It ferwurkjen en kontrolearjen fan ynfiergegevens.
- Fan 'e kant fan' e kliïnt: hoe't jo lokale opslach brûke, hoe't jo gegevens opslaan nei lokale opslach, hoe't jo gegevens lêze fan lokale opslach.
- Fan 'e serverkant: hoe't jo databases brûke, hoe't jo gegevens yn 'e database bewarje, hoe't jo gegevens fan 'e database lêze.
, makke yn React+Redux.
Projekt 2. Admin paniel
In ienfâldige CRUD-applikaasje, ideaal foar it learen fan de basis. Litte wy leare:
- Meitsje brûkers, beheare brûkers.
- Ynteraksje mei de databank - brûkers meitsje, lêze, bewurkje, wiskje.
- Validearje ynput en wurkje mei formulieren.
Projekt 3. Tracker foar krypto-faluta (native mobile applikaasje)
Alles: Swift, Objective-C, React Native, Java, Kotlin.
Litte wy studearje:
- Hoe native applikaasjes wurkje.
- Hoe kinne jo gegevens fan 'e API ophelje.
- Hoe native side-layouts wurkje.
- Hoe kinne jo wurkje mei mobile simulators.
. As jo wat better fine, skriuw dan yn 'e kommentaren.
As jo ynteressearre binne, hjir is it .
Projekt 4. Stel jo eigen webpack-konfiguraasje fanôf it begjin ôf
Technysk is dit gjin applikaasje, mar it is in heul nuttige taak om te begripen hoe't webpack fan binnen wurket. No sil it gjin "swarte doaze" wêze, mar in begryplik ark.
Easken:
- Kompile es7 nei es5 (basis).
- Kompilearje jsx nei js - of - .vue nei .js (jo moatte loaders leare)
- Ynstelle webpack dev tsjinner en hot module reloading. (vue-cli en create-react-app brûke beide)
- Brûk Heroku, now.sh of Github, learje hoe't jo webpack-projekten kinne ynsette.
- Stel jo favorite preprocessor yn om css te kompilearjen - scss, less, stylus.
- Learje hoe't jo ôfbyldings en svgs kinne brûke mei webpack.
Projekt 5. Hackernews clone
Elke Jedi is ferplichte om syn eigen Hackernews te meitsjen.
Wat jo ûnderweis sille leare:
- Hoe kinne jo ynteraksje mei hackernews API.
- Hoe kinne jo in applikaasje op ien side oanmeitsje.
- Hoe kinne jo funksjes ymplementearje lykas besjen fan opmerkingen, yndividuele opmerkings, profilen.
- Organisaasje fan fersykferwurkingsrûtes (Routing).
Projekt 6. Tudushechka
Serieus? Tudushka? Der binne tûzenen fan harren. Mar leau my, d'r is in reden foar dizze populariteit.
De Tudu-app is in geweldige manier om te soargjen dat jo de basis begripe. Besykje ien applikaasje te skriuwen yn vanilla Javascript en ien yn jo favorite ramt.
Leare:
- Meitsje nije taken.
- Kontrolearje dat de fjilden ynfolle binne.
- Filtertaken (foltôge, aktyf, allegear). Brûke
filterиreduce. - Begryp de basis fan Javascript.
Projekt 7. Sortable slepe en drop list
Hiel behelpsum om te begripen .
Litte wy leare:
- Sleep en drop API
- Meitsje rike UI's
Projekt 8. Messenger-kloon (native applikaasje)
Jo sille begripe hoe't sawol webapplikaasjes as native applikaasjes wurkje, wat jo sil ûnderskiede fan 'e grize massa.
Wat wy sille studearje:
- Web sockets (direkte berjochten)
- Hoe native applikaasjes wurkje.
- Hoe sjabloanen wurkje yn native applikaasjes.
- Organisearje rûtes foar ferwurkjen fan fersyk yn native applikaasjes.
Dit sil genôch wêze foar jo foar in moanne as twa.
De oersetting waard útfierd mei stipe fan it bedriuw dy't profesjoneel dwaande is foar grutte klanten, likegoed as .
Boarne: www.habr.com