«Mjeshtri bën më shumë gabime se një fillestar - përpjekjet»
Ofrojmë 8 variante projektesh të cilat mund të realizohen "për fun", në mënyrë që të fitoni përvojë të vërtetë në zhvillim.
Projekti 1. Kloni Trello
ĂfarĂ« do tĂ« mĂ«soni:
- Organizimi i rrugëve të përpunimit të kërkesave (Routing).
- Drag and drop.
- Si të krijoni objekte të reja (dërrasa, lista, karta).
- Përpunimi dhe kontrolli i të dhënave hyrëse.
- Nga ana e klientit: si të përdorni ruajtjen lokale, si të ruani të dhënat në ruajtjen lokale, si të lexoni të dhënat nga ruajtja lokale.
- Nga ana e serverit: si të përdorni bazat e të dhënave, si të ruani të dhënat në bazë, si të lexoni të dhënat nga baza.
, e bërë me React+Redux.
Projekti 2. Panairi i administratorëve
Një aplikacion i thjeshtë CRUD, ideal për të mësuar bazat. Do të mësojmë:
- Të krijojmë përdorues, të menaxhojmë përdoruesit.
- TĂ« interaktojmĂ« me bazĂ«n e tĂ« dhĂ«nave â tĂ« krijojmĂ«, tĂ« lexojmĂ«, tĂ« redaktojmĂ«, tĂ« fshijmĂ« pĂ«rdoruesit.
- Kontrolli i hyrjes dhe puna me format.
Projekti 3. Ndjekësi i kriptovalutave (aplikacion mobil native)
Me çfarëdo gjuhe: Swift, Objective-C, React Native, Java, Kotlin.
Do të mësojmë:
- Si funksionojnë aplikacionet native.
- Si të nxjerrim të dhëna nga API.
- Si funksionojnë dizajnet native të faqeve.
- Si të punoni me simulatorët mobilë.
. NĂ«se gjeni ndonjĂ« mĂ« tĂ« mirĂ« â shkruani nĂ« komente.
Nëse jeni të interesuar, ja .
Projekti 4. Konfiguroni konfigurimin tuaj të webpack nga fillimi
Teknikisht, kjo nuk është një aplikacion, por është një detyrë shumë e dobishme për të kuptuar se si funksionon webpack nga brenda. Tani do të jetë një instrument i qartë dhe jo një "kutë e zezë".
KĂ«rkesat:
- Të kompiloni es7 në es5 (bazat).
- TĂ« kompiloni jsx nĂ« js â ose â .vue nĂ« .js (do t'ju duhet tĂ« mĂ«soni ngarkuesit)
- Të konfiguroni serverin e zhvillimit webpack dhe nxitjen e modulit të nxehtë. (vue-cli dhe create-react-app i përdorin të dyja)
- Të përdorni Heroku, now.sh ose Github, të mësoni si të vendosni projektet webpack.
- TĂ« konfiguroni preprocessorin tuaj tĂ« preferuar pĂ«r tĂ« kompiluar css â scss, less, stylus.
- Të mësoni si të përdorni imazhet dhe svgs me webpack.
Projekti 5. Kloni Hackernews
Ădo Jedi duhet tĂ« bĂ«jĂ« Hackernews-in e tij.
ĂfarĂ« do tĂ« mĂ«soni gjatĂ« rrugĂ«s:
- Si të interaktoni me hackernews API.
- Si të krijoni një aplikacion me një faqe.
- Si të realizoni karakteristika të tilla si shikimi i komenteve, komenteve të veçanta, profileve.
- Organizimi i rrugëve të përpunimit të kërkesave (Routing).
Projekti 6. Todo
Seriozisht? Tuduƥka? Janë mijëra. Por besoni, ka një arsye për këtë popullaritet.
Tudu-aplikacioni është një mënyrë e shkëlqyer për të siguruar që kupton bazat. Provoni të shkruani një aplikacion në Javascript të pastër dhe një në frameworkun tuaj të preferuar.
MĂ«soni:
- Të krijoni detyra të reja.
- TĂ« kontrolloni mbushjen e fushave.
- Të filtroni detyrat (të përfunduara, aktive, të gjitha). Përdorni
filterdhereduce. - TĂ« kuptoni bazat e Javascript.
Projekti 7. Lista e zhvendoshme me drag and drop
Shumë e dobishme për të kuptuar .
Mësojmë:
- API drag and drop
- Të krijoni UI të pasura
Projekti 8. Kloni i mesazhereve (aplikacion natyral)
Do të kuptoni si funksionojnë aplikacionet web dhe ato natyrale, gjë që do t'ju dallojë nga masa.
ĂfarĂ« do tĂ« mĂ«sojmĂ«:
- Web sockets (mesazhe në kohë reale)
- Si funksionojnë aplikacionet native.
- Si funksionojnë shabllonët në aplikacionet natyrale.
- Organizimi i rrugëve për trajtimin e kërkesave në aplikacionet natyrale.
Kjo do t'ju mjaftojë për një muaj të dytë.
Përkthimi është realizuar me mbështetje nga , e cila merret profesionisht për klientë të mëdhenj, si dhe .
Burimi: habr.com
