Skip to content
Back to Explore courses
PricingLog in
Technology

Web development

Build responsive websites with useful forms and interactive features

With Zoonk, your plan starts at your level and fits your schedule.

Build my plan

Start free, no account needed.

Who it's for

  • People building their first website
  • Designers adding coding skills
  • Curious about how websites work

What you'll be able to do

  • Create a web page with links and images
  • Style pages for phones and larger screens
  • Make pages usable with keyboards and screen readers
  • Add interactive features using data from web services

Course outline

12 chapters · 92 lessons written so far

Web development is the work of building websites and browser-based apps. The course covers page structure and styling, responsive layouts, forms, accessibility, browser interactions, and web data, then moves into server-side code, storage, testing, security, and deployment. These skills help you make sites that work across devices and meet real user needs.

BeginnerStructuring web pages with HTML · Semantic content and data tables · Web requests and resources12 chapters
  1. 1

    Structuring web pages with HTML

    HTML elements · HTML element nesting · HTML document structure · HTML headings and paragraphs · HTML links · HTML images and alternative text · Challenge: Structuring web pages with HTML

  2. 2

    Semantic content and data tables

    Ordered and unordered lists · HTML description lists · HTML page landmarks · HTML sections and articles · HTML div and span elements · HTML emphasis and importance · HTML quotations · HTML figures and captions · HTML table structure · HTML table captions and headers · Challenge: Semantic content and data tables

  3. 3

    Web requests and resources

    Browsers and web servers · URL components · Relative and root-relative paths · HTTP requests and responses · HTTP status codes · Network panel · Challenge: Web requests and resources

  4. 4

    CSS rules and the cascade

    Stylesheet links · CSS rule syntax · CSS selectors · The CSS cascade · CSS inheritance · Typography and color · CSS custom properties · Challenge: CSS rules and the cascade

  5. 5

    CSS boxes and browser inspection

    The CSS box model · Box sizing · CSS length units · Block and inline display · Inspecting elements and styles · Computed styles and box inspection · Challenge: CSS boxes and browser inspection

  6. 6

    CSS visual treatments and interaction states

    CSS background images · CSS linear gradients · CSS borders and rounded corners · CSS box shadows · CSS opacity · CSS overflow · CSS object fitting · CSS interaction states · CSS pseudo-elements · CSS transitions · Challenge: CSS visual treatments and interaction states

Show 6 more chapters
  1. 7

    Responsive CSS layouts

    Flexbox alignment · Flex sizing and wrapping · CSS Grid tracks · Fluid widths and images · Viewport and media queries · Responsive layout testing · Challenge: Responsive CSS layouts

  2. 8

    HTML forms and validation

    Form submission · Form labels · HTML input types · Form selection controls · Fieldsets and legends · Browser form validation · Form instructions and errors · Challenge: HTML forms and validation

  3. 9

    Accessible web pages

    Semantic interactive elements · Keyboard access and focus · Color contrast · HTML images and alternative text · Accessibility tree inspection · Screen reader checks · Challenge: Accessible web pages

  4. 10

    DOM interaction and events

    DOM element selection · Updating DOM content and classes · JavaScript event listeners · Handling form submission · Dynamic form feedback · Accessible dynamic status · Challenge: DOM interaction and events

  5. 11

    Browser debugging

    Console errors and stack traces · Console logging · JavaScript breakpoints · Failed resource requests · Checking AI-assisted fixes · Challenge: Browser debugging

  6. 12

    Fetching web data

    Asynchronous operations · Fetch and async functions · Fetch response handling · Network request feedback · Origins and CORS · Challenge: Fetching web data

IntermediateNot written yet. Zoonk writes its chapters as learners reach it.
AdvancedNot written yet. Zoonk writes its chapters as learners reach it.

Start today, at your level

A few quick questions, then your plan and your first lesson.

Build my plan

Start free, no account needed.