Marka ay timaado xagga fanka labiska carruurta, waxaa jira qaabab iyo isbeddello badan oo la tixgeliyo, taas oo ka dhigaysa mid xiiso leh oo dhiirigelinaysa. Maqaalkan, waxaan ku sahamin doonaa qaar ka mid ah qaababka caanka ah ee carruurta, si faahfaahsan taariikhda iyo dhaxalka ka dambeeya qaababkan, iyo xitaa bixinta qaar ka mid ah talooyin waxtar leh oo ku saabsan sida ugu wanaagsan ee la isku daro oo la isku waafajiyo qaybaha kala duwan ee dharka si loo dhammeeyo.
TypeScript
La xaliyay: kala sooc walxaha kala duwan
Dunida barnaamijka, xaalad caadi ah oo lala kulmo ayaa ah baahida loo qabo in la kala saaro walxaha kala duwan. Tani waxay marka hore u ekaan kartaa mid dhib badan, gaar ahaan luqad qaabaysan sida Nooc qoraal ah. Si kastaba ha ahaatee, habka saxda ah, hawshani waxay isu bedeli kartaa hawl la maarayn karo. Tani way dhaafsiisan tahay kala soocida alifbeetada ama tirada; Waxaan si qoto dheer u sii kala soocaa siyaalo gaar ah ama astaamo badan oo shayga soo diyaariyeen.
Xalka dhibaatada sida caadiga ah waxay ku lug leedahay isticmaalka habka array's sort() oo lagu daro nidaamka nooca TypeScript. Halkan waxaa ah sawir deg-deg ah oo ku saabsan sida aad u kala saari karto walaxyo kala duwan oo leh 'magac' hanti.
let arr = [{name: 'Joe'}, {name: 'Bob'}, {name: 'Alice'}];
arr.sort((a, b) => a.name.localeCompare(b.name));
Tusaalaha kore, waxaan u isticmaalnaa JavaScript in-built Array.prototype.sort habka iyadoo lala kaashanayo isbarbardhigga ku saleysan meelaha.
La xaliyay: sida loo hubiyo in faylka uu jiro lua
Hubaal, halkan waa qabyo qoraalkaaga:
Fahamka awooda iyo kala duwanaanshiyaha barnaamijka Lua waxa uu bixiyaa qiimo la taaban karo oo lagu maareeyo faylalka hab khayraad leh. Hal dhinac oo muhiim ah oo mudan in la xuso waa awoodda ay u leedahay inay hubiso haddii fayl jiro. Shaqadani waxay muhiim u tahay ka fogaanshaha khaladaadka ama natiijooyinka aan la filayn inta lagu jiro hawlgallada faylka. Maanta, waxaan rabnaa inaan kala saarno habka lagu xaqiijinayo jiritaanka faylka anagoo adeegsanayna Lua.
La xaliyay: useref react
Waa kan sida aad u qaabayn karto maqaalka aad codsatay ee ku saabsan falcelinta “useref”:
React waa maktabad caalami ah oo la aqoonsan yahay oo loogu talagalay abuurista is dhexgal isticmaale, gaar ahaan codsiyada hal bog. Waa maktabad fudud oo dabacsan oo loogu talagalay in lagu wanaajiyo khibradaha isticmaale. Horumarinta Shabakadda ayaa gaadhay aragtiyo cusub oo leh astaamo ay ka mid yihiin Hooks oo uu keenay React. Mid ka mid ah astaamaha muhiimka ah ee noocaas ah, ama waad tixgelin kartaa, jillaab ay bixiso React waa useRef. UseRef guud ahaan waxaa loo isticmaalaa in lagu galo qanjidhada DOM ama walxaha falcelinta.
La xaliyay: xagal cajiib ah font
Hubaal, halkan waa maqaalka dheer ee ku saabsan Font Awesome Angular:
Font Awesome waa maktabad sumad cajiib ah oo laga faa'iidaysan karo codsiyadayada Angular. Ku darida Font Awesome waxay siinaysaa horumariyayaasha marin u helka boqolaal astaamood oo kala duwan oo la cabbiri karo kuwaas oo lagu gaaryeelan karo CSS. Tani waxay si gaar ah faa'iido u leedahay maadaama ay noo ogolaato inaan isticmaalno astaamo wanaagsan iyada oo aan loo baahnayn in si weyn loogu tiirsanaado garaafyada ama faylasha sawirka. Tani waxay si dhab ah u fududayn kartaa dayactirka iyo abaabulka mashaariicdaada Angular. Hagahan, waxaan ku baran doonaa sida loogu daro Font Awesome codsigaaga xagal tallaabo-tallaabo ah.
La xaliyay: cabbirka daaqada
Dib-u-habaynta daaqadda waxay u ekaan kartaa hawl aan muhiim ahayn oo ku jirta horumarinta shabakadda, laakiin waxay dhab ahaantii ku xidhaa dhawr fikradood oo ka yimid JavaScript iyo Typescript, waxayna ka ciyaartaa qayb muhiim ah xaqiijinta nashqada ka jawaab celinta iyo isticmaale-saaxiibtinimo. Marka la eego macnaha UI/UX firfircoon, 'cabbirka daaqada' shaqada ayaa muhim ah. Tusaalooyinka maalinlaha ah waxaa ka mid noqon kara barar-dhinac ah oo hoos u dhacaya marka daaqada la cabbirayo si loo siiyo meel wax-akhris ah oo aan kala go 'lahayn, ama sawirka gallery oo naftiisa isku hagaajiya si looga hortago qallooc. Wax ka beddelka waxaa loo sameeyaa si firfircoon iyadoo la dhegeysanayo dhacdo cabbirka daaqadda.
La xaliyay: iska illow node_modules
Horumariye ahaan, waxay u badan tahay inaad ku dhex orday galka 'node_modules' ee mashaariicdaada. Tani waa qayb muhiim ah oo ka mid ah adduunka JavaScript iyo TypeScript, gaar ahaan mashaariicda isticmaala Node.js. Kuwan 'node_modules' waxay la mid yihiin DNA-da mashruucaaga, oo ay ku jiraan dhammaan maktabadaha ama ku-tiirsanaanta koodkaagu u baahan yahay inuu si sax ah u fuliyo. Arrintu waxay tahay in galkani uu si dhakhso ah u kori karo cabbirkiisa, isagoo mashruucaaga ka dhigaya mid culus, gaar ahaan marka la eego hababka xakamaynta nooca. Waxaa dheer, waxaa jiri kara tiro aan badneyn oo isku dhacyo qoraal ah haddii aan si sax ah loo xalin.
La xaliyay: ts queryselectorall sida htmlelement
Bulshada maanta halkaas oo xogta xad-dhaafka ah ay ku badan tahay, la macaamilka dukumentiyada HTML maaha mid ka reeban. Bog kasta oo ka mid ah caalamka internetku waxa uu ku dhisan yahay HTML, isaga oo abuuraya mesh labyrinthine ah oo xubno iyo calaamado ah. Furaha loogu dhex maraayo mesh-kan si habaysan oo habaysan waa isticmaalka weydiiSelectorDhammaan Habka JavaScript ama, xaaladeena halkan, TypeScript. Maanta, waxaan si qoto dheer uga faaloon doonaa ka faa'iidaysiga awoodaha weydiinSelectorAll sida HTMLElement ee TypeScript.
La xalliyey: ts rogaal celis
Dib u rogista array in Typescript-ku waxa ay ku lug leedahay in asal ahaan laga beddelo nidaamka curiyayaasha ku jira array laga bilaabo taxanihii hore una beddelo mid ka soo horjeeda. Habkani waa waji muhiim ah oo ku saabsan wax-is-daba-marinta hab-qaabaynta, sidaa awgeed, waxa uu si aad ah waxtar ugu yeelan karaa xallinta mashaakilaad kala duwan oo adag.
The Nooc qoraal ah luqaddu waxay ka kooban tahay hab la dhisay oo dib loogu rogayo arrays, oo loo yaqaan shaqada array.reverse(). Runtii, annagoo adeegsanayna shaqadan, waxaan si dadaal la'aan ah u beddeli karnaa hannaan kasta oo ku jira Typescript.
Si aad u muujiso isticmaalkeeda, tixgeli soo diyaarinta muunada soo socota:
let array = [1, 2, 3, 4, 5];
Waxaan ka dib u rogi karnaa shaxdan anagoo adeegsanayna shaqada array.reverse() sida soo socota:
array = array.reverse();
Hawlgalkani waxa uu rogi doonaa habka ay u kala horreeyaan curiyayaasha shaxanka asalka ah si ay tixdu u noqoto mid lid ku ah waxa ay ahayd ka hor inta aan hawsha la dabaqin.