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

Enrollment
Pre-register yourself for the next cohort
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
Certification 1
Certification 2
Certification 1
Module 1
Module 2
Module 1
- Web Development Basics – HTML
- Advanced HTMLConcepts
- Introduction to Cascading Style Sheets (CSS)
- Advanced CSS
- JavaScript for Beginners
Module 2
- More JavaScript Concepts
- getting started with jQuery
- Bootstrap basics
- project: pipboy from Fallout 4
- project: google chrome extension
Certification 2
Module 1
Module 2
Module 3
Module 4
Module 1
- JavaScript Refresher
- React Basics & Working With Components
- Time to Practice: Component Basics
- React State & Working with Events
- Rendering Lists & Conditional Content
- Styling React Components
Module 2
- Debugging React Apps
- Diving Deeper: Working with Fragments, Portals & “Refs”
- Handling Side Effects, Using Reducers & Using the Context API
- Practice Project: Building a Food Order App
- Class-based components
- sending http requests
Module 3
- building custom react hooks
- working with forms and user input
- Diving into Redux (An Alternative To The Context API)
- Advanced Redux
- Building a Multi-Page SPA with React Router
- Adding Authentication To React Apps
Module 4
- Deploying React Apps
- A (Pretty Deep Dive) Introduction to Next.js
- Animating React Apps
- Replacing Redux with React Hooks
- Testing React Apps (Unit Tests)
- React + TypeScript
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
Experts working in the industry will mentor you in becoming successful professionals with leadership skills
Module 7
- Week 7
Web Tools
Module 8
- Week 8
Introduction to Javascript
Module 9
- Week 9
Intermediate Javascript
Module 10
- Week 10
Advanced Javascript
Module 11
- Weeks 11 & 12
Project 1 - Capstone Project
Module 12
- Week 13
Introduction to React
Module 13
- Week 14
React Router and Single Page Applications
Module 14
- Week 15
React Forms, Flow Architecture and Introduction to Redux
Module 15
- Week 16
More Redux and Client-Server Communication
Module 16
- Weeks 17 & 18
Project 2 - Capstone Project
Module 17
- Week 19
Introduction to Server-side Development
Module 18
- Weeks 20
Data, Data, Where art Thou Data?
Module 19
- Weeks 21
Halt! Who goes there?
Module 20
- Week 22
Backend as a Service (BaaS)
Module 21
- Weeks 23
Github
Module 22
- Weeks 24
Deploying Web Application
Module 23
- Weeks 25
Database
Module 24
- Weeks 26
Authentication & Security
Module 25
- Weeks 27 & 28
Project 3 - Capstone Project
Module 26
- Weeks 29 & 30
Review - Remaining Topics
Module 27
- Weeks 27 & 28
Job - Interview Mocking and Training
Module 7
- Weeks 17, 18 & 19
Design a User Experience for Social Good & Prepare for Jobs
Module 8
- Week 20
Revamp an App (Telemart, Airlift etc.)
Module 9
- Week 21
Assignment: Case Study on 5 UX mistakes of Airlift Express
Module 10
- Week 22
Design a Web Page in XD
Module 11
- Week 23
Capstone Project (1 and 2) Explained
Module 12
- Week 24
Introduction to Freelancing (Upwork)
Module 13
- Week 25
Introduction to Making a Resume / CV
Module 14
- Week26
Introduction to Making a Digital CV
Module 15
- Week 27
Introduction to making Behance, Dribbble and Linkedin Profiles
Module 15
- Week 28
Preparing for the Elevator Pitch
Module 16
- Week 29 & 30
Preparing for Product Design Interview Questions
Module 17
- Weeks 31
Intro to Negotiation in Jobs
Module 7
- Week 9
Clean Data, Assignment Prep
Module 8
- Week 10
Cleaning Data with SQL, Verify and Report Cleaning Results
Module 9
- Week 11
Adding Data to Resume + Course Challenge
Module 10
- Week 12
Organizing Data to Begin Analysis, Formatting and Adjusting Data
Module 11
- Week 13
Aggregating Data for Analysis, Performing Data Calculations
Module 12
- Week 14
Visualizing Data, Creating Data Visualizations with Tableau
Module 13
- Week 15
Crafting Data Stories, Developing Presentations and Slideshows
Module 14
- Week 16
Programming and Data Analytics, Programming using R Studio
Module 15
- Week 17
Working with Data in R, More About Visualizations, Aesthetics and Annotations
Module 16
- Week 18
Documentation and Reports, Learn About Capstone Basics
Module 17
- Week 19
Building Your Portfolio + Using Your Portfolioo
Module 18
- Weeks 20 & 21
Putting Your Certificate to Work
Module 19
- Weeks 22 & 23
Introduction to Probability and Data with R
Module 20
- Weeks 24 & 25
Inferential Statistics
Module 21
- Weeks 26 & 27
Linear Regression and Modelling
Module 22
- Weeks 28 & 29
Bayesian Statistics
Module 23
- Weeks 30
Statistics with R Capstone (Final Project)
Module 24
- Weeks 31
Job - Interview Mocking and Training
Module 7
- Week 9
Clean Data, Assignment Prep
Module 8
- Week 10
Cleaning Data with SQL, Verify and Report Cleaning Results
Module 9
- Week 11
Adding Data to Resume + Course Challenge
Module 10
- Week 12
Organizing Data to Begin Analysis, Formatting and Adjusting Data
Module 11
- Week 13
Aggregating Data for Analysis, Performing Data Calculations
Module 12
- Week 14
Visualizing Data, Creating Data Visualizations with Tableau
Module 13
- Week 15
Crafting Data Stories, Developing Presentations and Slideshows
Module 14
- Week 16
Programming and Data Analytics, Programming using R Studio
Module 15
- Week 17
Working with Data in R, More About Visualizations, Aesthetics and Annotations
Module 16
- Week 18
Documentation and Reports, Learn About Capstone Basics
Module 17
- Week 19
Building Your Portfolio + Using Your Portfolioo
Module 18
- Weeks 20 & 21
Putting Your Certificate to Work
Module 19
- Weeks 22 & 23
Introduction to Probability and Data with R
Module 20
- Weeks 24 & 25
Inferential Statistics
Module 21
- Weeks 26 & 27
Linear Regression and Modelling
Module 22
- Weeks 28 & 29
Bayesian Statistics
Module 23
- Weeks 30
Statistics with R Capstone (Final Project)
Module 24
- Weeks 31
Job - Interview Mocking and Training
Module 7
- Week 9
Clean Data, Assignment Prep
Module 8
- Week 10
Cleaning Data with SQL, Verify and Report Cleaning Results
Module 9
- Week 11
Adding Data to Resume + Course Challenge
Module 10
- Week 12
Organizing Data to Begin Analysis, Formatting and Adjusting Data
Module 11
- Week 13
Aggregating Data for Analysis, Performing Data Calculations
Module 12
- Week 14
Visualizing Data, Creating Data Visualizations with Tableau
Module 13
- Week 15
Crafting Data Stories, Developing Presentations and Slideshows
Module 14
- Week 16
Programming and Data Analytics, Programming using R Studio
Module 15
- Week 17
Working with Data in R, More About Visualizations, Aesthetics and Annotations
Module 16
- Week 18
Documentation and Reports, Learn About Capstone Basics
Module 17
- Week 19
Building Your Portfolio + Using Your Portfolioo
Module 18
- Weeks 20 & 21
Putting Your Certificate to Work
Module 19
- Weeks 22 & 23
Introduction to Probability and Data with R
Module 20
- Weeks 24 & 25
Inferential Statistics
Module 21
- Weeks 26 & 27
Linear Regression and Modelling
Module 22
- Weeks 28 & 29
Bayesian Statistics
Module 23
- Weeks 30
Statistics with R Capstone (Final Project)
Module 24
- Weeks 31
Job - Interview Mocking and Training
Frequently Asked Questions
The monthly fee for the courses is Rs 2000 and the registration fee is Rs 500 (it is non-refundable)
Yes, you will receive an international certificate after completing the course.
The eligibility criteria for the courses are age 22-35, unemployed, graduate, available for a full-time job after completion, basic English comprehension, preferably tech background, and computer skills.
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.

