ސީއެސްއެސް-ޑޫޑްލް އެވެ

ސީއެސްއެސް-ޑޫޑްލް އަކީ ޑިވެލޮޕަރުންނާއި ޑިޒައިން ކުރާ ފަރާތްތަކަށް އެއް ކަސްޓަމް އެޗްޓީއެމްއެލް އެލިމެންޓެއްގެ ތެރޭގައި ޕިއުރ ސީއެސްއެސް ސިންޓެކްސް ބޭނުންކޮށްގެން ސްޓަނިންގ، ގްރިޑް ބެސްޓް ވިޝުއަލް ޕެޓަރންސް އަދި ޖެނެރޭޓިވް އާޓް އުފެއްދުމަށް މަގުފަހިކޮށްދޭ ވަރުގަދަ ވެބް ކޮމްޕޮނެންޓެކެވެ. ކްރިއޭޓިވް ލޭންޑިންގ ޕޭޖް ބިނާކުރިޔަސް، އިންޓަރެކްޓިވް ބެކްގްރައުންޑްސް ބިނާކުރިޔަސް، ނުވަތަ ޑައިނަމިކް ޑޭޓާ ވިޝުއަލައިޒޭޝަންސް ބިނާކުރިޔަސް، ސީއެސްއެސް-ޑޫޑްލް އިން ޓީމުތަކުން ފްރަންޓް އެންޑް ޑިޒައިން ވޯކްފްލޯތަކާ ކުރިމަތިލާ ގޮތް ބަދަލުކޮށްދެއެވެ.

ސީއެސްއެސް-ޑޫޑްލް އަކީ ސީދާ ކޮން އެއްޗެއް ކަމާއި، އެކަން ކުރާނީ ކިހިނެއް؟

ސީއެސްއެސް-ޑޫޑްލް އަކީ ޔުއާން ޗުއާން އުފެއްދި އޮޕަން ސޯސް ޖާވާސްކްރިޕްޓް ލައިބްރަރީއެއް ކަމަށާއި، މިއީ ތިބާގެ ވެބް ޕްރޮޖެކްޓްތަކަށް ކަސްޓަމް އެޗްޓީއެމްއެލް އެލިމެންޓެއް — — ތަޢާރަފްކުރާ ލައިބްރަރީއެކެވެ. މި އެލިމެންޓްގެ ތެރޭގައި، ލައިބްރަރީން މާނަކުރާ ސެލްތަކުގެ ގްރިޑެއް އުފެއްދުމަށް ސީއެސްއެސް ކަހަލަ އުސޫލުތައް ލިޔެ، ކޮންމެ ސެލްއެއް ވެސް ސްޕެޝަލް ސެލެކްޓަރ ސިންޓެކްސް އަދި ރެންޑޮމައިޒޭޝަން ފަންކްޝަންތައް ބޭނުންކޮށްގެން މިނިވަންކަމާއެކު ސްޓައިލް ކުރެވޭނެއެވެ.

ކޯރ މެކޭނިޒަމް މަސައްކަތް ކުރަނީ ޝެޑޯ ޑީއޯއެމް ގްރިޑް ސިސްޓަމެއް މެދުވެރިކޮށެވެ. ބްރައުޒާއަށް އެލިމެންޓެއް ދިމާވުމުން، ލައިބްރަރީން ކަނޑައެޅިފައިވާ ސަރަހައްދު ކޮންފިގްރޭޓް ކުރެވޭ ސެލްތަކުގެ ގްރިޑަކަށް ބަހާލައި، ގްރިޑްގެ ކޮންމެ ސެލްއެއްގައި ތިބާގެ ސީއެސްއެސް އުސޫލުތައް ތަންފީޒުކުރެއެވެ. އެއީ ފާހަގަކޮށްލެވޭ ކަމަކީ @r()، @p()، އަދި @pick() ފަދަ ސޫޑޯ-ރެންޑަމް ފަންކްޝަންތަކަށް ބިލްޓް-އިން ސަޕޯޓް ދިނުމެވެ.

