Web Designing Front End course in Rawalpindi Pakistan

Teacher Profile More Courses...

Learn freelancing with the best Front end website designing professional course. You will gain full in-depth knowledge of responsive and google friendly front end website designing This includes HTML 5, CSS 3, JavaScript, Bootstrap, jQuery and SEO techniques.

Website Designing Course Contents / Syllabus

Web designing and development is a fast growing field in Rawalpindi and Islamabad. More technologies are introduced rapidly and we need to keep ourselves up-to-date to compete with others in the market.
We at MASIA Insitute offer you guaranteed expert level training in the field of website designing and development. You will become a professional web designer and web developer in the given duration.

The key elements of this course are:

1) Basic of web designing

  • Introduction to website designing
  • Web Server and Web Browser
  • Tools and Editors
  • Static website VS Dynamic website
  • Comparison of Different Languages and Tools

2) HTML 5

  • HTML and XHTML
  • Elements & Attributes
  • Headings
  • Adding and formatting Paragraph Text
  • Formatting your website template
  • Adding Hyperlinks and Buttons in your website
  • Images and its usage
  • Image mapping
  • Tables and its different usage in web designing
  • Bulleted Lists and its professional usage
  • Forms and Interface designing
  • Creating custom colors using Color codes
  • Frames with professional implementation
  • Formatting text and using different Fonts
  • Adding page information for Google and other webs using Meta tags

3) CSS 3.0

  • Different methods of creating styles
  • Different Coloring options
  • Creating and formatting professional Background Effects
  • Advance Text effects
  • Positioning objects with different Display levels
  • The CSS Box model
  • Working with Floats
  • Using Borders with different effects
  • Understanding CSS Outline
  • Working with Margins and Padding
  • Professional usages of Lists
  • Using the z-index
  • Creating complex website layouts
  • Color Gradients
  • Creating your own drop down menu in CSS
  • Animations using CSS 3.0
  • Responsive Website Designs using CSS 3.0
  • Using Custom fonts in your website designs
  • Creating different themes for your website
  • Flexbox with examples

4) JavaScript

  • Coding conventions
  • Embedding JavaScript in html
  • Usage of variables in your program
  • Statements, operators and relational expressions
  • Using Loops (while and for)
  • Arrays and its uses
  • Working with Events
  • Popup windows
  • Creating custom slider
  • Defining and invoking functions
  • Runtime style using DHTML
  • CSS class switching
  • Creating and removing HTML contents in Run-Time
  • Simple Animation using JavaScript
  • Professional form validation techniques using JavaScript (mini project)
  • Creating basic animation using JavaScript (mini project)
  • Professional Form validation effects (mini project)

5) Optimization Techniques

  • Cross Browser Compatibility Issues
  • Fixing issues with JS and CSS
  • Google Friendly programming techniques
  • Smart phone friendly programming techniques
  • Search Engine Optimization Basics

6) Bootstrap

  • Understanding bootstrap grid system
  • Creating responsive layouts
  • Bootstrap Typography
  • Bootstrap Tables
  • Bootstrap Forms
  • Bootstrap Buttons
  • Bootstrap Messages
  • Bootstrap Navbar
  • Bootstrap Drop Down Menus
  • Bootstrap Alerts
  • Bootstrap Pagination
  • Bootstrap List groups
  • Bootstrap Wells
  • Bootstrap Slider
  • Working with image galleries
  • Using different themes
  • Working with Font Awesome
  • Project : Creating a complete responsive website layout using bootstrap

7) jQuery

  • ‎Introduction
  • ‎jQuery – Basics
  • ‎jQuery – Selectors
    • jQuery – CSS Element Selector and ID Selector
    • jQuery – CSS Element Class Selector and Universal Selector
    • jQuery – CSS Multiple Elements E, F, G Selector
    • jQuery Callback Functions
  • ‎‎jQuery – DOM Attributes
    • Get Attribute Value
    • Set Attribute Value
  • ‎jQuery – DOM Traversing
    • Find Elements by index
    • Filtering out Elements
    • Locating Descendent Elements
    • JQuery DOM Traversing Methods
  • ‎jQuery – CSS Methods
    • Apply CSS Properties and Multiple CSS Properties
    • Setting Element Width & Height
    • JQuery CSS Methods
  • ‎jQuery – DOM Manipulation Methods
    • Content Manipulation
    • DOM Element Replacement
    • Removing DOM Elements
    • Inserting DOM elements
    • DOM Manipulation Methods
    • Binding event handlers
    • Removing event handlers
    • Event Types
    • The Event Object and Attributes
  • ‎jQuery – Effects
    • JQuery Effect Methods, Hide and Show
    • jQuery Toggle
    • jQuery Slide – slideDown, slideUp, slideToggle
    • jQuery Fade – fadeIn, fadeOut, fadeTo
    • jQuery Custom Animations

8) cPanel and Uploading

  • Basic working of cPanel
  • Uploading Website
  • Creating Email IDs
  • Checking website metrics


Method of Delivery

  • Lecture = 25%
  • Computer Lab = 75%

Award Criteria

Students will be awarded certificate from MASIA soft, if fulfill the following minimum requirements:

  • Attendance in Web Development Class = 75%
  • Marks in Website Development Project = 80%

Grading System

Students Grades are calculated from assignments, classwork and the final project.

Appeal Process

If not satisfied with the obtained marks you can write to complaint@masia.pk

for details call: 0314-5110085    |     0321-9102942

Web Designing Front End

Apply Online

Web Designing Front End Course Details

Fee Range:
PKR. 16,000/- to 18,000/-

2 to 3 Month(s)


Class Per Week:

Weekend Course:
Available on Saturday Sunday

Starting Date:

Web Designing Front End Class Timing

Classes 4 / 5 Days a week

Morning Classes
  • 8:00 to 9:00
  • 9:00 to 10:00
  • 10:00 to 11:00
  • 11:00 to 12:00
  • 12:00 to 1:00
Evening Classes
  • 2:00 to 3:00
  • 3:00 to 4:00
  • 4:00 to 5:00
  • 5:00 to 6:00

Teacher Profile

best computer institute in rawalpindi. Sir Ishtiaq Ahmad Khan

With 15 years of working experience along with 13years of teaching experience, Sir Ishtiaq Ahmad Khan has trained 1000s of students since 2007. Sir Ishtiaq Ahmad Khan is leading our team of graphics designers and web developers.

Sir Ishtiaq had provided training workshops in different Govt. and private sector organizations. Some of these organizations are:

  • UNHCR Islamabad
  • University of Peshawar
  • IBMS, Agricultural University Peshawar
  • and many others
There are other teachers in the faculty. Teacher may be other then Ishtiaq Ahmad Khan