Skip to main content

Code Tidbits – Learn Programming Concepts with Images

The tidbits on this page are pictorial explanations of various programming concepts.

Keep in mind that each image is a tidbit of an article on this website. So, when you wish to learn more, go to the post for that tidbit.

HTML Tidbits

HTML annotates the content a web browser will display
HTML annotates the content a web browser will display
HTML element equals opening tag plus content plus closing tag
HTML element equals opening tag plus content plus closing tag
HTML describes data. CSS styles elements. JavaScript commands items
HTML describes data. CSS styles elements. JavaScript commands items
HTML annotates content. CSS defines an element's style. JavaScript programs an item's actions
HTML annotates content. CSS defines an element's style. JavaScript programs an item's actions

JavaScript Tidbits

Anatomy of a JavaScript variable
Anatomy of a JavaScript variable
Variable declaration, initialization, and invocation
Variable declaration, initialization, and invocation
Rest parameter equals Rest operator plus Regular parameter
Rest parameter equals Rest operator plus Regular parameter
Rest variable equals Rest operator plus Regular variable
Rest variable equals Rest operator plus Regular variable
Anatomy of a JavaScript object destructuring assignment
Anatomy of a JavaScript object destructuring assignment
Anatomy of a JavaScript properties object
Anatomy of a JavaScript properties object

WebDev Tidbits

Anatomy of a JSON text
Anatomy of a JSON text
A URL consists of a scheme, domain, port, file path, one or more parameters, and an anchor
A URL consists of a scheme, domain, port, file path, one or more parameters, and an anchor
DNS Hierarchy goes from the Root Level Domain to the Top Level Domain to the Domain name and the Subdomain
DNS Hierarchy goes from the Root Level Domain to the Top Level Domain to the Domain name and the Subdomain