ރެންޑަރިންގ ޕައިޕްލައިން ސީދާ: އެތެރޭގެ ސީއެސްއެސް ކޮންޓެންޓް ޕާރސްކޮށް، ޝެޑޯ ޑީއޯއެމް ގްރިޑް ޖެނެރޭޓްކޮށް، ރެންޑަމް ސީޑްސް ކަމްޕުއުޓްކޮށް، ސެލްއަކަށް ކޮމްޕިއުޓް ކުރެވިފައިވާ ސްޓައިލްތައް އިންޖެކްޓްކޮށް، ފައިނަލް އައުޓްޕުޓް ކުލަ ޖައްސާށެވެ. އަޕްޑޭޓްތައް ހިނގަނީ ރިއެކްޓިވްކޮށް — update() މެތޯޑަށް ގޮވާލުމުން ތާޒާކޮށް ސީޑް ކުރެވިފައިވާ ވައްތަރެއް ވަގުތުން ރެންޑަރ ވުމުން، އިންޓަރެކްޓިވް އަދި އެނިމޭޓެޑް ޑިޒައިން ސިސްޓަމްތަކަށް ސީއެސްއެސް-ޑޫޑްލް ރަނގަޅު ވެއެވެ.

ސީއެސްއެސް-ޑޫޑްލް ޔުނިކް ކުރާ މައިގަނޑު ކޮމްޕޯނެންޓްތަކަކީ ކޮބައިތޯ؟

ސީއެސްއެސް-ޑޫޑްލްގެ އަރކިޓެކްޗަރ ވިސްނުމުގެ މާނައަކީ ޖެނެރޭޓިވް އައުޓްޕުޓްތައް އުފެއްދުމަށް ގުޅިގެން މަސައްކަތްކުރާ ގުޅިފައިވާ ތިން ލޭޔަރ ދެނެގަތުމެވެ:

އެވެ
• ގްރިޑް ސިސްޓަމް: grid އެޓްރިބިއުޓް މެދުވެރިކޮށް ކަނޑައެޅިފައިވާ މިއީ ރޯތަކާއި ކޮލަމްތައް (އެބަހީ، grid="10x10") ކޮންޓްރޯލްކޮށް، ޑޫޑްލް އިން ކިތައް ސެލް ރެންޑަރ ކުރާ ގޮތާއި އެ ސެލްތައް ސްޕޭޝަލްކޮށް ބެހިފައިވާ ގޮތް ކަނޑައަޅައެވެ.
• ޚާއްޞަ ސެލެކްޓަރސް: ސީއެސްއެސް-ޑޫޑްލް އިން ތަޢާރަފްކުރާ ސެލެކްޓަރސް ކަމަށްވާ :nth-of-type() އެކްސްޓެންޝަންސް، @nth، އަދި @row/@col ފަދަ ސެލެކްޓަރުތައް ގްރިޑްގެ ތެރޭގައި ހުންނަ މަޤާމަށް ބަލާފައި ސީދާ، އުސޫލުތަކަށް ބިނާކޮށް ސްޓައިލިންގ އަށް އަމާޒުކުރެއެވެ.
• ރެންޑޮމައިޒޭޝަން ފަންކްޝަންސް: ނިއުމެރިކް ރޭންޖްތަކަށް @r(min, max) އަދި ވެލިއު ލިސްޓްތަކަށް @pick(a, b, c) ފަދަ ބިލްޓް-އިން ފަންކްޝަންތަކުގެ ސަބަބުން ނޮން ރިޕީޓިޓިވް ޖެނެރޭޓިވް ޕެޓަރންސް ކޯޑްގެ މަދު ސަފުހާތަކެއްގައި ހާސިލްކުރެވޭނެއެވެ.
• އެނިމޭޝަން އަދި ޓްރާންސިޝަން ސަޕޯޓް: ސީއެސްއެސް-ޑޫޑްލް އިން ރިއަލް ސީއެސްއެސް އައުޓްޕުޓް ކުރާތީ، ހުރިހާ ނެޓިވް ސީއެސްއެސް އެނިމޭޝަންތަކާއި، ކީފްރޭމްތަކާއި، ޓްރާންސިޝަންތަކާއި، ކަސްޓަމް ޕްރޮޕަޓީތައް ބަދަލެއް ނެތި މަސައްކަތްކޮށް، ފްލޫޑް، ލޫޕިންގ ވިޝުއަލް ކޮމްޕޮޒިޝަންތައް ކުރެވޭނެއެވެ.
• ވެރިއޭބަލް ސިސްޓަމް: ސީއެސްއެސް ކަސްޓަމް ޕްރޮޕަޓީސް އަދި @var() ފަންކްޝަންގެ ސަބަބުން ޑިޒައިން ކުރާ ފަރާތްތަކަށް ޑޫޑްލްސް ޕެރެމިޓަރައިޒް ކުރެވޭއިރު، އެންމެ ކުޑަ މަސައްކަތަކުން ތީމް އެވޭއާ ނުވަތަ ޔޫޒަރ ކޮންފިގްރޭޓް ކުރެވޭ އައުޓްޕުޓްތައް އުފައްދައެވެ.

