Njeshe Amal “ARTicle” blog

If you want to go quickly, go alone. If you want to go far, go together.


· An Informal Introduction
· To Bootstrap, or Not To

· Redux: What The Flow?

· Get Started: Node/Express


Computer scientist, Lisa Gelobter, assisted with the 1995 creation of Shockwave, essential technology that led to the development of web animation. (So, we have her to thank for GIFs).

Every morning, a gazelle wakes up. It knows it must run faster than the fastest lion or it will be killed. Every morning, a lion wakes up. It knows it must outrun the slowest gazelle or it will starve to death. It doesn’t matter whether you’re a lion or gazelle. When the sun comes up, you’d better be running.

︎  ︎  

ART—icle 09

Ladies and Gents, the DOM.

Let’s take a closer look at the DOM.

Document Object Model

  1. DOM is the DNA of a web page. Changes made to it are reflected in the browser just as changes to a person’s DNA is reflected tangibly in the person.
  2. Browsers use HTML to create DOM which is used to display structured and styled content.
  3. Available inside Chrome through two variables:
    • window + document
    • window is where everything is...we see nothing w/o it
      • it is important not to alter this too much because it is the container that houses operating system information
    • document is the object we will use to interact with the DOM

DOM Nodes

Represent all components that make up a web page

Inner Node / Child Node

Nested string or something similar

Outer Node / Parent Node

Has a start/end tags
    • Example:
<p>I am a paragraph.</p>

Self-Closing Elements

Only have a start tag    
    • Example:
<img src="https://media.giphy.com/media/3o6MbkZSYy4mI3gLYc/giphy.gif" alt="A policeman"(/ <- this is optional here)>

DOM programming is using Javascript to find/select, remove/insert, or adjust HTML elements.

Pro Tip: Read Documentation!

Thanks for stopping by 🙃️, BYE!