Рет қаралды 2,493
ይህ ክፍል 3 የ JavaScript Document object Model፤ ባጭሩ DOM ትምህርት ነው። በዚ ትምህርት DOM API ተጠቅመን እንዴት የHTML ገጽ በJavascript እንደምንቀይር፤ ዳታ እንደምንሰበሰብ፤ እንደምናወጣ ፤ እንደምንጨምር እናያለን። Reactjs Framework ከጀርባ DOM API ይጠቀማል፤ የዚህ API ጥልቅ እውቀት ጥሩ የReactjs framework ተጠቃሚ ያረገናል። በDOM API እንዲሁም የተለያዩ የራሳችን ኢተራችቲቭ (interactive) የHTML app መሰራትም እንቅላለን። ይህ ትምህርት፤ መግለጫው እንደሚለው ለሶስት ተከፋፍለዋል። ከታች በዚ ትምህርት የምናያቸው አርስቶች ተገልጸዋል።
The third part of this JavaScript playlist covers Document Object Model (DOM). Most modern JavaScript frameworks use DOM in the background to create frontend UI. DOM is use to manipulate html trees using different DOM API properties, functions. Element in the html tree can be removed, replaced, appended, and their corresponding attributes can be modified. This is a full, exhaustive tutorial that cover the most important points of the API.
መግለጫ
0:00 Document Object Model (DOM) ምንድነው ?
DOMን ለመረዳት የምንጠቀምበት ምሳሌ
Window እና DOM Objects
የDOM Object የት ይግኛል
የDOM Objectን Properties ጠለቅ ብለን እንይ
የDOM Selectors እንይነቶች
የDOM getElementById() Function
የDOM querySelector() Function
የDOM Multiple Item Selectors
የDOM getElementsByClassName()
የDOM getElementsByTagName() Function
የDOM querySelectorAll() Function
የDOM Traversing ማወቅ ያለብን ነጥቦች
የDOM Traversing ምሳሌ ፤ አንድ በአንድ
DOM ላይ Creating Elements & Appending
DOM ላይ Deleting Elements Dynamically
DOM ላይ Replacing Elements Dynamically
Adding, Removing, & Replacing Attribute
DOM addEventListener አጠቃቀም
DOM addEventListener 'event' Parameter
DOM Double Click event
DOM MouseUp & MouseDown Click event
DOM MouseEnter & MouseLeave event
DOM MouseOver & MouseOut event
DOM Mouse Position: mousemove event
DOM Keyboard Events Intro
DOM Form input Value & PreventDefault
DOM Keyboard Events 'keydown'
DOM Keyboard Events 'keyup'
DOM Keyboard Events 'keypress'
Keyboard Events focus , cut , blur & paste
DOM Keyboard Events 'input'
Form Select Input Keyboard Event
KeyBoard EventListener ማጠቃለያ ነጥብ
Event Bubbling & Delegation መግለጫ
Event Bubbling ምንድነው በምሳሌ
Event Delegation ምንድነው በምሳሌ
SUBSCRIBE: / ethiopiancomputerscien...
LINK: • Modern JavaScript - Do...
PLAYLIST: • JavaScript
#ethiopiancomputerscienceclub #ethiopia #javascript #ኢትዮጵያ #ሃበሻ