"Mamoste ji ya ku destpêkek hewl dide bêtir xeletiyan dike"
Em 8 vebijarkên projeyê pêşkêş dikin ku dikarin "ji bo kêfê" bêne kirin da ku ezmûna pêşkeftina rastîn bi dest bixin.
Proje 1. Trello klon
Tiştê ku hûn ê fêr bibin:
- Rêxistinkirina rêyên pêvajokirina daxwazê (Routing).
- Kaş bikin û bavêjin.
- Meriv çawa hêmanên nû (tablo, navnîş, kart) diafirîne.
- Pêvajo û kontrolkirina daneyên têketinê.
- Ji hêla xerîdar ve: meriv çawa hilanîna herêmî bikar tîne, meriv çawa daneyê li hilanîna herêmî hilîne, meriv çawa daneyên ji hilana herêmî dixwîne.
- Ji hêla serverê ve: meriv çawa databasan bikar tîne, meriv çawa daneyê di databasê de hilîne, meriv çawa daneyan ji databasê dixwîne.
, di React + Redux de hatî çêkirin.
Proje 2. Panela rêveberiyê
Serlêdanek CRUD ya hêsan, ji bo fêrbûna bingehîn îdeal e. Ka em fêr bibin:
- Bikarhêneran biafirînin, bikarhêneran birêve bibin.
- Bi databasê re têkilî daynin - bikarhêneran biafirînin, bixwînin, biguherînin, jêbirin.
- Rastkirina têketinê û xebata bi forman.
Proje 3. Şopkera krîpto (serîlêdana mobîl a xwemalî)
Tiştek: Swift, Objective-C, React Native, Java, Kotlin.
Ka em bixwînin:
- Serlêdanên xwemalî çawa dixebitin.
- Meriv çawa daneyên ji API-ê vedigire.
- Pîvana rûpela xwemalî çawa dixebitin.
- Meriv çawa bi simulatorên mobîl re dixebite.
. Ger hûn tiştek çêtir bibînin, di şîroveyan de binivîsin.
Heke hûn eleqedar in, li vir e .
Proje 4. Veavakirina webpackê ya xwe ji nû ve saz bikin
Ji hêla teknîkî ve, ev ne serîlêdanek e, lê ew karekî pir bikêr e ku meriv fam bike ka webpack çawa ji hundur dixebite. Naha ew ê ne "qutiya reş", lê amûrek têgihîştî be.
Hewce:
- Es7 ber es5 (bingehîn) berhev bikin.
- Jsx li js - an - .vue .js berhev bikin (divê hûn barkeran fêr bibin)
- Pêşkêşkara dev webpack û nûvekirina modula germ saz bikin. (vue-cli û create-react-app herduyan bikar tînin)
- Heroku, now.sh an Github bikar bînin, fêr bibin ka meriv çawa projeyên webpackê bicîh dike.
- Pêşprocessorê xweya bijare saz bikin ku css berhev bike - scss, kêmtir, stîlus.
- Fêr bibe ka meriv çawa wêne û svgs bi webpackê re bikar tîne.
Proje 5. Hackernews klone
Her Jedi pêdivî ye ku Hackernews-a xwe çêbike.
Tiştê ku hûn ê di rê de fêr bibin:
- Meriv çawa bi hackernews API-ê re têkilî daynin.
- Meriv çawa serîlêdanek rûpelek yekane biafirîne.
- Meriv çawa taybetmendiyên wekî dîtina şîroveyan, şîroveyên kesane, profîlan bicîh tîne.
- Rêxistinkirina rêyên pêvajokirina daxwazê (Routing).
Projeya 6. Tudushechka
Bi giranî? Tudushka? Bi hezaran ji wan hene. Lê ji min bawer bikin, sedemek vê populerbûnê heye.
Serlêdana Tudu rêgezek girîng e ku hûn pê ewle bibin ku hûn bingehîn fam dikin. Biceribînin yek serîlêdanê di vanilla Javascript de û yek jî di çarçoveya xweya bijare de binivîsin.
Fêrbûn:
- Karên nû çêbikin.
- Kontrol bikin ka qad hatine dagirtin.
- Karên Parzûnê (qediyayî, çalak, hemî). Bikaranîn
filterиreduce. - Bingehên Javascript fêm bikin.
Projeya 7. Lîsteya kaş û avêtina sortable
Ji bo fêmkirinê pir alîkar e .
Ka em fêr bibin:
- API-ê kaş bikin û bavêjin
- UI-yên dewlemend biafirînin
Proje 8. Klona peyamber (serîlêdana xwecî)
Hûn ê fêm bikin ka hem serîlêdanên malperê û hem jî serîlêdanên xwemalî çawa dixebitin, ku dê we ji girseya gewr veqetîne.
Ya ku em ê bixwînin:
- Soketên Webê (peyamên tavilê)
- Serlêdanên xwemalî çawa dixebitin.
- Di serîlêdanên xwemalî de şablon çawa dixebitin.
- Di serîlêdanên xwemalî de rêyên hilanîna daxwazê organîze dikin.
Ev ji bo mehek an du mehan têra we dike.
Werger bi piştgiriya şirketê hat kirin ku bi profesyonelî mijûl e ji bo xerîdarên mezin, her weha .
Source: www.habr.com