8 mapurojekiti ekudzidzisa

"Tenzi anoita zvikanganiso zvakawanda kupfuura anotanga kuedza"

Isu tinopa 8 mapurojekiti sarudzo dzinogona kuitwa "kunakidzwa" kuitira kuti uwane chaiyo yekuvandudza ruzivo.

Chirongwa 1. Trello clone

Trello clone kubva kuIndrek Lasn.

Zvauchadzidza:

• Sangano rekukumbira kugadzirisa nzira (Routing).
• Dhonza udonhedze.
• Nzira yekugadzira zvinhu zvitsva (mabhodhi, zvinyorwa, makadhi).
• Kugadzirisa uye kutarisa data yekupinda.
• Kubva kudivi remutengi: mashandisiro enzvimbo yekuchengetedza, maitiro ekuchengetedza data kunzvimbo yekuchengetedza yemuno, maverengero ekuverenga data kubva munzvimbo yekuchengetedza.
• Kubva kudivi reseva: maitiro ekushandisa dhatabhesi, maitiro ekuchengetedza data mudhatabhesi, maitiro ekuverenga data kubva kudhatabhesi.

Heino muenzaniso we repository, yakagadzirwa muReact+Redux.

Project 2. Admin panel

Github Repository.

Iyo yakapusa CRUD application, yakanakira kudzidza izvo zvekutanga. Ngatidzidzei:

• Gadzira vashandisi, maneja vashandisi.
• Bata ne database - gadzira, verenga, gadzirisa, bvisa vashandisi.
• Kusimbisa kupinza uye kushanda nemafomu.

Project 3. Cryptocurrency tracker (yekuzvarwa nharembozha)

Github repository.

Chero chinhu: Swift, Chinangwa-C, React Native, Java, Kotlin.

Ngatidzidzei:

• Mashandisiro anoita zvikumbiro zvemuno.
• Maitiro ekutora data kubva kuAPI.
• Magadzirirwo emapeji ekuzvarwa anoshanda.
• Maitiro ekushanda nefoni simulators.

Edza iyi API. Kana iwe ukawana chimwe chinhu chiri nani, nyora mumashoko.

Kana muchifarira, heinoi heino dzidziso.

Project 4. Gadzirisa yako wega webpack config kubva pakutanga

Nehunyanzvi, iyi haisi application, asi ibasa rinobatsira kwazvo kunzwisisa kuti webpack inoshanda sei kubva mukati. Iye zvino haizove "bhokisi dema", asi chishandiso chinonzwisisika.

Zvinotarisirwa:

• Gadzira es7 kusvika es5 (zvakakosha).
• Unganidza jsx kusvika js - kana - .vue ku.js (uchafanira kudzidza zvinotakura zvinhu)
• Gadzirisa webpack dev server uye inopisa module reloading. (vue-cli uye gadzira-react-app shandisa zvese)
• Shandisa Heroku, now.sh kana Github, dzidza kuendesa mapurojekiti ewebhu.
• Gadzira yako yaunofarira preprocessor kuunganidza css - scss, shoma, stylus.
• Dzidza mashandisiro emifananidzo nemasvgs ane webpack.

Ichi chinhu chinoshamisa sosi kune vakakwana vanotanga.

Project 5. Hackernews clone

Yese Jedi inodikanwa kuti iite yake Hackernews.

Zvauchadzidza munzira:

• Maitiro ekudyidzana ne hackernews API.
• Maitiro ekugadzira peji rimwe chete application.
• Maitiro ekushandisa maficha akadai sekuona makomendi, makomendi ega, maprofile.
• Sangano rekukumbira kugadzirisa nzira (Routing).

Project 6. Tudushechka

TodoMVC.

Zvakakomba? Tudushka? Kune zviuru zvavo. Asi nditende, pane chikonzero chekuzivikanwa uku.
Iyo Tudu app inzira huru yekuita shuwa kuti unonzwisisa izvo zvekutanga. Edza kunyora imwe application muvanilla Javascript uye imwe mune yako yaunofarira chimiro.

Dzidza:

• Gadzira mabasa matsva.
• Tarisa kuti minda yakazadzwa here.
• Sefa mabasa (akapedzwa, anoshanda, ese). Shandisa filter и reduce.
• Nzwisisa izvo zvekutanga zveJavascript.

Project 7. Sortable dhonza uye donhedza list

Github repository.

Inobatsira zvikuru kunzwisisa dhonza uye udonhedze api.

Ngatidzidzei:

• Drag and drop API
• Gadzira maUI akapfuma

Project 8. Messenger clone (native application)

Iwe unozonzwisisa kuti ese ari maviri ewebhu maapplication uye ekuzvarwa zvikumbiro zvinoshanda sei, izvo zvinokumisa iwe kubva kune grey mass.

Zvatichadzidza:

• Zvigadziko zvewebhu (meseji pakarepo)
• Mashandisiro anoita zvikumbiro zvemuno.
• Ma templates anoshanda sei mumashandisirwo echinyakare.
• Kuronga nzira dzekukumbira kugadzirisa mumashandisirwo ekuzvarwa.

Izvi zvichakukwanira iwe mwedzi kana miviri.

Kuturikira kwakaitwa nerutsigiro rwekambani EDISON Softwareuyo akabatikana nebasa kugadzira maapplication uye mawebhusaiti muPHP kune vatengi vakakura, zvakare kuvandudzwa kwemasevhisi emakore uye nharembozha muJava.

Source: www.habr.com