8 ayyukan ilimi

"Maigida yana yin kurakurai fiye da yadda mai farawa ke yin ƙoƙari"

Muna ba da zaɓuɓɓukan ayyukan 8 waɗanda za a iya yin su "don jin daɗi" don samun ƙwarewar ci gaba na gaske.

Project 1. Trello clone

Trello clone daga Indrek Lasn.

Abin da za ku koya:

• Ƙungiyar hanyoyin sarrafa buƙatun (Routing).
• Jawo da sauke.
• Yadda ake ƙirƙirar sabbin abubuwa (allon allo, lissafi, katunan).
• Sarrafa da duba bayanan shigarwa.
• Daga bangaren abokin ciniki: yadda ake amfani da ma'ajiyar gida, yadda ake adana bayanai zuwa ma'ajiyar gida, yadda ake karanta bayanai daga ma'ajiyar gida.
• Daga bangaren uwar garken: yadda ake amfani da bayanan bayanai, yadda ake adana bayanai a cikin ma’adanar bayanai, yadda ake karanta bayanai daga ma’adanar bayanai.

Ga misalin wurin ajiya, wanda aka yi a cikin React+Redux.

Project 2. Admin panel

Ma'ajiyar Github.

Aikace-aikacen CRUD mai sauƙi, manufa don koyan abubuwan yau da kullun. Mu koyi:

• Ƙirƙiri masu amfani, sarrafa masu amfani.
• Yi hulɗa tare da bayanan bayanai - ƙirƙira, karantawa, gyara, share masu amfani.
• Tabbatar da shigarwa da aiki tare da fom.

Project 3. Cryptocurrency tracker ( aikace-aikacen hannu na asali)

Ma'ajiyar Github.

Komai: Swift, Manufar-C, React Native, Java, Kotlin.

Mu yi nazari:

• Yadda aikace-aikacen asali ke aiki.
• Yadda ake maido da bayanai daga API.
• Yadda shimfidar shafi na asali ke aiki.
• Yadda ake aiki da na'urar kwaikwayo ta hannu.

Gwada wannan API. Idan kun sami wani abu mafi kyau, rubuta a cikin sharhi.

Idan kuna sha'awar, ga shi nan ga koyawa.

Project 4. Kafa naka saitin fakitin gidan yanar gizo daga karce

A fasaha, wannan ba aikace-aikace bane, amma aiki ne mai fa'ida sosai don fahimtar yadda fakitin gidan yanar gizo ke aiki daga ciki. Yanzu ba zai zama "akwatin baƙar fata", amma kayan aiki mai fahimta.

Bukatun:

• Haɗa es7 zuwa es5 (na asali).
• Haɗa jsx zuwa js - ko - .vue zuwa .js (dole ne ku koyi lodawa)
• Saita fakitin gidan yanar gizo na dev uwar garken da zazzage kayan aiki. (vue-cli da ƙirƙirar-react-app amfani da duka biyu)
• Yi amfani da Heroku, now.sh ko Github, koyi yadda ake tura ayyukan fakitin gidan yanar gizo.
• Saita wanda kuka fi so don haɗa css - scss, ƙasa, stylus.
• Koyi yadda ake amfani da hotuna da svgs tare da fakitin gidan yanar gizo.

Wannan hanya ce mai ban mamaki ga cikakken mafari.

Project 5. Hackernews clone

Ana buƙatar kowane Jedi ya yi nasa Hackernews.

Abin da za ku koya a hanya:

• Yadda ake hulɗa da hackernews API.
• Yadda ake ƙirƙirar aikace-aikacen shafi guda ɗaya.
• Yadda ake aiwatar da fasali kamar duba sharhi, sharhin mutum ɗaya, bayanan martaba.
• Ƙungiyar hanyoyin sarrafa buƙatun (Routing).

Project 6. Tudushechka

TodoMVC.

Da gaske? Tudushka? Akwai dubbai daga cikinsu. Amma ku yi imani da ni, akwai dalilin wannan shaharar.
Tudu app hanya ce mai kyau don tabbatar da fahimtar abubuwan yau da kullun. Gwada rubuta aikace-aikace ɗaya a cikin vanilla Javascript kuma ɗaya a cikin tsarin da kuka fi so.

Koyi:

• Ƙirƙiri sababbin ayyuka.
• Duba cewa an cika filayen.
• Tace ayyuka (kammala, aiki, duk). Amfani filter и reduce.
• Fahimtar mahimman abubuwan Javascript.

Project 7. Jadawa da jujjuya lissafi

Ma'ajiyar Github.

Taimaka sosai don fahimta ja da sauke api.

Mu koyi:

• Jawo da sauke API
• Ƙirƙiri UI masu wadata

Project 8. Messenger clone ( aikace-aikacen asali)

Za ku fahimci yadda duka aikace-aikacen yanar gizo da aikace-aikacen asali ke aiki, wanda zai bambanta ku da yawan launin toka.

Abin da za mu yi nazari:

• Sockets na yanar gizo (saƙonnin nan take)
• Yadda aikace-aikacen asali ke aiki.
• Yadda samfura ke aiki a aikace-aikacen asali.
• Tsara hanyoyin sarrafa buƙatun a aikace-aikacen asali.

Wannan zai ishe ku na wata ɗaya ko biyu.

An gudanar da fassarar tare da tallafin kamfani EDISON Softwarewanda ke da sana'a haɓaka aikace-aikace da gidajen yanar gizo a cikin PHP ga manyan abokan ciniki, kazalika haɓaka ayyukan girgije da aikace-aikacen hannu a Java.

source: www.habr.com