Building Websites by Hand: HTML, CSS and JavaScript in Practice
Signature Course No. 329 — A Signature AI Socratic Coaching Course.
No experience needed — your coach starts where you are.
A New Kind of Learning
Socratic coaching, delivered by an agentic AI coach.
Not a course you watch. An AI coach you work with.
The Lighthouse Coach begins by discovering how you think about the subject, teaches what is missing, and gives you realistic practice before asking you to prove that you can use it. You may test out of concepts you already understand, while capstones turn the learning into a practical plan, decision, conversation, or other real-world result.
The curriculum is deliberately authored; the AI delivers it through coaching. It is not an AI randomly generating lessons.
A coach that teaches by asking — not by lecturing
The Lighthouse Coach is an AI Socratic coach built on Cognosco Learning's Building Websites by Hand: HTML, CSS and JavaScript in Practice course, in the Personal Effectiveness & Well-Being category. It does not play videos at you. It holds a conversation: it asks you a question, listens to your answer, names the misconception it hears, affirms what you got right, and asks the next question — the way a great coach works in the room.
Structure, style, behavior — always in that order. A website looks like one thing on the screen; underneath, it is three separate crafts working together. HTML gives the page its structure and meaning, CSS gives it presentation, and JavaScript gives it behavior. This course teaches all three the way a builder learns them, in a plain text editor, with no framework, no site builder, and no code generator standing between you and the page — because a page built in that order still works, readably, even when the top layers fail.
It starts with the journey. Every page begins as files in a folder on a server: the browser requests, the server responds, and the browser assembles — fetching every named asset as its own round trip. You will learn to trace that journey, skeleton a document honestly, mark up text, links, images, and forms so they mean what they say, style from a small deliberate system, and predict the cascade before you open the browser.
It works in two movements. First, Module 1 — Structure and Style: The Page That Holds — work through Concepts 1–9, finishing with The Studio Site, Built; then, Module 2 — Behaviour and Shipping: The Page That Works — work through Concepts 10–18, finishing with The Studio Site, Alive and Live.
Both capstones produce real artifacts — Mossline Studio's complete static site, structured, styled, and responsive, with its one-page build notes; and the finished site, interactive and published: behavior from data, a commission form that helps, fetched stock and workshop dates with honest loading and failure states, an accessibility audit, a fault log, a weight budget met, and a launch record with a handover note a successor can run the site from.
The honesty standard is part of the course. “By hand” is not nostalgia — it is the fastest honest way to learn what a browser actually does, because every mistake you make is visible, traceable, and fixable by you. This course teaches enough layout and styling to build competently; it does not teach visual design as a discipline, and it makes no promise that finishing it makes you a designer. It makes one promise it can keep: you will be able to build a real, working website by hand, understand every line of it, and fix it when it breaks.
The course is self-paced and always on — roughly 30 minutes per concept, about 9 hours in full, taken in as many sittings as you like. You can type your answers, or talk out loud: the Voice Coach speaks its questions and listens to your spoken replies. Learners who already know the material can test out concept by concept.
Building Websites by Hand: HTML, CSS and JavaScript in Practice is part of The Lighthouse Signature Series — the online counterpart to the one-day, in-person learning Cognosco Learning has delivered since 2002.
Course Facts
One full concept, coached end to end — free: verify your email and we’ll send you a link to start.
Already enrolled? Enter the course →
Diagnose → Learn & Practice → Prove → Capstone
Every learner moves through the same discipline a Cognosco instructor would insist on in the room.
Diagnose
The Coach starts where the course starts: with the journey a page takes to reach a screen. Think of the last web page you visited and name, in order, the three stages it passed through — and which files the browser fetched besides the page itself; say what the request journey tells you to check first when a page shows its text but none of its styling; say whether your own files are organized so the whole folder could move to another machine tomorrow without breaking. Every concept opens with three questions that locate where you actually stand, and your answers shape how deeply the Coach works the concept with you. Everyone begins with Module 1 — no skipping the foundations you only think you have.
Learn & Practice
Work each concept in conversation with the Coach — spoken or written — then practice it against realistic situations until it holds up.
Prove
Every concept ends in proof: answer the check cold and demonstrate the skill. Know it already? Test out and take credit immediately.
Capstone
Finish with two capstones — The Studio Site, Built for Module 1 and The Studio Site, Alive and Live for Module 2 — that pull the whole course together, and earn the certificate.
What You'll Learn
Meaning in the markup, appearance in the style sheet, behavior in the script — in that order, every time. Every skill in this course is the same discipline wearing a different layer's clothes: structure the page honestly, style it from a system you can predict, and add behavior that improves a page which already works without it.
Module 1 builds the page that holds. How a Page Arrives; The Document Skeleton; Text, Links and Lists; Images, Media and Honest Assets; Forms and Inputs; Selectors and the Cascade; Colour, Type and Spacing; Layout with Flexbox and Grid; and Responsive Pages — the two text layers that produce the picture, built on one running studio site.
Module 2 makes the page work, then ships it. Scripts, Events and the DOM; Variables, Values and Decisions; Data, Functions and Rendering; Forms That Help; Fetching and Showing Data; Accessibility by Hand; Debugging and DevTools; Performance by Discipline; and Publishing and Keeping It Alive — behavior, the shipping crafts, and the maintenance that keeps a live site true.
And it holds the stranger test throughout. A page is finished when a stranger can use it — when it loads quickly, reads clearly, works with a keyboard, survives a small screen, and tells the visitor the truth when something goes wrong. Each concept names the stranger test its technique must pass, and both capstones grade against it.
What you will learn
- Explain how a page travels from a server to a screen, and organise the files of a small site
- Write structured, semantic HTML documents — text, links, lists, images, media and forms
- Style pages with CSS — selectors, the cascade, colour, type and spacing as a deliberate system
- Lay out pages with Flexbox and Grid, and make one site work across screen sizes
- Add behaviour with JavaScript — events, decisions, data, rendering and loading fresh information
- Build forms that validate helpfully and pages that everyone can use, including keyboard and screen-reader visitors
- Debug with browser tools, keep a site fast, publish it, and keep it alive
Everything in the course
- All 18 concepts of Building Websites by Hand: HTML, CSS and JavaScript in Practice, in 2 modules
- A starting-point check first — the Coach finds where you actually stand before teaching
- Learn, Practice, Prove for every concept — no passive video watching
- A test-out on every concept: prove you know it and move on
- The Voice Coach: talk with the Coach out loud — it speaks, listens, and replies
- A personal Learner Record of your work across the course
- Two capstone exercises: The Studio Site, Built and The Studio Site, Alive and Live
- A printable session summary whenever you pause
- The Lighthouse Coach completion certificate (Signature Series)
- Your progress is saved as you go — stop anytime, resume where you left off
Built for people who want to build, not just understand
Beginners who want to build, not just understand — people who have used websites for years and now want to make their own, with real understanding of every line; and small business owners and sole traders who need a site they can change themselves at 9 p.m. without paying for every comma.
Career changers and junior developers — who want a solid hand-built foundation before they meet frameworks, libraries, and site builders elsewhere.
Designers, writers and marketers moving closer to the build — who keep handing work to developers and want to meet them on shared ground by writing competent code themselves. This course assumes you can use a computer confidently — create folders, save files, install a program. It assumes no prior code of any kind.
Prefer to learn live and in person? The same material anchors Cognosco's one-day programs — browse the in-person catalog.
Start with How a Page Arrives
$195 — introductory price. One payment. No subscription, no password to manage.
Here is exactly what happens when you enroll:
- Pay securely with Stripe — you are taken straight into the course
- Create your learner profile and begin the Module 1 starting-point check
- Save the access key you are given — it restores your enrollment on any device
- Learn at your pace; your progress is stored in your browser on your device
For the full voice experience, use Chrome and allow the microphone when asked. Typing your answers works everywhere, all the time. Questions before you enroll? Email hello@cognoscolearning.com.
Before you enroll
What is a Socratic coaching session?
A conversation, not a video. Your coach asks a question; you answer — out loud by voice, or by typing — and the coach responds to what you said: naming the misconception it hears, affirming what you got right, and asking the next question. You advance only when you have mastered each concept, so a finished course means the learning held.
How long does it take — and how long do I have?
About 30 minutes per concept. Learn in sittings of any length; your progress is saved as you go. You have a full year from purchase to finish, and you can revisit and retake within that year.
What does the certificate verify?
That you completed every concept and both capstones of this course. Anyone can confirm a Cognosco certificate online — enter its certificate ID on our verification page.
What if it isn't for me — what are the refunds?
If you have not started, cancel for a full refund within seven days of purchase. Once you have started, there is no cash refund — stop before finishing and we credit the full amount you paid toward any other course in the library (credit valid one year from your original purchase). Once you complete the course, no refund or credit applies.
More Signature Courses are coming
Building Websites by Hand: HTML, CSS and JavaScript in Practice is Signature Course No. 329. Leave your email and we'll send you news of future Signature Courses and Lighthouse updates as they are announced — nothing else.