|

ސީއެސްއެސް-ޑޫޑްލް އެހެން ޖެނެރޭޓިވް ޑިޒައިން އެޕްރޯޗްތަކާ އަޅާކިޔާއިރު ކިހިނެއްތޯ؟

ބްރައުޒަރތަކުގައި ސަގާފީ ޖެނެރޭޓިވް އާޓް އާންމުކޮށް ބަރޯސާވެފައިވަނީ ޖާވާސްކްރިޕްޓް ފްރޭމްވޯކްސް މެދުވެރިކޮށް އެޗްޓީއެމްއެލް5 ކެންވަސް އެޕީއައި ނުވަތަ އެސްވީޖީ މެނިޕިއުލޭޝަނަށެވެ. މި ގޮތްތައް ބާރުގަދަ ނަމަވެސް، ޖާވާސްކްރިޕްޓްގެ މުހިންމު ޢިލްމާއި، ކޮންމެހެން ރެންޑަރިންގ ލޫޕްތަކާއި، މެނުއަލް ސްޓޭޓް މެނޭޖްމަންޓް ޑިމާންޑް ކުރެއެވެ. ސީއެސްއެސް-ޑޫޑްލް އެ ހުރިހާ ކަމެއް އެއްފަރާތްކޮށްލަނީ ޑިޒައިން ކުރާ ފަރާތްތަކަށް މިހާރުވެސް އެނގޭ ޑިކްލެރޭޓިވް ޕެރެޑައިމްގެ ތެރޭގައި ހުރެގެންނެވެ.

p5.js ފަދަ ކެންވަސް އަށް ބިނާކޮށްފައިވާ ލައިބްރަރީތަކާ އަޅާބަލާއިރު، ސީއެސްއެސް-ޑޫޑްލް އަކީ ގްރިޑް-ޕެޓަރން ޔޫސް ކޭސްތަކަށް ވަރަށް ބޮޑަށް ސާދާ، ރެންޑަރ ލޫޕް ބޭނުން ނުވާ، އަދި އެކްސެސިބަލް އަދި އިންސްޕެކްޓެބަލް ގޮތެއްގައި ހުންނަ ޑީއޯއެމް އެލިމެންޓްތައް އުފައްދާ އެއްޗެކެވެ. އެސްވީޖީ ޖަނަރޭޓަރުތަކާ ދެކޮޅަށް ސީއެސްއެސް-ޑޫޑްލް މޮޅުވަނީ ސީއެސްއެސް އަށް އުފަން ޓީމުތަކަށް ޑިވެލޮޕަރ އެކްސްޕީރިއަންސް އިން ނަމަވެސް އެސްވީޖީ މޮޅުވަނީ އެކްސްޕޯޓް ފިޑެލިޓީ އާއި ކޮމްޕްލެކްސް ޕަތު އޮޕަރޭޝަންސް އިންނެވެ.

<ބްލޮކްކޯޓް> އެވެ | އެވެ|

ސީއެސްއެސް-ޑޫޑްލް އަށް ރިއަލް ވޯލްޑް އިމްޕްލިމެންޓޭޝަން ކޮންސިޑަރޭޝަންސް އަކީ ކޮބައިތޯ؟

