Isingeniso
Kungakhathaliseki ukuthi umusha ezinhlelweni noma unjiniyela ongumakadebona, ukufunda imiqondo emisha nezilimi/izinhlaka kuyadingeka kulo mkhakha ukuze uhambisane namathrendi.
Thatha i-React, isibonelo, i-Facebook evule imithombo eminyakeni emine nje edlule futhi isivele yaba yinketho yokuqala kubathuthukisi beJavaScript emhlabeni jikelele.
I-Vue ne-Angular, vele, nazo zinesisekelo sabalandeli bazo esisemthethweni. Bese kuba khona i-Svelte nezinye izinhlaka zomhlaba wonke ezifana ne-Next.js noma i-Nuxt.js. Futhi Gatsby, futhi Gridsome, futhi Quasar... nokunye okuningi.
Uma ufuna ukuzibonakalisa njengonjiniyela we-JavaScript onesipiliyoni, kufanele okungenani ube nolwazi oluthile ngezinhlaka nemitapo yolwazi ehlukahlukene - ngaphezu kokwenza umsebenzi nge-JS endala enhle.
Ukuze sikusize ube umpetha ophambili ngo-2020, ngihlanganise amaphrojekthi ayisishiyagalolunye ahlukene, ngalinye ligxile ohlakeni oluhlukile lwe-JavaScript nomtapo wolwazi njengesitaki sobuchwepheshe ongasakha futhi usingeze kuphothifoliyo yakho. Khumbula ukuthi akukho okukusiza ngaphezu kokudala izinto, ngakho qhubekela phambili, sebenzisa ingqondo yakho futhi ukwenze kwenzeke
I-athikili ihunyushwe ngosekelo lwe-EDISON Software, okuyiyona Futhi .
Uhlelo lokusebenza lokusesha i-movie usebenzisa i-React (enezingwegwe)
Into yokuqala ongaqala ngayo ukudala uhlelo lokusebenza lokusesha imuvi usebenzisa i-React. Ngezansi isithombe sokuthi uhlelo lokusebenza lokugcina luzobukeka kanjani:
Yini ozoyifunda
Ngokwakha lolu hlelo lokusebenza, uzothuthukisa amakhono akho e-React ngokusebenzisa i-Hooks API entsha. Iphrojekthi eyisibonelo isebenzisa izingxenye ze-React, izingwegwe eziningi, i-API yangaphandle, kanye nesitayela esithile se-CSS.
Isitaki sobuchwepheshe nezici
- Sabela ngezingwegwe
- Dala-uhlelo lokusebenza
- JSX
- CSS
Ngaphandle kokusebenzisa noma yimaphi amakilasi, lawa maphrojekthi akunikeza indawo ephelele yokungena ku-Functional React futhi azokusiza nakanjani ngo-2020. ungathola . Landela imiyalelo noma ukwenze eyakho.
Xoxa App nge Vue
Enye iphrojekthi enhle ongayenza ukudala uhlelo lokusebenza lokuxoxa usebenzisa umtapo wezincwadi wami oyintandokazi we-JavaScript: I-VueJS. Uhlelo lokusebenza luzobukeka kanje:
Yini ozoyifunda
Kulesi sifundo, uzofunda ukwenza uhlelo lokusebenza lwe-Vue kusukela ekuqaleni - ukudala izingxenye, isimo sokuphatha, ukudala imizila, ukuxhuma kumasevisi ezinkampani zangaphandle, kanye nokuphatha ukufakazela ubuqiniso.
Isitaki sobuchwepheshe nezici
- Buka
- vux
- I-Vue Router
- Bheka i-CLI
- Pusher
- CSS
Lena iphrojekthi enhle kakhulu ukuqalisa nge-Vue noma uthuthukise amakhono akho akhona ukuze ungene ekuthuthukisweni ngo-2020. ungathola .
Uhlelo lokusebenza oluhle lwesimo sezulu olune-Angular 8
Lesi sibonelo sizokusiza ukuthi udale uhlelo lokusebenza lwesimo sezulu oluhle usebenzisa i-Angular 8:
Yini ozoyifunda
Le phrojekthi izokufundisa amakhono abalulekile ekwakheni izinhlelo zokusebenza kusukela ekuqaleni - kusukela ekwakhiweni kuya ekuthuthukisweni, kuze kufike ohlelweni lokusebenza olulungele ukuthunyelwa.
Isitaki sobuchwepheshe nezici
- I-Angular 8
- I-Firebase
- Ukunikezwa kohlangothi lweseva
- I-CSS eneGridi neFlexbox
- Iselula inobungane futhi iyavumelana nezimo
- Imodi emnyama
- Isikhombikubona esihle
Engikuthanda kakhulu ngale phrojekthi ehlanganisa konke ukuthi awufundi izinto uwedwa. Kunalokho, ufunda yonke inqubo yokuthuthukisa, kusukela ekuklanyweni kuya ekusetshenzisweni kokugcina.
Isicelo sokwenza usebenzisa i-Svelte
U-Svelte ufana nengane entsha endleleni esekelwe engxenyeni - okungenani efana ne-React, Vue ne-Angular. Futhi lo ngomunye wemikhiqizo emisha eshisa kakhulu ka-2020.
Izinhlelo zokusebenza zokuthi-Do azisona isihloko esishisa izikhotha, kodwa zizokusiza ukuthi ucije amakhono akho e-Svelte. Kuzobukeka kanje:
Yini ozoyifunda
Lesi sifundo sizokukhombisa ukuthi ulwakha kanjani uhlelo lokusebenza usebenzisa i-Svelte 3, kusukela ekuqaleni kuya ekugcineni. Uzosebenzisa izingxenye, isitayela, nezibambi zomcimbi
Isitaki sobuchwepheshe nezici
- Isiqephu 3
- Izingxenye
- Isitayela nge-CSS
- I-syntax ye-ES6
Awekho maningi amaphrojekthi esiqalo esihle se-Svelte, ngakho ngitholile .
Uhlelo lokusebenza lwe-E-commerce lisebenzisa i-Next.js
I-Next.js iwuhlaka oludume kakhulu lokwakha izinhlelo zokusebenza ze-React ezisekela ukunikezwa kohlangothi lweseva ngaphandle kwebhokisi.
Le phrojekthi izokukhombisa ukuthi ulwakha kanjani uhlelo lwe-e-commerce olubukeka kanje:
Yini ozoyifunda
Kule phrojekthi, uzofunda ukuthi ungathuthukisa kanjani nge-Next.js—ukudala amakhasi amasha nezingxenye, khipha idatha, nesitayela bese usebenzisa uhlelo lokusebenza olulandelayo.
Isitaki sobuchwepheshe nezici
- Okulandelayo
- Izingxenye namakhasi
- Ukusampula kwedatha
- Ukwenza isitayela
- Ukuthunyelwa Kwephrojekthi
- I-SSR ne-SPA
Kuhlale kukuhle ukuba nesibonelo somhlaba wangempela njengohlelo lokusebenza lwe-e-commerce ukuze ufunde okuthile okusha. Ungakwazi .
Ibhulogi egcwele izilimi eziningi ene-Nuxt.js
I-Nuxt.js eye-Vue, iyini i-Next.js eye-React: uhlaka oluhle lokuhlanganisa amandla okunikezela ohlangothini lweseva kanye nezinhlelo zokusebenza zekhasi elilodwa.
Uhlelo lokusebenza lokugcina ongalwenza luzobukeka kanje:
Yini ozoyifunda
Kule phrojekthi yesampula, uzofunda ukuthi ungakha kanjani iwebhusayithi ephelele usebenzisa i-Nuxt.js, kusukela ekusethweni kwasekuqaleni kuya ekusetshenzisweni kokugcina.
Isebenzisa izici eziningi ezinhle ezinikezwa yi-Nuxt, njengamakhasi nezingxenye, nokwenza isitayela nge-SCSS.
Isitaki sobuchwepheshe nezici
- I-Nuxt.js
- Izingxenye namakhasi
- I-storyblock module
- I-Hagfish
- I-Vuex yokuphatha isimo
- I-SCSS yokwenza isitayela
- I-Nuxt middlewares
, okuhlanganisa izici eziningi ezinhle ze-Nuxt.js. Mina ngokwami ngiyakuthanda ukusebenza ne-Nuxt ngakho-ke kufanele uyizame njengoba izophinda ikwenze unjiniyela we-Vue omuhle.
Ibhulogi nge-Gatsby
I-Gatsby iyijeneretha yesayithi emile enhle kakhulu esebenzisa i-React ne-GraphQL. Lona umphumela wephrojekthi:
Yini ozoyifunda
Kulesi sifundo, uzofunda indlela yokusebenzisa i-Gatsby ukuze wakhe ibhulogi ozoyisebenzisela ukubhala izindatshana zakho usebenzisa i-React ne-GraphQL.
Isitaki sobuchwepheshe nezici
- UGatsby
- Yenza
- IgrafuQL
- Ama-plugins nezindikimba
- I-MDX/Markdown
- I-Bootstrap CSS
- Amaphethini
Uma wake wafuna ukuqala ibhulogi, ukuthi ungayenza kanjani usebenzisa i-React ne-GraphQL.
Angisho lokho WordPress kuyisinqumo esibi, kodwa nge-Gatsby ungakha amasayithi asebenza kahle usebenzisa i-React—okuyinhlanganisela emangalisayo.
Ibhulogi ene-Gridsome
I-Gridsome ye-Vue... Kulungile, besivele sinalokhu nge-Next/Nuxt.
Kodwa okufanayo ku-Gridsome ne-Gatsby. Bobabili basebenzisa i-GraphQL njengesendlalelo sabo sedatha, kodwa i-Gridsome isebenzisa i-VueJS. Lesi futhi isikhiqizi sesayithi esimile esimangalisayo esizokusiza ukuthi udale amabhulogi amahle:
Yini ozoyifunda
Le phrojekthi izokufundisa indlela yokudala ibhulogi elula ukuze uqalise nge-Gridsome, GraphQL kanye ne-Markdown. Iphinde ihlanganise indlela yokufaka isicelo nge-Netlify.
Isitaki sobuchwepheshe nezici
- I-Gridsome
- Buka
- IgrafuQL
- Ukuphawula
- I-Netify
Lokhu ngokuqinisekile akusona isifundo esiphelele, kodwa sihlanganisa imiqondo eyisisekelo ye-Gridsome kanye .
Isidlali somsindo esifana ne-SoundCloud sisebenzisa i-Quasar
I-Quasar ingolunye uhlaka lwe-Vue olungasetshenziswa ukudala izinhlelo zokusebenza zeselula. Kule phrojekthi uzodala uhlelo lokusebenza lwesidlali somsindo, isibonelo:
Yini ozoyifunda
Ngenkathi amanye amaphrojekthi egxile kakhulu ezinhlelweni zokusebenza zewebhu, lena izokukhombisa ukuthi ulwakha kanjani uhlelo lokusebenza lweselula usebenzisa i-Vue kanye nohlaka lwe-Quasar.
Kufanele ukuthi usuvele unayo i-Cordova esebenzayo enayo elungiselelwe Android I-Studio/Xcode. Uma kungenjalo, umhlahlandlela unesixhumanisi sewebhusayithi ye-Quasar lapho bebonisa khona ukuthi ungayisetha kanjani yonke into.
Isitaki sobuchwepheshe nezici
- I-Quasar
- Buka
- I-Cordova
- I-WaveSurfer
- Izingxenye ze-UI
, ekhombisa amakhono e-Quasar okudala izinhlelo zokusebenza zeselula.
Source: www.habr.com
