Full-Stack Web Development

ZEF's Full-Stack Web Development training is a practical programme of 4 months covering HTML, CSS, JavaScript, a modern front-end framework, back-end APIs, databases, Git and deployment. You finish with a live production project and a GitHub portfolio.

Benchmarked against the Meta Front-End and Back-End Developer professional certificates and NAVTTC’s project-based approach.

• 8 modules
• 8 hands-on tasks

1. 1HTML, CSS and JavaScript4 topics

   Topics

   • Semantic HTML and accessibility
   • CSS layout with Flexbox and Grid
   • JavaScript fundamentals
   • The DOM and events

   You Will Be Able To

   • Build accessible, well-structured web pages
   • Add interactivity with JavaScript

   Hands-on

   • Build a multi-page personal website
2. 2Responsive Front End4 topics

   Topics

   • Mobile-first design
   • Tailwind or another CSS framework
   • Forms and validation
   • Performance basics

   You Will Be Able To

   • Build pages that work well on phones and desktops

   Hands-on

   • Convert a design mock-up into a responsive page
3. 3Modern JavaScript and React4 topics

   Topics

   • ES modules, async and fetch
   • React components, props and state
   • Hooks
   • Routing

   You Will Be Able To

   • Build a single-page app with React

   Hands-on

   • Build a React app that loads data from an API
4. 4Back End and APIs4 topics

   Topics

   • Node.js and Express
   • REST API design
   • Validation and error handling
   • Environment and configuration

   You Will Be Able To

   • Build and document a REST API

   Hands-on

   • Create an API for a small shop
5. 5Databases and SQL4 topics

   Topics

   • Relational design and normalisation
   • SQL queries and joins
   • An ORM
   • Migrations

   You Will Be Able To

   • Design a database and query it efficiently

   Hands-on

   • Design and connect a database to your API
6. 6Authentication and Security4 topics

   Topics

   • Sessions, tokens and password hashing
   • Authorisation and roles
   • OWASP basics
   • Input validation

   You Will Be Able To

   • Add secure login and role-based access to an app

   Hands-on

   • Add sign-up, login and roles to your project
7. 7Git, Testing and Deployment4 topics

   Topics

   • Git and GitHub workflow
   • Unit and end-to-end tests
   • CI basics
   • Deploying to a VPS or cloud

   You Will Be Able To

   • Work with Git in a team and deploy an app

   Hands-on

   • Write tests and deploy your app online
8. 8Production Project4 topics

   Topics

   • Planning and user stories
   • Building end to end
   • Code review
   • Portfolio and job readiness

   You Will Be Able To

   • Deliver a complete full-stack application

   Hands-on

   • Capstone: build, deploy and present a full-stack app

You build weekly features and a capstone application that must work live. Assessors review your code for structure, security basics and testing, and you explain your decisions in a short technical interview. Your result is Competent or Not yet competent, with a chance to improve and resubmit.

1. Assessment 1After modules 1–3
2. Assessment 2After modules 4–6
3. Final assessmentAfter all 8 modules, for your certificate

• 727,381Pakistanis registered for jobs abroad in 2024Source: BE&OE
• $38.3 billionsent home by overseas Pakistanis in 2024-25Source: State Bank of Pakistan
• $1.76 billionearned by Pakistani freelancers in 2025-26Source: State Bank of Pakistan

These are published national figures and market benchmarks to help you plan, not a promise of a job or income. What you earn depends on your skills, experience, employer and city. Subject to employer, licensing, visa and qualification-recognition requirements.