ޕްރޮޑަކްޝަން މާހައުލުތަކުގައި ސީއެސްއެސް-ޑޫޑްލް އެޑޮޕްޓް ކުރުމަށްޓަކައި މުހިންމު މަދު ކަންތައްތަކަކަށް ސަމާލުކަން ދޭން ޖެހެއެވެ. ޕާފޯމަންސް ސްކޭލް ސީދާ ގްރިޑް ސައިޒާއި އެނިމޭޝަން ކޮމްޕްލެކްސިޓީއާ އެކު — ޕަރ-ސެލް ސީއެސްއެސް އެނިމޭޝަންތަކާއެކު 30x30 ގްރިޑަކުން 900 ޝެޑޯ ޑީއޯއެމް އެލިމެންޓް އުފައްދާނެ، މިއީ ލޭއައުޓް ސްޓްރެސްކޮށް ލޯއަރ އެންޑް ޑިވައިސްތަކުގައި ތްރެޑް ކުލަޖައްސާނެ އެއްޗެކެވެ. ބޮޑެތި ގްރިޑްތައް ޑިޕްލޮއި ކުރުމުގެ ކުރިން ކްރޯމް ޑެވްޓޫލްސްގެ ޕާފޯމަންސް ޕެނަލް އިން ޕްރޮފައިލް ކުރުމަކީ ރަނގަޅު ގޮތެކެވެ.

| ލެގަސީ ބްރައުޒާ ސަޕޯޓަށް ޕޮލިފިލްސް ބޭނުންވާ ނަމަވެސް، އައިއީ11 އަށް އަމާޒުކޮށްގެން ހިންގާ ޕްރޮޖެކްޓްތަކުން ބަދަލު ގޮތްތައް އިވެލުއޭޓް ކުރަން ޖެހެއެވެ.

ސަރވަރ-ސައިޑް ރެންޑަރިންގ އިން ޕްރައިމަރީ އާކިޓެކްޗަރަލް ކޮންސްޓްރެއިންޓް ހުށަހަޅައެވެ. ސީއެސްއެސް-ޑޫޑްލް ރަންޓައިމްގައި ޝެޑޯ ޑީއޯއެމްގެ ތެރޭގައި ރިޒޮލްވް ކުރާތީ، ނެކްސްޓް.ޖޭސް ނުވަތަ ނަކްސްޓް ފަދަ އެސްއެސްއާރު ފްރޭމްވޯކްތަކުން ޑޫޑްލް ކޮމްޕޯނެންޓްތައް ބަލަންވާނީ ހަމައެކަނި ކްލައިންޓް-އޮންލީގެ ގޮތުގައެވެ. ސީއެސްއެސް-ޑޫޑްލް ސްކްރިޕްޓް ލޭޒީ ލޯޑްކޮށް ކްލައިންޓް-އޮންލީ ބައުންޑަރީއެއްގައި އެލިމެންޓް އޮޅާލުމުން ކޯ ވެބް ވައިޓަލްސްގެ ސްކޯތަކަށް މާބޮޑު އަސަރެއް ނުކޮށް މިކަން ސާފުކޮށް ހައްލުވެއެވެ.

ވިޔަފާރިތަކުން ސީއެސްއެސް-ޑޫޑްލް ސްކޭލަބަލް ޑިޖިޓަލް ވޯކްފްލޯތަކަށް އިންޓަގްރޭޓް ކުރެވޭނީ ކިހިނެއް؟

ގިނަ ޑިޖިޓަލް ޕްރޮޑަކްޓްތައް މެނޭޖްކުރާ ޓީމުތަކަށް، ޖެނެރޭޓިވް ޔޫއައި އެލިމެންޓްތަކުގެ ތެރެއިން ވިޝުއަލް ކޮންސިސްޓެންސީ ބެލެހެއްޓުމަށް ބޭނުންވަނީ ޚުދު ކޮމްޕޮނެންޓުން ވެސް ކުރިއަށްދާ ވޯކްފްލޯ ޓޫލިންގ އެވެ. ޑޫޑްލް ކޮންފިގްރޭޝަންތައް ވަރޝަން ކުރުމާއި، ޓީމް މެމްބަރުންގެ މެދުގައި ސީޑް ވެލިއުތައް ހިއްސާކުރުމާއި، ޕްރޮޑަކްޓް ސަރފޭސްތަކުގެ ތެރެއިން ޑިޒައިން ބަދަލުތައް ކޯޑިނޭޓް ކުރުމަކީ މަރުކަޒީ އޮޕަރޭޝަނަލް ލޭޔަރ އެއް ޑިމާންޑް ކުރުމެވެ.

