Website Development Library
Build for the browser: HTML structure, Tailwind styling, flexbox and grid, the live DOM, and data from real APIs.
- Tailwind Utility Classes
Small utility classes that style an element right in its class list.
- Attributes & Classes
Extra information on an element: class, id, href, alt, and more.
- The DOM
The live page a script can search and change: find an element, then update it.
- CSS Basics
How styling works: color, size, and the box of space around every element.
- Events & Listeners
Make a page respond: listen for a click or a key press, then run a function.
- Components
Reusable building blocks, like a navbar, a card, or a footer, composed into pages.
- HTML Basics
The elements that structure a web page: headings, paragraphs, sections, links.
- Building Pages from Data
Keep content in an array of objects and let a loop turn each one into markup.
- CSS Grid
Lay elements out in rows and columns at once, with items that can span several.
- Flexbox
Line elements up in a row or column, and decide how the space between them is shared.
- Responsive Design
One page that fits a phone and a monitor: mobile first, then breakpoints.
- Forms & Inputs
Collect what a visitor types: labels, inputs, dropdowns, and a button that submits.
- Fetching Live Data (APIs)
Ask another computer for data with fetch, wait for the answer, and put it on the page.