Alumni Success

Khalil Ahmed
Cohort 1
Hired as a Junior Web Developer at

Module 7
- Weeks 17, 18 & 19
Design a User Experience for Social Good & Prepare for Jobs
Module 8
- Week 20
Revamp an App (Telemart, Airlift etc.)
Module 9
- Week 21
Assignment: Case Study on 5 UX mistakes of Airlift Express
Module 10
- Week 22
Design a Web Page in XD
Module 11
- Week 23
Capstone Project (1 and 2) Explained
Module 12
- Week 24
Introduction to Freelancing (Upwork)
Module 13
- Week 25
Introduction to Making a Resume / CV
Module 14
- Week26
Introduction to Making a Digital CV
Module 15
- Week 27
Introduction to making Behance, Dribbble and Linkedin Profiles
Module 15
- Week 28
Preparing for the Elevator Pitch
Module 16
- Week 29 & 30
Preparing for Product Design Interview Questions
Module 17
- Weeks 31
Intro to Negotiation in Jobs
Module 7
- Week 9
Clean Data, Assignment Prep
Module 8
- Week 10
Cleaning Data with SQL, Verify and Report Cleaning Results
Module 9
- Week 11
Adding Data to Resume + Course Challenge
Module 10
- Week 12
Organizing Data to Begin Analysis, Formatting and Adjusting Data
Module 11
- Week 13
Aggregating Data for Analysis, Performing Data Calculations
Module 12
- Week 14
Visualizing Data, Creating Data Visualizations with Tableau
Module 13
- Week 15
Crafting Data Stories, Developing Presentations and Slideshows
Module 14
- Week 16
Programming and Data Analytics, Programming using R Studio
Module 15
- Week 17
Working with Data in R, More About Visualizations, Aesthetics and Annotations
Module 16
- Week 18
Documentation and Reports, Learn About Capstone Basics
Module 17
- Week 19
Building Your Portfolio + Using Your Portfolioo
Module 18
- Weeks 20 & 21
Putting Your Certificate to Work
Module 19
- Weeks 22 & 23
Introduction to Probability and Data with R
Module 20
- Weeks 24 & 25
Inferential Statistics
Module 21
- Weeks 26 & 27
Linear Regression and Modelling
Module 22
- Weeks 28 & 29
Bayesian Statistics
Module 23
- Weeks 30
Statistics with R Capstone (Final Project)
Module 24
- Weeks 31
Job - Interview Mocking and Training
Module 7
- Week 9
Clean Data, Assignment Prep
Module 8
- Week 10
Cleaning Data with SQL, Verify and Report Cleaning Results
Module 9
- Week 11
Adding Data to Resume + Course Challenge
Module 10
- Week 12
Organizing Data to Begin Analysis, Formatting and Adjusting Data
Module 11
- Week 13
Aggregating Data for Analysis, Performing Data Calculations
Module 12
- Week 14
Visualizing Data, Creating Data Visualizations with Tableau
Module 13
- Week 15
Crafting Data Stories, Developing Presentations and Slideshows
Module 14
- Week 16
Programming and Data Analytics, Programming using R Studio
Module 15
- Week 17
Working with Data in R, More About Visualizations, Aesthetics and Annotations
Module 16
- Week 18
Documentation and Reports, Learn About Capstone Basics
Module 17
- Week 19
Building Your Portfolio + Using Your Portfolioo
Module 18
- Weeks 20 & 21
Putting Your Certificate to Work
Module 19
- Weeks 22 & 23
Introduction to Probability and Data with R
Module 20
- Weeks 24 & 25
Inferential Statistics
Module 21
- Weeks 26 & 27
Linear Regression and Modelling
Module 22
- Weeks 28 & 29
Bayesian Statistics
Module 23
- Weeks 30
Statistics with R Capstone (Final Project)
Module 24
- Weeks 31