8 proġetti edukattivi

"Kaptan jagħmel aktar żbalji milli jibda jipprova"

Noffru 8 għażliet ta 'proġett li jistgħu jsiru "għall-gost" sabiex tinkiseb esperjenza ta' żvilupp reali.

Proġett 1. Trello klonu

Trello klonu minn Indrek Lasn.

Dak li se titgħallem:

• Organizzazzjoni tar-rotot tal-ipproċessar tat-talbiet (Routing).
• Iddreggja u qiegħed.
• Kif toħloq oġġetti ġodda (bordijiet, listi, karti).
• Ipproċessar u verifika tad-dejta tal-input.
• Min-naħa tal-klijent: kif tuża l-ħażna lokali, kif tiffranka d-dejta fil-ħażna lokali, kif taqra d-dejta mill-ħażna lokali.
• Min-naħa tas-server: kif tuża databases, kif tiffranka d-data fid-database, kif taqra data mid-database.

Hawn eżempju ta 'repożitorju, magħmul f'React+Redux.

Proġett 2. Panel tal-amministrazzjoni

Repożitorju Github.

Applikazzjoni CRUD sempliċi, ideali biex titgħallem l-affarijiet bażiċi. Ejja nitgħallmu:

• Oħloq utenti, immaniġġja l-utenti.
• Interazzjoni mad-database - oħloq, aqra, editja, ħassar utenti.
• Il-validazzjoni tal-input u l-ħidma bil-formoli.

Proġett 3. Cryptocurrency tracker (applikazzjoni mobbli nattiva)

Repożitorju Github.

Xejn: Swift, Objective-C, React Native, Java, Kotlin.

Ejja nistudjaw:

• Kif jaħdmu l-applikazzjonijiet indiġeni.
• Kif tirkupra data mill-API.
• Kif jaħdmu t-tqassim tal-paġni indiġeni.
• Kif taħdem ma 'simulaturi mobbli.

Ipprova din l-API. Jekk issib xi ħaġa aħjar, ikteb fil-kummenti.

Jekk int interessat, hawn hu hawn tutorja.

Proġett 4. Twaqqaf il-konfigurazzjoni tal-webpack tiegħek mill-bidu nett

Teknikament, din mhix applikazzjoni, iżda hija kompitu utli ħafna biex tifhem kif taħdem il-webpack minn ġewwa. Issa mhux se tkun "kaxxa sewda", iżda għodda li tinftiehem.

Rekwiżiti:

• Ikkompila es7 sa es5 (baŜi).
• Ikkompila jsx għal js - jew - .vue għal .js (ser ikollok titgħallem loaders)
• Twaqqaf webpack dev server u hot module reloading. (vue-cli u create-react-app jużaw it-tnejn)
• Uża Heroku, now.sh jew Github, tgħallem kif tuża proġetti webpack.
• Stabbilixxi l-preprocessor favorit tiegħek biex tiġbor css - scss, less, stylus.
• Tgħallem kif tuża immaġini u svgs mal-webpack.

Din hija riżorsa aqwa għal dawk li jibdew sħaħ.

Proġett 5. Hackernews klonu

Kull Jedi huwa meħtieġ li jagħmel il-Hackernews tiegħu stess.

Dak li se titgħallem tul it-triq:

• Kif jinteraġixxi mal-hackernews API.
• Kif toħloq applikazzjoni ta' paġna waħda.
• Kif timplimenta karatteristiċi bħall-wiri ta 'kummenti, kummenti individwali, profili.
• Organizzazzjoni tar-rotot tal-ipproċessar tat-talbiet (Routing).

Proġett 6. Tudushechka

TodoMVC.

Serjament? Tudushka? Hemm eluf minnhom. Imma emminni, hemm raġuni għal din il-popolarità.
L-app Tudu hija mod tajjeb ħafna biex tiżgura li tifhem l-affarijiet bażiċi. Ipprova ikteb applikazzjoni waħda fil-vanilla Javascript u waħda fil-qafas favorit tiegħek.

Tgħallem:

• Oħloq kompiti ġodda.
• Iċċekkja li l-oqsma huma mimlija.
• Iffiltra l-kompiti (lesti, attivi, kollha). Użu filter и reduce.
• Jifhmu l-baŜi tal-Javascript.

Proġett 7. Lista tat-tkaxkir u t-twaqqigħ li tista' tingħalaq

Repożitorju Github.

Huwa utli ħafna biex tifhem drag and drop api.

Ejja nitgħallmu:

• Iddreggja u qiegħed API
• Oħloq UIs sinjuri

Proġett 8. Klon ta' Messenger (applikazzjoni nattiva)

Int tifhem kif jaħdmu kemm l-applikazzjonijiet tal-web kif ukoll l-applikazzjonijiet indiġeni, li jiddistingwuk mill-massa griża.

Dak li se nistudjaw:

• Sokits tal-web (messaġġi istantanji)
• Kif jaħdmu l-applikazzjonijiet indiġeni.
• Kif jaħdmu l-mudelli fl-applikazzjonijiet indiġeni.
• L-organizzazzjoni ta' rotot għall-ipproċessar tat-talbiet f'applikazzjonijiet indiġeni.

Dan ikun biżżejjed għalik għal xahar jew tnejn.

It-traduzzjoni saret bl-appoġġ tal-kumpanija EDISON Softwareli huwa impenjat professjonalment jiżviluppaw applikazzjonijiet u websajts fil-PHP għal klijenti kbar, kif ukoll żvilupp ta' servizzi cloud u applikazzjonijiet mobbli fil-Java.

Sors: www.habr.com