Web development

a table of contents for this reference e-book
// updated 2025-04-11 18:47

Topics

Web development has become a very broad topic, so each link below may go to several other subpages!

Essentials

The must-knows for every web developer:

  • 🧰 Workspace
    • Setup
  • 🛡️ HTML
    • Structure
  • 🖼️ CSS
    • Styling
  • 📒 JavaScript
    • Scripting (i.e. actual programming)

Extensions

Becoming more essential for every web developer, these "extensions" enhance the "developer experience" of the aforementioned essentials:

  • ⚛️ React
    • an extension to JavaScript that helps with user interface development
  • ➡️ Next.js
    • an extension to React that helps with the interaction between the user interface and the back-end
  • 📘 TypeScript
    • an extension to JavaScript that checks for the validity of data flowing between parts of a website

Implementation

  • 🐙 Git
    • a way for multiple developers to handle changes (i.e. version control) to a single code base
  • 🚀 Deployment (Vercel)
    • how to get that website onto the internet
  • 🛢️ Databases (GROQ)
    • how to store and retrieve data that appears on a website

Improvements

  • 🔐 Security
    • topics such as authorization and authentication
  • ♿️ Accessibility
    • how to make the web usable for everyone
  • 📲 Responsiveness
    • how to make the web usable on any device
  • 🌎 Localization
    • how to make the web understandable for as many people as possible
newer (in textbook) ➡️
HTML <form> and <input> tags 🛡️
⬅️ older (in code)
⚙️ Jonobase
newer (in code) ➡️
JavaScript objects (with and without valueOf) 🧑🏻‍💻
⬅️ older (posts)
⚙️ Jonobase
newer (posts) ➡️
YouTube's first video (2005) 📺