Frontend Web Development

Q: What are the fee structures and payment options at IEC?

We provide three payment methods to eligible applicants: Standard : A total fee of PKR 30,000, with an initial non-refundable registration fee of PKR 3,000. The remaining PKR 27,000 is payable in installments over 4-5 months. Scholarship : A non-refundable registration fee of PKR 1,000 is required to apply. IEC offers a 50% scholarship on the course fee, you’ll pay PKR 15,000 during the course and the remaining PKR 50,000 in easy monthly installments after securing a job post-graduation. Zakat : A non-refundable registration fee of PKR 500, with eligibility determined based on Islamic criteria.

Frontend Web Development

This course is designed to teach students the fundamental skills required to become a front-end web developer.

Enrolment

Click on Start Making Money to register for the program

Program Duration

5 months

Learning Format

Online

What You Will Learn

Build a simple HTML text site
Style web pages using CSS
Program websites with JavaScript
Build a Pipboy using Bootstrap
Build and publish a Google Chrome Extension
Implement user authentication in React apps
Build fullstack React apps with NextJS
Build standalone React apps & applications connected to a backend via HTTP

Course Syllabus

Program Offerings

Practical Skills

You will learn practical skills in emerging careers that make you more valuable and appealing to employers

Projects

You will acquire the knowledge to create portfolio-worthy projects showcasing your skills

Mentorship

Seasoned professionals will provide support to navigate career paths and focus on skills development.

Certification

Earn an Industry-Recognized Certificate

Complete our program and receive a professional certificate to showcase your skills.

Add it to your LinkedIn profile, resume, or CV to highlight your commitment to growth and stand out in the job market.

Module 7

Web Tools

Module 8

Introduction to Javascript

Module 9

Intermediate Javascript

Module 10

Advanced Javascript

Module 11

Project 1 - Capstone Project

Module 12

Introduction to React

Module 13

React Router and Single Page Applications

Module 14

React Forms, Flow Architecture and Introduction to Redux

Module 15

More Redux and Client-Server Communication

Module 16

Project 2 - Capstone Project

Module 17

Introduction to Server-side Development

Module 18

Data, Data, Where art Thou Data?

Module 19

Halt! Who goes there?

Module 20

Backend as a Service (BaaS)

Module 21

Github

Module 22

Deploying Web Application

Module 23

Database

Module 24

Authentication & Security

Module 25

Project 3 - Capstone Project

Module 26

Review - Remaining Topics

Module 27

Job - Interview Mocking and Training

Module 7

Design a User Experience for Social Good & Prepare for Jobs

Module 8

Revamp an App (Telemart, Airlift etc.)

Module 9

Assignment: Case Study on 5 UX mistakes of Airlift Express

Module 10

Design a Web Page in XD

Module 11

Capstone Project (1 and 2) Explained

Module 12

Introduction to Freelancing (Upwork)

Module 13

Introduction to Making a Resume / CV

Module 14

Introduction to Making a Digital CV

Module 15

Introduction to making Behance, Dribbble and Linkedin Profiles

Module 15

Preparing for the Elevator Pitch

Module 16

Preparing for Product Design Interview Questions

Module 17

Intro to Negotiation in Jobs

Module 7

Clean Data, Assignment Prep

Module 8

Cleaning Data with SQL, Verify and Report Cleaning Results

Module 9

Adding Data to Resume + Course Challenge

Module 10

Organizing Data to Begin Analysis, Formatting and Adjusting Data

Module 11

Aggregating Data for Analysis, Performing Data Calculations

Module 12

Visualizing Data, Creating Data Visualizations with Tableau

Module 13

Crafting Data Stories, Developing Presentations and Slideshows

Module 14

Programming and Data Analytics, Programming using R Studio

Module 15

Working with Data in R, More About Visualizations, Aesthetics and Annotations

Module 16

Documentation and Reports, Learn About Capstone Basics

Module 17

Building Your Portfolio + Using Your Portfolioo

Module 18

Putting Your Certificate to Work

Module 19

Introduction to Probability and Data with R

Module 20

Inferential Statistics

Module 21

Linear Regression and Modelling

Module 22

