Web Developer Training

Build & maintain charity websites with your AI agent

The practitioner path: build and maintain charity sites hands-on with your AI agent. You run the full development loop and the toolchain yourself — no certifications required, though you can grow into the Administrator tier.

Practitioner level — hands-on, no certification required
Practitioner level. Hands-on mechanics you can perform yourself and help others with. Set up your environment first, then work through what you own below. Newcomers should start with Claude Desktop; you can ignore VS Code, Antigravity, and local builds until a task needs them.

What you're responsible for

Accounts & AccessPractitionerThe logins that prove the website and email are yours.Building with AIPractitionerThe one skill that powers everything above.Site Build & CodePractitionerBuilding and maintaining the site’s code itself.Website ContentPractitionerEverything visitors read and see on your pages.Publishing & DeployPractitionerHow your changes go from “approved” to live.Security & TrustPractitionerKeeping your site and accounts safe.Analytics & SEOPractitionerOptionalKnowing who visits and being findable in search.Domains & DNSOperatorYour web address — and the email that depends on it.Governance & PrivacyOperatorStaying compliant, accessible, and trustworthy.

Accounts & Access

Practitioner

The logins that prove the website and email are yours.

Your goal: Manage your own credentials and collaborate on shared repositories.

  • Set up a professional GitHub profile and a profile README managed "as code". (Introduction to GitHub)
  • Understand repository roles (read / triage / write / maintain) and request the least access you need.

Building with AI

Practitioner

The one skill that powers everything above.

Your goal: Run the full Issue → PR → merge loop with an AI agent.

Site Build & Code

Practitioner

Building and maintaining the site’s code itself.

Your goal: Build charity sites from the template and run the toolchain locally.

  • Create a site from FreeForCharity/FFC_Single_Page_Template and customize it.
  • Run format, lint, build, and tests locally in the order documented in AGENTS.md. (Dev environment)

Website Content

Practitioner

Everything visitors read and see on your pages.

Your goal: Edit the underlying components and structure new sections.

  • Understand the page/component structure of the Next.js template and edit JSX directly.
  • Add new sections/pages that match existing conventions and use assetPath() for images.

Publishing & Deploy

Practitioner

How your changes go from “approved” to live.

Your goal: Understand the CI/deploy pipeline and ship via pull requests.

  • Deploy a static site with GitHub Pages and understand the build → test → deploy flow. (GitHub Pages)
  • Read CI logs, reproduce failures locally, and get checks green before merge.

Security & Trust

Practitioner

Keeping your site and accounts safe.

Your goal: Triage repository security and keep the supply chain healthy.

  • Enable and triage Dependabot and CodeQL alerts; review PR checks before merge. (Securing your repository)
  • Keep dependencies current and understand what each CI check verifies.

Analytics & SEO

Practitioner

Knowing who visits and being findable in search.

Your goal: Configure analytics and on-page SEO.

  • Set up Google Tag Manager / analytics and verify events fire with consent.
  • Maintain titles, meta descriptions, sitemap, and structured data.

Domains & DNS

Operator

Your web address — and the email that depends on it.

Your goal: Understand your domain and keep it healthy, without breaking anything.

  • Know your domain name and that it must be renewed (usually yearly). Confirm who renews it — FFC or your charity — so it never lapses.
  • Understand at a high level that DNS records point your web address at your site and route your charity email. Your site is mapped through Cloudflare to GitHub Pages.
  • Don’t edit DNS records yourself. If something needs changing, ask your AI assistant to explain it and have an FFC admin make the change.
  • Red flag: if your site won’t load or email suddenly stops, suspect DNS or an expired domain and escalate to FFC right away.

Governance & Privacy

Operator

Staying compliant, accessible, and trustworthy.

Your goal: Keep required policies current and publish responsibly.

  • Your site has a privacy policy and cookie notice. Keep them accurate when what you collect changes — ask your assistant to update them.
  • Accessibility matters: ask your assistant to add descriptive alt text to images and keep color contrast readable.
  • Remember your site is public. Only post board minutes or documents your board approved for public release. (Board minutes caveat)

Where to next