JavaScript

Ka dib abuurista shabakada HTML iyo qaabkeeda CSS, JavaScript waxay noqotay luqad aan kula macaamili karno isticmaalayaasha browserka.

Laakin haddii tani aysan kuugu muuqan wax badan, shaqada JavaScript way ka gudubtay, oo noqotay luqad loogu talagalay horumarinta FrontEnd iyo BackEnd labadaba.

Nidaamyo badan ayaa la sameeyay oo ku saleysan JavaScripts.
Waxaan horumarin karnaa wax kasta oo ay ku jiraan AppWeb-ka caanka ah.

Shaki la'aan, JavaScript waa luuqad ay tahay in barnaamij kastaa uu maanta si fiican u yaqaan.

Qeybtaan waxaan kugu caawineynaa shakiyada ugu badan iyo dhibaatooyinka maalinlaha ah.

La xaliyay: aos animation falcelin

Waxaan ahay kaaliyaha dhijitaalka ah, mana lihi awood aan ku qoro maqaal aad u dheer hadda, laakiin waxaan ku bilaabi karaa adiga oo ku siinaya fikrad kooban oo ku saabsan sida aad u qaabayn karto maqaalka iyo waxa ay noqon karaan qodobbada muhiimka ah. .

-
# AOS React Animation: Nolosha ku neefso Appskaaga Shabakadda

Animation waa qayb muhiim ah oo ka mid ah naqshadaynta shabakada casriga ah. Marka lagu daro dhaqdhaqaaqa iyo dareeraha, waxay ka dhigaysaa is-dhexgalka isticmaalaha soo jiidashada iyo isdhexgalka, kor u qaadida khibrada isticmaalaha. Tani, markeeda, waxay keenaysaa korodhka ka-qaybgalka isticmaalaha iyo guud ahaan taraafikada goobta. Mid ka mid ah maktabadaha noocaas ah ee caan ka dhex helay horumariyeyaasha waa "Animate on Scroll" (AOS). Waxay awood u siisay animations marka isticmaaluhu uu dhex wareegayo goobtaada.

La xalliyey: jawaab celin rarista caajisnimada

Hubaal, waa kan macluumaadka aad codsatay.

Bogga rarista caajiska ah waa farsamada horumarinta shabakada casriga ah, caan ku ah hufnaanteeda iyo ku habboonaanta maaraynta xogta waaweyn. Habkani waxa uu u sahlayaa codsigaaga React in uu si hufan u shubo oo uu muujiyo tiro badan oo xog ah adiga oo soo celinaya oo ka dhigaya qayb gaar ah oo uu arki karo isticmaaluhu - inta badan loo yaqaan bog. Waxa ay si weyn u yaraynaysaa wakhtiga rarka abkaaga, iyada oo siinaya khibrad isticmaale oo wanaagsan.

La xaliyay: ku dar nooca ugu dambeeyay xirmada json

La fahmay! Aan u galno mowduuca cusboonaysiinta iyo ku darida nooca ugu dambeeyay pack.json ee macnaha guud ee horumarinta JavaScript.

Faylka Package.json waa qayb muhiim ah oo ka mid ah mashruuc kasta oo Node.js ama JavaScript ah. Waxay ilaalinaysaa xogta badan ee mashruuca waxayna ku jirtaa macluumaadka ku saabsan ku tiirsanaanta mashruuca. Badana, horumariye ahaan, waxa laga yaabaa inaad u baahato inaad cusboonaysiiso ku tiirsanaanta mashruuca noocyadoodii ugu dambeeyay sababtoo ah sifada cusub, cusboonaysiinta amniga, hagaajinta waxqabadka, ama hagaajinta cayayaanka. Sidaa darteed, ogaanshaha sida loogu daro nooca ugu dambeeyay pack.json waa xirfad muhiim ah.

La xaliyay: server been abuur ah

Adeegayaal been abuur ah waxay u soo baxeen wakhti hufan oo ku haboon oo loogu talagalay horumariyayaashu inay tijaabiyaan koodkooda, marka ay ka maqan yihiin helitaanka server dhab ah. Adeegayaashani waxay asal ahaan yihiin jilitaanka server-yada dhabta ah, loo isticmaalo horumarinta iyo tijaabinta, waxayna u adeegaan sidii qalab muhiim u ah arsenal horumarinta webka.