މިއީ ހަމަ މެވޭޒް ފަދަ ޕްލެޓްފޯމަކުން އިކުއެޝަން ބަދަލުކުރާ ތަނެވެ. 138،000 އަށް ވުރެ ގިނަ ޔޫޒަރުން ބޭނުންކުރާ 207 އިންޓަގްރޭޓެޑް ބިޒްނަސް މޮޑިއުލް އާއި ވޯކްފްލޯ ޓޫލްސް އާއި އެކު މެވޭޒް އިން ޕްރޮޑަކްޓް އަދި މާކެޓިން ޓީމުތަކަށް ޑިޒައިން އޮޕަރޭޝަންސް، ކޮންޓެންޓް ޕައިޕްލައިންސް، އަދި ޑިވެލޮޕްމަންޓް ވޯކްފްލޯސް އެއްތަނެއްގައި ކޯޑިނޭޓް ކުރުމުގެ އިންފްރާސްޓްރަކްޗާ ފޯރުކޮށްދެ އެވެ. ތިބާގެ ކްރިއޭޓިވް އަދި ޓެކްނިކަލް ޓީމުތައް އެއް އޮޕަރޭޓިން ސިސްޓަމެއްގައި ސިންކްރޮނައިޒް ކުރެވޭއިރު، ޑިޒައިން-ފޯވާޑް ފީޗާސް ޝިޕިންގ — ސީއެސްއެސް-ޑޫޑްލް އިމްޕްލިމެންޓޭޝަންސް ފަދަ ޖެނެރޭޓިވް ޔޫއައި އެލިމެންޓްތައް ހިމެނޭ ގޮތަށް — އެޑް-ހޮކް ސްޕްރިންޓަކަށްވުރެ ތަކުރާރުކުރެވޭ، މެނޭޖްކުރެވޭ ޕްރޮސެސްއަކަށް ވެގެންދެއެވެ.

ގިނައިން ކުރެވޭ ސުވާލުތައް

ވިޔަފާރި ވެބް ޕްރޮޖެކްޓްތަކުގައި ޕްރޮޑަކްޝަން ބޭނުންކުރުމަށް ސީއެސްއެސް-ޑޫޑްލް އެކަށީގެންވާ ހެއްޔެވެ؟

އާނ. ސީއެސްއެސް-ޑޫޑްލް އަކީ އެމްއައިޓީގެ ލައިސަންސް ލިބިފައިވާ އަދި ހީވާގިކަމާއެކު ބެލެހެއްޓިފައިވާ އެއްޗަކަށް ވާތީ، ވިޔަފާރީގެ ބޭނުންތަކަށް ވެސް އެކަށީގެންވާ ތަނެކެވެ. ޕްރޮޑަކްޝަންގެ މުހިންމު ކަންކަމަކީ ޕާފޯމަންސަށް ގްރިޑް ސައިޒް ލިމިޓްތަކާއި އެސްއެސްއާރު ފްރޭމްވޯކްތަކަށް ކްލައިންޓް ސައިޑް ރެންޑަރިންގ ރިކުއަރމަންޓްސް އެވެ. ގިނަ ޑިޒައިން ސްޓޫޑިއޯތަކުން ބޭނުންކުރަނީ ހީރޯ ބެކްގްރައުންޑްތަކާއި، ލޯޑިންގ ސްކްރީންތަކާއި، ޕިކްސެލް-ޕާފެކްޓް އެސްއެސްއާރު އައުޓްޕުޓަށްވުރެ ވިޝުއަލް ރިޗްނެސް މުހިންމުވާ ޑެކޯރޭޓިވް ސެކްޝަންތަކަށެވެ.

ސީއެސްއެސް-ޑޫޑްލް އައުޓްޕުޓްތައް އެކްސްޕޯޓް ނުވަތަ ސްޓޭޓިކް އެސެޓްތަކެއްގެ ގޮތުގައި ސޭވް ކުރެވޭނެ ހެއްޔެވެ؟

