Amaphrojekthi wezemfundo ayi-8

“Inkosi yenza amaphutha amaningi kunomuntu oqalayo ukwenza imizamo”

Sinikeza izinketho zephrojekthi eziyisi-8 ezingenziwa "ngokuzijabulisa" ukuze uthole ulwazi lwentuthuko yangempela.

Iphrojekthi 1. I-Trello clone

Amaphrojekthi wezemfundo ayi-8

I-Trello clone evela ku-Indrek Lasn.

Uzokufunda:

  • Inhlangano yezindlela zokucubungula izicelo (Umzila).
  • Hudula uwise.
  • Uzenza kanjani izinto ezintsha (amabhodi, izinhlu, amakhadi).
  • Icubungula futhi ibheka idatha yokufaka.
  • Kusukela ohlangothini lweklayenti: indlela yokusebenzisa isitoreji sendawo, indlela yokulondoloza idatha kwisitoreji sendawo, indlela yokufunda idatha kwisitoreji sendawo.
  • Kusukela ohlangothini lweseva: indlela yokusebenzisa imininingwane yolwazi, indlela yokulondoloza idatha kusizindalwazi, indlela yokufunda idatha kusizindalwazi.

Nasi isibonelo senqolobane, yenziwe nge-React+Redux.

Iphrojekthi 2. Iphaneli yomlawuli

Amaphrojekthi wezemfundo ayi-8
I-Github Repository.

Isicelo esilula se-CRUD, esilungele ukufunda izinto eziyisisekelo. Masifunde:

  • Dala abasebenzisi, phatha abasebenzisi.
  • Sebenzisana nesizindalwazi - dala, funda, hlela, susa abasebenzisi.
  • Ukuqinisekisa okokufaka nokusebenza ngamafomu.

Iphrojekthi 3. I-Cryptocurrency tracker (uhlelo lokusebenza lweselula lwendabuko)

Amaphrojekthi wezemfundo ayi-8
Indawo yokugcina ye-Github.

Noma yini: Swift, Objective-C, React Native, Java, Kotlin.

Masifunde:

  • Indlela izinhlelo zokusebenza zomdabu ezisebenza ngayo.
  • Uyithola kanjani idatha ku-API.
  • Zisebenza kanjani izakhiwo zekhasi lomdabu.
  • Ungasebenza kanjani ngamasimulator eselula.

Zama le API. Uma uthola okuthile okungcono, bhala kumazwana.

Uma unentshisekelo, nansi nasi isifundo.

Iphrojekthi 4. Misa eyakho i-webpack config kusukela ekuqaleni

Amaphrojekthi wezemfundo ayi-8
Ngobuchwepheshe, lolu akulona uhlelo lokusebenza, kodwa kuwumsebenzi owusizo kakhulu ukuqonda ukuthi i-webpack isebenza kanjani ngaphakathi. Manje ngeke kube "ibhokisi elimnyama", kodwa ithuluzi eliqondakalayo.

Izidingo:

  • Hlanganisa i-es7 kuye ku-es5 (okuyisisekelo).
  • Hlanganisa i-jsx iye ku-js - noma - .vue ku-.js (kuzodingeka ufunde izilayishi)
  • Setha iseva ye-webpack dev kanye nokulayisha kabusha kwemojuli eshisayo. (Vue-cli kanye ne-create-react-app sebenzisa kokubili)
  • Sebenzisa i-Heroku, now.sh noma i-Github, funda ukusebenzisa amaphrojekthi e-webpack.
  • Setha i-preprocessor yakho oyithandayo ukuze uhlanganise i-css - scss, less, stylus.
  • Funda ukusebenzisa izithombe nama-svg nge-webpack.

Lesi isisetshenziswa esimangalisayo sabaqalayo abaphelele.

Iphrojekthi 5. I-Hackernews clone

Amaphrojekthi wezemfundo ayi-8
Wonke uJedi uyadingeka ukuthi azenzele iHackernews yakhe.

Yini ozoyifunda endleleni:

  • Ungaxhumana kanjani ne-hackernews API.
  • Ulwakha kanjani uhlelo lokusebenza lwekhasi elilodwa.
  • Uzisebenzisa kanjani izici ezinjengokubuka amazwana, ukuphawula komuntu ngamunye, amaphrofayili.
  • Inhlangano yezindlela zokucubungula izicelo (Umzila).

Iphrojekthi 6. Tudushechka

Amaphrojekthi wezemfundo ayi-8
I-TodoMVC.

Ngokujulile? Tudushka? Kunezinkulungwane zazo. Kodwa ngikholwe, kunesizathu salokhu kuthandwa.
Uhlelo lokusebenza lwe-Tudu luyindlela enhle yokuqinisekisa ukuthi uyaziqonda izinto eziyisisekelo. Zama ukubhala uhlelo lokusebenza olulodwa ku-vanilla Javascript kanye nolunye kuhlaka lwakho oluthandayo.

Funda:

  • Dala imisebenzi emisha.
  • Hlola ukuthi izinkambu zigcwalisiwe yini.
  • Hlunga imisebenzi (eqediwe, esebenzayo, yonke). Sebenzisa filter и reduce.
  • Qonda izisekelo ze-Javascript.

Iphrojekthi 7. Uhlu lokuhudula nokwehlisa olulungisekayo

Amaphrojekthi wezemfundo ayi-8
Indawo yokugcina ye-Github.

Kuwusizo kakhulu ukuqonda donsa bese uphonsa api.

Masifunde:

  • Hudula bese udedela i-API
  • Dala ama-UI anothile

Iphrojekthi 8. I-Messenger clone (uhlelo lokusebenza lwendabuko)

Amaphrojekthi wezemfundo ayi-8
Uzoqonda ukuthi zombili izinhlelo zokusebenza zewebhu kanye nezicelo zomdabu zisebenza kanjani, okuzokwehlukanisa nesisindo esimpunga.

Esizokufunda:

  • Amasokhethi ewebhu (imiyalezo esheshayo)
  • Indlela izinhlelo zokusebenza zomdabu ezisebenza ngayo.
  • Indlela izifanekiso ezisebenza ngayo kuzinhlelo zokusebenza zomdabu.
  • Ihlela izindlela zokucubungula izicelo kuzinhlelo zokusebenza zomdabu.

Lokhu kuzokwanela inyanga eyodwa noma ezimbili.

Ukuhumusha kwenziwa ngokusekelwa yinkampani Isoftware ye-EDISONozinikele ngokomsebenzi ukuthuthukisa izinhlelo zokusebenza namawebhusayithi ku-PHP kumakhasimende amakhulu, kanye ukuthuthukiswa kwezinsizakalo zamafu nezinhlelo zokusebenza zeselula ku-Java.

Source: www.habr.com

Engeza amazwana