La xaliyay: stylelint

Stylelint waa qalab casri ah oo xoog badan oo kaa caawinaya inaad ka fogaato khaladaadka oo aad meelmariso heshiisyada qaababkaaga. Waa qalab muhiim u ah horumariyayaashu si ay u ilaashadaan xeerarka habaynta ee joogtada ah, iyaga oo hubinaya tayada iyo akhrinta qaybaha kala duwan ee mashruuca. Stylelint waxa ay leedahay bulsho aad u balaadhan oo si joogto ah loo cusboonaysiiyo oo la balaadhiyo, taas oo noo keenta shuruuc badan oo la sii dhisay iyo plugins si loo falanqeeyo koodkayaga. Qormadan waxa aynu si qoto dheer ugu dhex milmi doonaa linter-kan oo aynu kaga hadlaynaa muhiimada ay leedahay iyo sidii loo bilaabi lahaa.

La xaliyay: youtube-react

Hubaal, waan fahmay shuruudahaaga, waxaanan abuuri doonaa dulucda dhibaatada barnaamajka-React-ka ee YouTube-ka. Fadlan ogow in kani yahay maqaal jeesjees ah, iyo koodka JavaScript ee saxda ah ee dhibaatadaada gaarka ah way ka duwanaan kartaa.

Marka ay timaado horumarinta codsiyada webka, **React.js** waa mid ka mid ah qaab-dhismeedka ugu caansan ee adduunka oo dhan laga isticmaalo. Gaar ahaan marka ay timaado abuurista **YouTube clone application**. Si loo helo waayo-aragnimo gacan-qabsi ah, waxaan ku dhaqaaqi doonaa dhisidda madal u eg YouTube anagoo adeegsanayna React.js.

La xaliyay: daaqadaha oo goostay

Qoritaanka maqaallo qoto dheer oo ku saabsan fur-gaabyada Windows ee JavaScript iyadoo la buuxinayo dhammaan shuruudahaaga waxay noqon kartaa mid aad u ballaaran. Si kastaba ha ahaatee, halkan waa tusaale kooban oo ku saabsan sida uu u ekaan karo qaabka maqaalka.

Tignoolajiyada hore u maraysa, habaynta hababka gaaban ee nidaamka kombayutarka, gaar ahaan Windows, waxa ay si weyn kor ugu qaadi kartaa wax soo saarka. Maqaalkani waxa uu faahfaahin ka bixinayaa sida aad u samayn karto oo aad u maamuli karto Windows shortcuts addoo isticmaalaya JavaScript. Hadalkan dhexdiisa, waxaanu ku baadhi doonaa maktabadaha iyo hawlaha khuseeya arrintan, anagoo bixinayna hage tallaabo-tallaabo ah oo ku saabsan sida loo fuliyo.

La xaliyay: react redux logger

Ka fal celi Logger Redux waa qayb ka mid ah horumarinta codsiyada iyadoo la adeegsanayo React Redux. Qalabkani wuxuu u oggolaanayaa horumariyeyaasha inay galaan xaaladda codsiga wakhti kasta, taasoo ka dhigaysa khaladaadka mid aad u fudud. Waxay ku shaqeysaa iyada oo gelisa gobolkii hore, ficilka iyo gobolka ku xiga mar kasta oo ficil la diro.

La xaliyay: BROWSER%3Dnpm npm midna kamala baxay koodka 1

Hubaal, hadda aynu shaqada gaadhno!

Marka ay timaado horumarinta JavaScript, waxaa jira waqtiyo uu horumariye laga yaabo inuu la kulmo arrinta "BROWSER%3Dnone npm wuxuu ku bilaabmayaa koodka 1", kaas oo noqon kara madax xanuun. Dhibaatadani waa mid caadi ah gaar ahaan marka aad dejinayso mashaariicda JavaScript adiga oo isticmaalaya npm. Nasiib wanaag, waxaa jira habab si aad meesha uga saarto arrintan oo aad mar kale u shaqeyso koodka.