Responsive multi-page site
Deliverable: A deployed three-page site built from a design brief, responsive from 320px upward, passing keyboard navigation and scoring at least 95 on Lighthouse accessibility.
Course
Web Development
The foundation everything else sits on — semantic HTML, CSS layout and JavaScript — taught until you can build and deploy a responsive, accessible site without reaching for a framework.
- Duration: 3 months
- Classroom · Online live
- Level: beginner
What you will be able to do
- Write semantic HTML that makes a page accessible by default rather than by retrofit
- Build responsive layouts with flexbox and grid without copying snippets
- Use JavaScript to read the DOM, respond to events and call an API
- Debug layout and script problems using browser developer tools
- Meet WCAG contrast, keyboard and focus requirements as a baseline
- Deploy a site to a public URL with a custom domain
Who this course is for
- Students and graduates from any stream
- Designers who want to build what they design
- Business owners who want to maintain their own website
- Complete beginners — this is a genuine starting point
Syllabus
8 modules · 3 months
Module 1. How the web works
- Browser, DNS, HTTP and server in plain terms
- What actually happens between typing a URL and seeing a page
- Developer tools as an instrument rather than a mystery
- Setting up an editor, Git and a local workflow
Module 2. Semantic HTML
- Document structure and landmark elements
- Headings, and why the outline decides your accessibility ceiling
- Links, buttons and the difference that matters
- Forms, labels and native validation
- Images, alt text and when alt should be empty
- Tables for data, never for layout
Module 3. CSS fundamentals
- Selectors, specificity and the cascade
- The box model and where sizing surprises come from
- Units, and choosing between rem, em, percent and viewport units
- Typography, spacing and readable measure
- Colour, contrast and meeting WCAG minimums
Module 4. Layout
- Flexbox for one-dimensional layout
- Grid for two-dimensional layout
- Choosing between them rather than defaulting
- Responsive design with media queries and container queries
- Mobile-first thinking, applied rather than described
Module 5. JavaScript basics
- Types, variables, operators and control flow
- Functions, scope and closures
- Arrays, objects and the methods used daily
- Reading an error in the console and acting on it
Module 6. JavaScript in the browser
- Selecting and modifying the DOM
- Events, delegation and avoiding listener sprawl
- Form handling and client-side validation
- Fetching data from an API and handling failure
- Local storage and simple persistence
Module 7. Accessibility and performance
- Keyboard navigation and visible focus
- ARIA, and why native elements are usually better
- Image formats, sizing and lazy loading
- Core Web Vitals and what actually moves them
- Reading a Lighthouse report critically
Module 8. Deployment and next steps
- Version control workflow with Git and GitHub
- Deploying to a host and connecting a domain
- Basic on-page SEO — titles, descriptions, headings, structured data
- Where to go next, and choosing a direction honestly
Tools and technologies you will use
- HTML5
- CSS3
- JavaScript ES2023
- Chrome DevTools
- Git and GitHub
- VS Code
- Netlify or Firebase Hosting
- Lighthouse
Projects you will build
Interactive component set
Deliverable: An accordion, a modal and a tabbed interface built without a library, each fully keyboard operable with correct focus management, and a written note on the ARIA decisions taken.
API-driven page
Deliverable: A page that fetches and renders data from a public API, with loading and error states handled deliberately rather than left blank.
Portfolio site
Deliverable: Your own deployed portfolio with a custom domain, meaningful metadata, optimised images and a Lighthouse report you can explain.
Where this course can take you
- Web Developer
- Front End Developer
- Web Designer
- HTML Email Developer
- Junior UI Developer
Duration, modes and fees
- Duration
- 3 months
- Delivery modes
- Classroom · Online live
- Fees
- Share your details for the current fee
- Fees vary by batch and delivery mode. Share your details and an advisor will confirm the current fee.
Placement assistance
Every student gets placement assistance — that is what 100% placement assistance means. It is support for all, not a job for all. We do not promise a specific salary, a specific number of interviews, or placement at any named company, and you should be wary of anyone who does.
What is included
- A place in the monthly placement drive, held every third Saturday
- The readiness programme every second Saturday — mock interviews and preparation
- CV review against the specific roles you are targeting
- Portfolio review, so your project work is presented the way a reviewer will read it
- Access to the vacancy pool employers send directly to the Samyak network
- Guidance on which roles realistically fit your background and which do not
- A place in the next drive, with coaching, if you are not selected in this one
What is not included
- Any guarantee of a job, an interview, or a particular salary
- Placement at a named or partner company
- Applying to jobs on your behalf
- Support before you have completed the course and its project work
- Visa, relocation or overseas placement assistance
Why we build without a framework
For three months you will write HTML, CSS and JavaScript directly. No React, no Tailwind, no component library.
That is deliberate and it is the point of the course. Frameworks are abstractions over this material. Learn the abstraction first and every problem beneath it becomes magic — you cannot fix a layout that breaks, cannot make a component keyboard operable, cannot explain why a page is slow.
Learn the foundation and the framework takes weeks instead of months, because it is doing things you can already name.
Accessibility from the start, not bolted on
Semantic HTML is taught in module two, before CSS, because the elements you choose set your accessibility ceiling.
A div with a click handler is not a button. It is not focusable, it does not
respond to the space bar, and a screen reader announces nothing useful. Using the
right element gives you all of that for free — which is why so much ARIA in real
codebases exists to reconstruct what a native element already did.
Every project here has an accessibility requirement in the deliverable, so it is a constraint you design within rather than an audit you fail later.
Deployment in month one
Your first project is deployed to a public URL, not left on your laptop.
This matters for a reason beyond the portfolio. Deployment is where beginners discover that something worked only because of their local setup, and meeting that four times over three months turns it from a mystery into a routine.
An honest note on where this leads
This course gets you to junior web developer or web designer level, and those are real jobs at agencies and small firms.
The ceiling is lower than a full stack path without extending further, and most people add React or backend work within a year. We would rather set that expectation now than let you discover it after applying. If you already know you want to build applications rather than sites, our full stack course is the better destination — this is still the right starting point for it.
Questions
Web Development — frequently asked questions
Is it worth learning HTML and CSS when frameworks exist?
Yes, and skipping it is the most common reason people stall later. React renders HTML and applies CSS. A developer who never learned the underlying model cannot fix a layout that breaks, cannot make a component accessible, and cannot diagnose why something works in one browser and not another. Frameworks sit on this, they do not replace it.
How is this different from your full stack development course?
This is the front end foundation only — three months, no server, no database. The full stack course assumes this material and builds APIs, databases, authentication and deployment on top of it. If you are a complete beginner, doing this first and full stack afterwards is a smoother and more reliable path than starting with full stack.
Can I get a job with only this course?
Junior web developer and web designer roles at agencies and small firms do hire on HTML, CSS and JavaScript skill plus a portfolio. The range is narrower than for full stack roles and the ceiling is lower without adding more. It is a genuine first job, and most people extend into React or backend work within a year.
Do I need to learn design as well?
Not to build, but basic layout and typography judgement makes your work noticeably better and is quickly learned. This course covers enough — spacing, hierarchy, contrast, readable measure — to build something that looks deliberate. Our graphic design and UI UX courses go considerably further if that interests you.
Enquire about Web Development
Three details is all we need. A course advisor will call you back.
Related courses
- Full Stack Development
Front end, back end, databases and deployment taught as one connected system, ending with applications you have shipped to a public URL and can walk an interviewer through.
- MERN Stack Development
One language across the whole stack, taught as a connected system — including the judgement about when a document database is the wrong choice, which most MERN courses never raise.
- UI UX Design
Design taught as decision-making you can justify, not decoration — ending with three case studies that show your reasoning, which is what design hiring actually assesses.
Next step
Talk to a course advisor
Tell us what you want to learn and we will help you pick the right course, batch and mode.