Beginner level Frontend Engineering

HTML, CSS and JavaScript for Responsive, Accessible Websites

Learn how websites work and build them properly: semantic HTML, modern CSS layout with Flexbox and Grid, responsive design, JavaScript and the DOM, asynchronous code with fetch, accessibility, DevTools and deployment, finishing with a polished multi-page project.

  • 41hours of work
  • 13parts
  • Checkedcapstone
  • Lifetimeaccess
  • Semantic HTML
  • Modern CSS layout
  • Responsive design
  • JavaScript and the DOM
  • Fetch and JSON
  • Web accessibility basics

At a glance

Who it is for

Beginners who want to become frontend developers, and anyone who wants to build web pages with real understanding rather than copied snippets.

Before you start

A computer with a modern browser and a code editor (VS Code). No programming experience is required; typing and basic computer skills are enough. A free GitHub account is needed from part 11.

How you finish

Pass the quizzes, complete the labs and submit your capstone. Everything is checked as you go and your certificate is issued the moment you finish.

What you will be able to do

  1. 01Write semantic, valid HTML and style it with modern CSS including Flexbox, Grid and custom properties
  2. 02Build layouts that adapt from phones to large screens with a mobile-first approach
  3. 03Program page behaviour with JavaScript, the DOM, events, fetch and local storage
  4. 04Make pages accessible to keyboard and screen reader users and check them with audits
  5. 05Use DevTools, Git and GitHub Pages to debug, version and publish a site

Curriculum 41 hours in 13 parts

Select a kind to highlight its parts.

Stage 1An interactive quiz and to-do app in vanilla JavaScript6 parts · 16 h
  1. 1
    How the web works, and your first HTML pageWorkshop · Follow along and build, with the steps and the traps written out.
    2 hFree
  2. 2
    CSS: the cascade, Flexbox, Grid and responsive designWorkshop · Follow along and build, with the steps and the traps written out.
    3 h
  3. 3
    Build a responsive landing page from a designWorkshop · Follow along and build, with the steps and the traps written out.
    2 h
  4. 4
    Check yourself: HTML and CSSQuiz · Twelve questions, marked at once, with the reason behind each answer.
    1 h
  5. 5
    JavaScript fundamentals and the DOMWorkshop · Follow along and build, with the steps and the traps written out.
    3 h
  6. 6
    An interactive quiz and to-do app in vanilla JavaScriptLab · Hands-on work. Many labs are checked automatically against what must exist.
    5 h
Stage 2A data-driven app with an API, full states and an accessibility and performance audit4 parts · 10 h
  1. 7
    Asynchronous JavaScript, fetch and working with APIsWorkshop · Follow along and build, with the steps and the traps written out.
    2 h
  2. 8
    Accessibility, performance and DevToolsWorkshop · Follow along and build, with the steps and the traps written out.
    2 h
  3. 9
    Check yourself: JavaScript, the DOM, fetch and accessibilityQuiz · Twelve questions, marked at once, with the reason behind each answer.
    1 h
  4. 10
    A data-driven app with an API, full states and an accessibility and performance auditLab · Hands-on work. Many labs are checked automatically against what must exist.
    5 h
Stage 3Tooling, deployment and professional habits2 parts · 3 h
  1. 11
    Tooling: Git, npm, Vite, linting and deploymentWorkshop · Follow along and build, with the steps and the traps written out.
    2 h
  2. 12
    Check yourself: tooling, deployment and professional habitsQuiz · Twelve questions, marked at once, with the reason behind each answer.
    1 h
FinishCapstone project1 part · 12 h
  1. 13
    A polished, accessible, fast multi-page website with a real backend integrationCapstone · A full project for your portfolio.
    12 h
Free lessonHow the web works, and your first HTML page
What you take away

An internship certificate with your skills on it.

Made for you automatically when you finish the last part, it names the internship programme, the level and the 41 hours, lists what you showed, and carries a number and a QR code. Anyone can check it on the NIBVEDA verification page, and it shows as withdrawn there if it is ever revoked.

  • Proof you completed all 41 hours of this internship programme
  • An Internship badge for your profile, CV or portfolio
  • Not a job, a stipend or an academic degree, and it says so
More in Frontend Engineering

Keep building.

3 programmes in this track, from beginner to expert. Buy the learning path and save 15%.

IntermediateIntermediate42 h Components, State, Data Fetching, Testing and Accessibility

Build real applications with React and TypeScript: strict typing for frontend code, components and hooks, forms and state management, routing and server-state with TanStack Query, styling and accessible UI, automated tests with Vitest, Testing Library, MSW and Playwright, and performance fundamentals.

  • TypeScript
  • React and hooks
  • State and forms
Rs. 649 + GST
ExpertExpert45 h Next.js, Security, Performance, Offline and Design Systems

Design and run large frontend systems: rendering strategies and the Next.js App Router, caching and data mutation, monorepos and micro-frontends, a versioned design system, frontend security, main-thread performance engineering, real-user monitoring, offline-first and real-time collaboration.

  • Rendering architecture
  • Next.js App Router
  • Monorepos and micro-frontends
Rs. 999 + GST

See all 3 programmes in Frontend Engineering Take the placement test

Before you enrol

Quick answers.

The policies have the full detail.

Is this a real internship?

It is a virtual internship programme: a structured, self-paced course built around a real project, with checked assessments and a certificate. It is not employment, it does not carry a stipend and it is not an academic or AICTE-approved qualification. What it gives you is verified, project-based evidence of skills.

How does self-paced work?

You start when you like and move at your own speed. Each part unlocks when you finish the one before it. There are no live classes and no deadlines. Your access is shown on each programme page.

How is my work checked?

Quizzes are marked as soon as you submit them. Labs use a tick-list of tasks. Intermediate and Expert programmes finish with a capstone that the NIBVEDA team reviews and either accepts or sends back with comments.

Can I get a refund?

Please read the refund policy before you buy. It explains when a refund is possible.

Ready to start?

Rs. 293.82 including GST. Lifetime access. Read the first lesson free before you decide.