8 izi oru

"Nna ukwu na-emehie ihe karịa ka onye mbido na-eme mgbalị"

Anyị na-enye nhọrọ ọrụ 8 nke ị nwere ike ime "maka ihe ọchị" iji nweta ezigbo ahụmahụ mmepe.

Project 1. Trello mmepụta oyiri

8 izi oru

Trello clone sitere na Indrek Lasn.

Ihe ị ga-amụta:

  • Usoro ụzọ nhazi arịrịọ (Routing).
  • Dọrọ na dobe.
  • Otu esi emepụta ihe ọhụrụ (boọdụ, ndepụta, kaadị).
  • Na-ahazi na ịlele data ntinye.
  • Site n'akụkụ ndị ahịa: otu esi eji nchekwa mpaghara, otu esi echekwa data na nchekwa mpaghara, otu esi agụ data sitere na nchekwa mpaghara.
  • Site na akụkụ nkesa: otu esi eji ọdụ data, otu esi echekwa data na nchekwa data, otu esi agụ data sitere na nchekwa data.

Nke a bụ ọmụmaatụ nke ebe nchekwa, emere na React+Redux.

Project 2. Admin panel

8 izi oru
Ebe nchekwa Github.

Ngwa CRUD dị mfe, dị mma maka ịmụta ihe ndị bụ isi. Ka anyị mụta:

  • Mepụta ndị ọrụ, jikwaa ndị ọrụ.
  • Mmekọrịta na nchekwa data - mepụta, gụọ, dezie, hichapụ ndị ọrụ.
  • Na-akwado ntinye na ịrụ ọrụ na ụdị.

Project 3. Cryptocurrency tracker (ngwa ekwentị mkpanaaka)

8 izi oru
Ebe nchekwa Github.

Ihe ọ bụla: Swift, Objective-C, React Native, Java, Kotlin.

Ka anyị mụọ:

  • Ka ngwa ala si arụ ọrụ.
  • Otu esi eweghachi data na API.
  • Kedu ka nhazi ibe nke ala si arụ ọrụ.
  • Otu esi arụ ọrụ na igwe simulators.

Gbalịa API a. Ọ bụrụ na ịchọta ihe ka mma, dee na nkọwa.

Ọ bụrụ na ị nwere mmasị, ebe a ebe a bụ nkuzi.

Ihe oru ngo 4. Melite nhazi webpack nke gi site na ncha

8 izi oru
Teknụzụ, nke a abụghị ngwa, mana ọ bụ ọrụ bara ezigbo uru ịghọta ka webpack si arụ ọrụ n'ime. Ugbu a, ọ gaghị abụ "igbe ojii", kama ngwá ọrụ nwere ike ịghọta.

Ihe choro:

  • Chịkọta es7 ruo es5 (isi ihe).
  • Chịkọta jsx ka js - ma ọ bụ - .vue ka .js (ị ga-amụta ihe ndị na-ebu ibu)
  • Hazie ihe nkesa dev akpa webụ yana nbudata modul dị ọkụ. (vue-cli na mepụta-react-app jiri ha abụọ)
  • Jiri Heroku, now.sh ma ọ bụ Github, mụta ka esi ebuga ọrụ akpa weebụ.
  • Hazie ihe nhazi ọkacha mmasị gị iji chịkọta css - scss, obere, stylus.
  • Mụta ka esi eji ihe onyonyo na svgs na akpa webụ.

Nke a bụ akụrụngwa dị ịtụnanya maka ndị mbido zuru oke.

Project 5. Hackernews clone

8 izi oru
Achọrọ Jedi ọ bụla ka ọ mepụta Hackernews nke ya.

Ihe ị ga-amụta n'ụzọ:

  • Otu esi emekọrịta ihe na hackernews API.
  • Otu esi emepụta ngwa ngwa otu ibe.
  • Otu esi emejuputa atụmatụ dị ka nlele nlele, nkọwa onye ọ bụla, profaịlụ.
  • Usoro ụzọ nhazi arịrịọ (Routing).

Project 6. Tudushechka

8 izi oru
TodoMVC.

N'ezie? Tudushka? E nwere ọtụtụ puku n'ime ha. Ma kwere m, e nwere ihe kpatara nke a ewu ewu.
Ngwa Tudu bụ ụzọ dị mma iji jide n'aka na ị ghọtara ihe ndị bụ isi. Gbalịa dee otu ngwa na vanilla Javascript na otu n'ime usoro ọkacha mmasị gị.

Mụta:

  • Mepụta ọrụ ọhụrụ.
  • Lelee na ejupụtara na mpaghara ahụ.
  • Ọrụ nzacha (emechaala, arụ ọrụ, niile). Jiri filter и reduce.
  • Ghọta ihe ndabere nke Javascript.

Project 7. Ịdọrọ na dobe ndepụta

8 izi oru
Ebe nchekwa Github.

Ọ na-enyere aka ịghọta dọrọ na dobe api.

Ka anyị mụta:

  • Dọrọ na dobe API
  • Mepụta UI bara ụba

Project 8. Messenger clone (ngwa ala)

8 izi oru
Ị ga-aghọta ka ma ngwa weebụ na ngwa ala si arụ ọrụ, nke ga-eme ka ị dị iche na isi awọ.

Ihe anyị ga-amụ:

  • Sockets webụ (ozi ozugbo)
  • Ka ngwa ala si arụ ọrụ.
  • Otu ndebiri si arụ ọrụ na ngwa ala.
  • Ịhazi ụzọ nhazi arịrịọ na ngwa ala.

Nke a ga-ezuru gị otu ọnwa ma ọ bụ abụọ.

E jiri nkwado nke ụlọ ọrụ rụọ nsụgharị EDISON Softwareonye na-arụ ọrụ ọkachamara imepe ngwa na webụsaịtị na PHP maka nnukwu ndị ahịa, yana mmepe nke ọrụ igwe ojii na ngwa mkpanaka na Java.

isi: www.habr.com

Tinye a comment