ސީއެސްއެސް-ޑޫޑްލް ރެންޑަރސް ލައިވް ކުރަނީ ބްރައުޒާ ޑީއޯއެމް ގައި ކަމުން ސީދާ އެކްސްޕޯޓް ކުރުމަކީ ބިލްޓް-އިން ފީޗާއެއް ނޫނެވެ. ނަމަވެސް ޑިވެލޮޕަރުން އާންމުކޮށް ބޭނުންކުރަނީ html2canvas ނުވަތަ dom-to-image ލައިބްރަރީތައް ރެންޑަރޑް ޑޫޑްލްސް ޕީއެންޖީ ނުވަތަ އެސްވީޖީ ފައިލްތަކަށް ސްނެޕްޝޮޓް ކުރުމަށް ނުވަތަ ސްޓޭޓިކް އެންބެޑިންގ އަށް ކޮމްޕިއުޓް ކުރެވިފައިވާ އިންލައިން ސްޓައިލްތައް ކޮޕީ ކުރުމަށް ބްރައުޒާގެ DevTools ބޭނުންކުރުމަށެވެ. ސްކޭލް ކުރެވޭ އެސެޓް ޕްރޮޑަކްޝަން އަށް، ހެޑްލެސް ކްރޯމިއަމް މާހައުލުތަކުގައި ހިންގާ ސްކްރިޕްޓްޑް ސްނެޕްޝޮޓް ވޯކްފްލޯތަކަކީ މަޝްހޫރު ގޮތެކެވެ.

ސީއެސްއެސް-ޑޫޑްލް އިން އެކްސެސިބިލިޓީ އާއި ސްކްރީން ރީޑަރސް ޙަވާލުކުރަނީ ކިހިނެއް ހެއްޔެވެ؟

ގިނަ ޔޫސް ކޭސްތަކުގައި ސީއެސްއެސް-ޑޫޑްލް އައުޓްޕުޓްތަކަކީ ޚުދު ޒީނަތްތެރި އެއްޗަކަށް ވާތީ، އެންމެ ރަނގަޅު ގޮތަކީ އެލިމެންޓަށް aria-hidden="true" އެޕްލައިކޮށް، ސްކްރީން ރީޑަރުންނަށް މާނައެއް ނެތް ގްރިޑް ސެލް ކޮންޓެންޓް އިއުލާން ނުކުރުމެވެ. ޑޫޑްލް އިން މާނަވީ މާނަ ފޯރުކޮށްދޭ ހާލަތްތަކަށް، ޑިސްކްރިޕްޓިވް ފިގްކެޕްޝަން އެއް އެކުލެވޭ ފިގަރ އެލިމެންޓެއްގައި އޮޅާލުމުން އެސިސްޓިވް ޓެކްނޮލޮޖީތަކަށް ބޭނުންވާ އެކްސެސިބިލިޓީ ލޭޔަރ ލިބިގެންދެއެވެ.

---

އެވެ

ސީއެސްއެސް-ޑޫޑްލް ތަމްސީލުކުރަނީ ޒަމާނީ ވެބް ޑިވެލޮޕްމަންޓްގެ އެންމެ ރަނގަޅު ގޮތް — ވީހާވެސް ސާދާ އެޕީއައި މެދުވެރިކޮށް ފޯރުކޮށްދޭ ވަރުގަދަ ޖެނެރޭޓިވް ކެޕޭސިޓީއެވެ. ކްރިއޭޓިވް ޕޯޓްފޯލިއޯތައް ބިނާކުރާ ސޯލޯ ޑިވެލޮޕަރެއް ކަމުގައި ވިޔަސް ނުވަތަ ޑިޒައިން-ފޯވާޑް އިންޓަފޭސްތައް ސްކޭލްގައި ޝިޕިންގ ޕްރޮޑަކްޓް ޓީމެއް ކަމުގައި ވިޔަސް، ސީއެސްއެސް-ޑޫޑްލް އަށް ވިސްނައި ލީވަރ ކުރުމުން ކޯޑްބޭސް ކޮމްޕްލެކްސިޓީ ފުޅާ ނުކޮށް ވިޝުއަލް ޓޫލްކިޓް ފުޅާވެގެންދެއެވެ.

ސްމާޓްކޮށް ބިލްޑްކޮށް، އަވަހަށް ޝިޕްކޮށް، މުޅި ޕްރޮޑަކްޓް އޮޕަރޭޝަން އެއްތަނެއްގައި ކޯޑިނޭޓް ކުރަން ތައްޔާރުތޯ؟ |