Learning Library

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.