Bayesian Statistics

Module 23

Statistics with R Capstone (Final Project)

Module 24

Job - Interview Mocking and Training

Module 7

Clean Data, Assignment Prep

Module 8

Cleaning Data with SQL, Verify and Report Cleaning Results

Module 9

Adding Data to Resume + Course Challenge

Module 10

Organizing Data to Begin Analysis, Formatting and Adjusting Data

Module 11

Aggregating Data for Analysis, Performing Data Calculations

Module 12

Visualizing Data, Creating Data Visualizations with Tableau

Module 13

Crafting Data Stories, Developing Presentations and Slideshows

Module 14

Programming and Data Analytics, Programming using R Studio

Module 15

Working with Data in R, More About Visualizations, Aesthetics and Annotations

Module 16

Documentation and Reports, Learn About Capstone Basics

Module 17

Building Your Portfolio + Using Your Portfolioo

Module 18

Putting Your Certificate to Work

Module 19

Introduction to Probability and Data with R

Module 20

Inferential Statistics

Module 21

Linear Regression and Modelling

Module 22

Bayesian Statistics

Module 23

Statistics with R Capstone (Final Project)

Module 24

Job - Interview Mocking and Training

Module 7

Clean Data, Assignment Prep

Module 8

Cleaning Data with SQL, Verify and Report Cleaning Results

Module 9

Adding Data to Resume + Course Challenge

Module 10

Organizing Data to Begin Analysis, Formatting and Adjusting Data

Module 11

Aggregating Data for Analysis, Performing Data Calculations

Module 12

Visualizing Data, Creating Data Visualizations with Tableau

Module 13

Crafting Data Stories, Developing Presentations and Slideshows

Module 14

Programming and Data Analytics, Programming using R Studio

Module 15

Working with Data in R, More About Visualizations, Aesthetics and Annotations

Module 16

Documentation and Reports, Learn About Capstone Basics

Module 17

Building Your Portfolio + Using Your Portfolioo

Module 18

Putting Your Certificate to Work

Module 19

Introduction to Probability and Data with R

Module 20

Inferential Statistics

Module 21

Linear Regression and Modelling

Module 22

Bayesian Statistics

Module 23

Statistics with R Capstone (Final Project)

Module 24

Job - Interview Mocking and Training

Instructors

Abdur Rehman

He is a student of MS CS at NED university and also an experienced Web & Mobile app developer with 3+ years of experience in developing high-quality, user-friendly, maintainable & scalable applications for Web, Android & iOS platforms. Skilled in using React JS, React Native, React Navigation, Redux, and other technologies to build custom components, integrate APIs, and optimize app performance

Ijaz Liaqat

He is a dedicated React.js developer with two years of experience, currently employed at Orcalo Holdings. During his journey in the tech world, he has honed his skills in creating dynamic and user-friendly web applications.

Being part of the Orcalo team has provided him with an incredible opportunity to work on challenging projects and collaborate with talented professionals. He is passionate about exploring new technologies and is committed to continuously improving his expertise to deliver innovative solutions.

Wasiq Muhammad

Wasiq has 7+ years of experience in Full Stack Development and is currently working as a Principal Software Engineer in Pakistan's leading IT Company, Systems Ltd.

He has done Masters in Data Engineering and Information Management. He worked with Silicon Valley Startups to develop high-performance and scalable applications. He has been mentoring professionals and university students all over the world on cloud technologies.

Weekly Class Schedule

Here’s the tentative schedule for your course in the program. It’s designed to give you a clear understanding of what to expect. Please note that changes might occur, so consider this a general guide and stay updated for any revisions.

Featured Blogs

How to Learn Web Development: Complete Beginner Guide

Namra Khan February 25, 2026

Learn how to become a web developer in Pakistan with this beginner-friendly guide. Explore web

How to Earn Through Web Development: A Complete Guide

Namra Khan February 4, 2026

Learn how to earn through web development, explore career opportunities, freelancing options, and income potential,

Web Design vs Web Development: Differences, Skills & Careers

Namra Khan January 6, 2026

How to become a web developer in Pakistan. Learn web development meaning, skills, career scope,

