Iiprojekthi zemfundo ezisi-8

"Inkosi yenza iimpazamo ezininzi kunokuba umntu oqalayo azame"

Sinikezela ngeenketho zeprojekthi ezi-8 onokuthi uzenzele "ukuzonwabisa" ukuze ufumane amava ophuhliso lokwenyani.

Iprojekthi 1. Trello clone

Iiprojekthi zemfundo ezisi-8

Trello clone evela Indrek Lasn.

Yintoni oya kufunda ngayo:

  • Ulungelelwaniso lweendlela zokusetyenzwa kwesicelo (Umzila).
  • Yitsale uyiwise.
  • Indlela yokudala izinto ezintsha (iibhodi, izintlu, amakhadi).
  • Ukucubungula kunye nokujonga idatha yegalelo.
  • Ukusuka kwicala lomxhasi: indlela yokusebenzisa ukugcinwa kwendawo, indlela yokugcina idatha kwindawo yokugcina indawo, indlela yokufunda idatha kwindawo yokugcina indawo.
  • Ukusuka kwicala lomncedisi: indlela yokusebenzisa i-database, indlela yokugcina idatha kwi-database, indlela yokufunda idatha kwi-database.

Nanku umzekelo wendawo yokugcina, yenziwe kwiReact+Redux.

Iprojekthi 2. Iphaneli yolawulo

Iiprojekthi zemfundo ezisi-8
Github Repository.

Isicelo esilula se-CRUD, esilungele ukufunda iziseko. Masifunde:

  • Yenza abasebenzisi, lawula abasebenzisi.
  • Sebenzisana nesiseko sedatha - yenza, funda, uhlele, cima abasebenzisi.
  • Ukuqinisekisa igalelo kunye nokusebenza ngeefom.

Iprojekthi yesi-3. I-Cryptocurrency tracker (isicelo semveli esiphathwayo)

Iiprojekthi zemfundo ezisi-8
Indawo yokugcina yeGithub.

Nantoni na: Swift, Objective-C, React Native, Java, Kotlin.

Masifunde:

  • Zisebenza njani izicelo zemveli.
  • Indlela yokubuyisela idatha kwi-API.
  • Uyilo lwephepha lemveli lusebenza njani.
  • Usebenza njani kunye ne-simulators ephathwayo.

Zama le API. Ukuba ufumana into engcono, bhala kwizimvo.

Ukuba unomdla, nantsi nasi isifundo.

Iprojekthi yesi-4. Misela eyakho i-webpack config ukusuka ekuqaleni

Iiprojekthi zemfundo ezisi-8
Ngokobuchwephesha, esi ayisosicelo, kodwa ngumsebenzi oluncedo kakhulu ukuqonda ukuba i-webpack isebenza njani ngaphakathi. Ngoku akuyi kuba "ibhokisi elimnyama", kodwa isixhobo esiqondakalayo.

Izinto ezifunekayo:

  • Hlanganisa i-es7 ukuya kwi-es5 (iziseko).
  • Qokelela i-jsx ukuya ku-js - okanye - .vue ukuya kwi-.js (kuya kufuneka ufunde izilayishi)
  • Cwangcisa iseva ye-webpack dev kunye nokulayishwa kwakhona kwemodyuli eshushu. (Vue-cli kwaye udale-react-app sebenzisa zombini)
  • Sebenzisa i-Heroku, ngoku.sh okanye i-Github, funda indlela yokubeka iiprojekthi ze-webpack.
  • Cwangcisa iprosesa yakho oyithandayo ukuze uqokelele i-css - scss, ngaphantsi, istylus.
  • Funda indlela yokusebenzisa imifanekiso kunye neesvgs nge-webpack.

Esi sisixhobo esimangalisayo sabaqalayo abagqibeleleyo.

Iprojekthi 5. Hackernews clone

Iiprojekthi zemfundo ezisi-8
Yonke iJedi iyafuneka ukuba yenze eyakhe iHackernews.

Oko uya kufunda endleleni:

  • Indlela yokusebenzisana ne-hackernews API.
  • Uyenza njani isicelo sephepha elinye.
  • Indlela yokuphumeza iimpawu ezifana nokujonga izimvo, izimvo zomntu ngamnye, iiprofayili.
  • Ulungelelwaniso lweendlela zokusetyenzwa kwesicelo (Umzila).

Iprojekthi 6. Tudushechka

Iiprojekthi zemfundo ezisi-8
TodoMVC.

Ngokunyanisekileyo? Tudushka? Kukho amawaka awo. Kodwa ndikholelwe, kukho isizathu solu dumo.
Usetyenziso lweTudu yindlela entle yokuqinisekisa ukuba uyaziqonda iziseko. Zama ukubhala isicelo esinye kwi-vanilla Javascript kunye nesinye kwisakhelo osithandayo.

Funda:

  • Yenza imisebenzi emitsha.
  • Khangela ukuba iindawo zizaliswe na.
  • Imisebenzi yokucoca (igqityiwe, iyasebenza, yonke). Sebenzisa filter ΠΈ reduce.
  • Qonda iziseko zeJavascript.

Iprojekthi yesi-7. Uluhlu lotsalo nolulahlayo oluhlelwayo

Iiprojekthi zemfundo ezisi-8
Indawo yokugcina yeGithub.

Kuluncedo kakhulu ukuqonda tsala kwaye ulahle api.

Masifunde:

  • Tsala kwaye ulahle i-API
  • Yenza ii-UIs ezityebileyo

Iprojekthi yesi-8. Umncedisi woMthunywa (isicelo semveli)

Iiprojekthi zemfundo ezisi-8
Uya kuqonda ukuba zombini izicelo zewebhu kunye nezicelo zomthonyama zisebenza njani, nto leyo eya kukwahlula kubunzima obungwevu.

Siza kufunda ntoni:

  • Iisokethi zewebhu (imiyalezo yangoko)
  • Zisebenza njani izicelo zemveli.
  • Iitemplates zisebenza njani kwizicelo zomthonyama.
  • Ukulungiselela iindlela zokusetyenzwa kwesicelo kwizicelo zomthonyama.

Oku kuya kukwanela inyanga okanye ezimbini.

Uguqulelo lwenziwa ngenkxaso yenkampani Isoftware ye-EDISONozinikeleyo emsebenzini ukuphuhlisa usetyenziso kunye neewebhusayithi kwi-PHP kubathengi abakhulu, ngokunjalo uphuhliso lweenkonzo zelifu kunye nezicelo zeselula kwiJava.

umthombo: www.habr.com

Yongeza izimvo