LEAP Applicable
Total Fees:
INR 15,000/-


The Front End Developer Course will give you strong understanding of the principles of Web Development for the web/screen environment. Over the course you will receive software training in Html 5, Css3, Jquery and Bootstrap to create websites and become proficient by the end of the course.

The Front End Developer Course is suitable for any 12+ Student, Graduate in any Stream and People who are looking for Jobs in Information Industry. It is also suitable for Graphic Designers and Web Designers who want to expand their portfolio to include Web Front End Technologies, and who want to learn about Web development and people with an interest in web and mobile development Industry.

The Front End Developer Course will equip you with all the skills necessary to understand information and interface development, and the ability to plan and develop a multi-page website project, for both desktop and mobile.

There are many job definitions within the web design discipline.

  • A Web Developer is a person who creates the Code of websites.
  • Front End Web Developers develop the website and let a  Webmaster/Developer do the actual coding for Database Connections.
  • Most often, they are also proficient with Front End Coding Standards.
Eligibility Criteria
10+2, Any graduate
Total Fee
INR 15,000/-
Joining Fee
INR 7,500/-
Reg. Fee
INR 1000/-
6 months
5 days/week
3.00 hrs/day
Career Prospects
Frontend Developer
UX Consultant
Web Designer

Software and Technologies

Google Material Design
  • Instructors having experience over 10 years in industry.
  • Information packed practical training starting from basics to advanced techniques.
  • Front End Developer Course is the Best suitable for beginners to advanced level users and who learn faster when demonstrated.
  • Course content designed by considering current industry standards in Front End Web Development field and the job market.
  • Practical assignments at the end of every session.
  • Weekly online and offline exams for better attention on learning.
  • Practical learning experience with live project work and examples.
  • Well equipped labs with high end pcs, projectors and comfortable ac environment.
  • Individual attention is provided due to small batch sizes.
  • “Job interview” as a subject and special classes for interview preparation to help you attain high pay jobs.
  • Personality development classes on weekends to develop positive approach towards life.
  • Time management classes once in a week to understand concept of time management in Front End Web Development field

Module 1. Orientation

  • Syllabus Review and Quiz
  • Subscribe to the course calendar
  • Review of Course Projects
  • Introduce yourself to the class on Google+

Designers Lounge: The Web Development Process

Module 2. Web File Management

  • Files and Folders
  • Downloading Web Pages
  • Editing Code
  • Zipping Folders
  • Zipping folders and Submitting Work

Module 3. HTML Tags

  • Choose a Website Topic
  • Overview of HTML Tags
  • The HTML 5 Template
  • The Head
  • Formatting Content
  • Compound Tags
  • Character Entities
  • Commenting and Formatting Code
  • Other HTML Tags
  • Additional Resources

Module 4. HTML Attributes and Images

  • Acquiring Images
  • Graphics File Formats
  • Editing Images
  • The img Tag
  • Absolute Links
  • Embedding Media
  • Relative Links
  • Validating Code

Module 5. CSS – Styling Tags

  • CSS Basics, Colors and Inline Styles
  • Inteternal Style Sheets and Basic Formatting
  • External Stylesheets
  • Common Properties
  • Additional Resources

Module 6. CSS – Page Layout

  • Classes IDs Divs Spans
  • The Box
  • Boxes in Boxes
  • Styling Page Divisions
  • Additional Resources

Module 7. Nav Bars

  • Adding a Navigation Bar
  • Customizing a Navigation Bar
  • Additional Resources

Module 8. Publishing Websites

  • FTP and Web Servers
  • Additional Resources

Module 9. Designing with Sections

  • Sections and Background Colors
  • Background Images
  • Adding a Navigation Bar
  • Additional Resources

Module 10. Javascript

  • Adding a jQuery Animated Scrolling Effect
  • Additional Resources

Module 11. Responsive Design

  • Module Overview
  • Page Layout, Mental Models & Chunking
  • Media Queries
  • Multiple Media Queries
  • Targeting Devices
  • Images and Video
  • Columns and Tweaks
  • The Viewport
  • On Your Own
  • Mobile First Design

Module 12. Front End Frameworks

  • Explore Bootstrap Elements
  • Downloading Bootstrap
  • Downloading a Bootstrap Example
  • Reviewing the Example Code
  • Replacing Page Content
  • Customizing the Design
  • Additional Resources