Miradi 8 ya elimu

"Bwana hufanya makosa zaidi kuliko anayeanza kufanya majaribio"

Tunatoa chaguo 8 za mradi ambazo zinaweza kufanywa "kwa kujifurahisha" ili kupata uzoefu halisi wa maendeleo.

Mradi 1. Trello clone

Trello clone kutoka Indrek Lasn.

Utajifunza nini:

• Shirika la njia za usindikaji wa ombi (Routing).
• Buruta na uangushe.
• Jinsi ya kuunda vitu vipya (bodi, orodha, kadi).
• Inachakata na kukagua data ya pembejeo.
• Kutoka kwa upande wa mteja: jinsi ya kutumia hifadhi ya ndani, jinsi ya kuhifadhi data kwenye hifadhi ya ndani, jinsi ya kusoma data kutoka kwa hifadhi ya ndani.
• Kutoka upande wa seva: jinsi ya kutumia hifadhidata, jinsi ya kuhifadhi data kwenye hifadhidata, jinsi ya kusoma data kutoka kwa hifadhidata.

Hapa kuna mfano wa hazina, imetengenezwa kwa React+Redux.

Mradi wa 2. Jopo la msimamizi

Hifadhi ya Github.

Programu rahisi ya CRUD, bora kwa kujifunza misingi. Hebu tujifunze:

• Unda watumiaji, dhibiti watumiaji.
• Wasiliana na hifadhidata - tengeneza, soma, hariri, futa watumiaji.
• Kuthibitisha pembejeo na kufanya kazi na fomu.

Mradi wa 3. Kifuatiliaji cha Cryptocurrency (programu asili ya simu ya mkononi)

Hifadhi ya Github.

Chochote: Swift, Objective-C, React Native, Java, Kotlin.

Hebu tujifunze:

• Jinsi maombi asilia yanavyofanya kazi.
• Jinsi ya kupata data kutoka kwa API.
• Jinsi mipangilio ya ukurasa asili inavyofanya kazi.
• Jinsi ya kufanya kazi na simulators za simu.

Jaribu API hii. Ikiwa unapata kitu bora, andika kwenye maoni.

Ikiwa una nia, hii hapa hapa kuna mafunzo.

Mradi wa 4. Sanidi usanidi wako wa pakiti ya wavuti kuanzia mwanzo

Kitaalam, hii sio programu, lakini ni kazi muhimu sana kuelewa jinsi webpack inavyofanya kazi kutoka ndani. Sasa haitakuwa "sanduku nyeusi", lakini chombo kinachoeleweka.

Mahitaji:

• Unganisha es7 hadi es5 (misingi).
• Unganisha jsx hadi js - au - .vue hadi .js (itabidi ujifunze vipakiaji)
• Sanidi seva ya dev ya pakiti ya wavuti na upakiaji upya wa moduli moto. (vue-cli na create-react-app tumia zote mbili)
• Tumia Heroku, now.sh au Github, jifunze jinsi ya kupeleka miradi ya vifurushi vya wavuti.
• Sanidi kichakataji upendacho ili kukusanya css - scss, less, stylus.
• Jifunze jinsi ya kutumia picha na svg na webpack.

Hii ni rasilimali ya kushangaza kwa Kompyuta kamili.

Mradi wa 5. Hackernews clone

Kila Jedi anahitajika kutengeneza Hackernews yake mwenyewe.

Utajifunza nini njiani:

• Jinsi ya kuingiliana na API ya hackernews.
• Jinsi ya kuunda programu ya ukurasa mmoja.
• Jinsi ya kutekeleza vipengele kama vile kutazama maoni, maoni ya mtu binafsi, wasifu.
• Shirika la njia za usindikaji wa ombi (Routing).

Mradi 6. Tudushechka

TodoMVC.

Kwa umakini? Tudushka? Kuna maelfu yao. Lakini niniamini, kuna sababu ya umaarufu huu.
Programu ya Tudu ni njia nzuri ya kuhakikisha kuwa unaelewa mambo ya msingi. Jaribu kuandika programu moja katika Javascript ya vanilla na moja katika mfumo wako unaopenda.

Jifunze:

• Unda majukumu mapya.
• Angalia kama sehemu zimejazwa.
• Chuja kazi (zilizokamilika, zinazotumika, zote). Tumia filter и reduce.
• Kuelewa misingi ya Javascript.

Mradi wa 7. Orodha ya kuburuta na kudondosha inayoweza kupangwa

Hifadhi ya Github.

Inasaidia sana kuelewa buruta na udondoshe api.

Hebu tujifunze:

• Buruta na udondoshe API
• Unda UIs tajiri

Mradi wa 8. Kilinganishi cha Messenger (programu asilia)

Utaelewa jinsi programu zote za wavuti na programu asilia zinavyofanya kazi, ambayo itakuweka kando na misa ya kijivu.

Tutajifunza nini:

• Soketi za wavuti (ujumbe wa papo hapo)
• Jinsi maombi asilia yanavyofanya kazi.
• Jinsi violezo hufanya kazi katika programu asilia.
• Kupanga njia za usindikaji wa ombi katika programu asilia.

Hii itatosha kwako kwa mwezi mmoja au mbili.

Tafsiri ilifanywa kwa msaada wa kampuni Programu ya EDISONambaye anajishughulisha kitaaluma kuendeleza programu na tovuti katika PHP kwa wateja wakubwa, na vile vile maendeleo ya huduma za wingu na programu za rununu katika Java.

Chanzo: mapenzi.com