Frequently Asked Questions

What are the fee structures and payment options at IEC?

We provide three payment methods to eligible applicants:

Standard: A total fee of PKR 30,000, with an initial non-refundable registration fee of PKR 3,000. The remaining PKR 27,000 is payable in installments over 4-5 months.
Scholarship: A non-refundable registration fee of PKR 1,000 is required to apply. IEC offers a 50% scholarship on the course fee, you’ll pay PKR 15,000 during the course and the remaining PKR 50,000 in easy monthly installments after securing a job post-graduation.
Zakat: A non-refundable registration fee of PKR 500, with eligibility determined based on Islamic criteria.

Who can join IEC’s programs to learn skills and start earning?

Our programs are open to university students, recent graduates, and anyone passionate about learning and growing in the tech field.

What is the application process to join an IEC course?

The enrollment process at IEC is straightforward:

Complete the application form
Take an assessment test
Undergo document verification
Pay the registration fee
Finalize enrollment

Why is professional development important?

Professional development includes improving soft skills, creating a standout resume, optimizing your LinkedIn profile, and receiving mentorship to better prepare for the job market. IEC offers comprehensive support in all these areas through the best online courses in Pakistan.

Alumni Success

Khalil Ahmed

Cohort 1

Hired as a Junior Web Developer at

Module 7

Design a User Experience for Social Good & Prepare for Jobs

Module 8

Revamp an App (Telemart, Airlift etc.)

Module 9

Assignment: Case Study on 5 UX mistakes of Airlift Express

Module 10

Design a Web Page in XD

Module 11

Capstone Project (1 and 2) Explained

Module 12

Introduction to Freelancing (Upwork)

Module 13

Introduction to Making a Resume / CV

Module 14

Introduction to Making a Digital CV

Module 15

Introduction to making Behance, Dribbble and Linkedin Profiles

Module 15

Preparing for the Elevator Pitch

Module 16

Preparing for Product Design Interview Questions

Module 17

Intro to Negotiation in Jobs

Module 7

Clean Data, Assignment Prep

Module 8

Cleaning Data with SQL, Verify and Report Cleaning Results

Module 9

Adding Data to Resume + Course Challenge

Module 10

Organizing Data to Begin Analysis, Formatting and Adjusting Data

Module 11

Aggregating Data for Analysis, Performing Data Calculations

Module 12

Visualizing Data, Creating Data Visualizations with Tableau

Module 13

Crafting Data Stories, Developing Presentations and Slideshows

Module 14

Programming and Data Analytics, Programming using R Studio

Module 15

Working with Data in R, More About Visualizations, Aesthetics and Annotations

Module 16

Documentation and Reports, Learn About Capstone Basics

Module 17

Building Your Portfolio + Using Your Portfolioo

Module 18

Putting Your Certificate to Work

Module 19

Introduction to Probability and Data with R

Module 20

Inferential Statistics

Module 21

Linear Regression and Modelling

Module 22

Bayesian Statistics

Module 23

Statistics with R Capstone (Final Project)

Module 24

Job - Interview Mocking and Training

Module 7

Clean Data, Assignment Prep

Module 8

Cleaning Data with SQL, Verify and Report Cleaning Results

Module 9

Adding Data to Resume + Course Challenge

Module 10

Organizing Data to Begin Analysis, Formatting and Adjusting Data

Module 11

Aggregating Data for Analysis, Performing Data Calculations

Module 12

Visualizing Data, Creating Data Visualizations with Tableau

Module 13

Crafting Data Stories, Developing Presentations and Slideshows

Module 14

Programming and Data Analytics, Programming using R Studio

Module 15

Working with Data in R, More About Visualizations, Aesthetics and Annotations

Module 16

Documentation and Reports, Learn About Capstone Basics

Module 17

Building Your Portfolio + Using Your Portfolioo

Module 18

Putting Your Certificate to Work

Module 19

Introduction to Probability and Data with R

Module 20

Inferential Statistics

Module 21

Linear Regression and Modelling

Module 22

Bayesian Statistics

Module 23

Statistics with R Capstone (Final Project)

Module 24

Job - Interview Mocking and Training