Certificate Program in Front End Web Development

Course Overview

INTAKES January, May & September
METHOD OF DELIVERY The delivery method for this certification is entirely online, requiring candidates to have access to a personal computer.
MEDIUM OF INSTRUCTION Sinhala and Simple English
COURSE DURATION 6 Months
COURSE SCHEDULE 2 Hours​, 3 Days per week
LEARNING HOURS 60 Hours

Course Contents

This Certificate Program in Front-End Web Development is designed to provide non-IT graduates with the skills and knowledge required to create engaging, responsive, and accessible websites and applications. The program combines fundamental web development techniques with the principles of UI/UX design to ensure a comprehensive learning experience. Participants will gain hands-on experience with modern tools, frameworks, and methodologies, enabling them to build user-centered web solutions from scratch.

Module Details
Module 1 Introduction to Web Development

Objective: Overview of web technologies and their evolution. Understanding the roles of front-end, back-end, and full-stack developers. Tools and setup: Text editors, browsers, and version control basics.

Module 2 HTML Essentials

Objective: Structure and syntax of HTML. Creating semantic and accessible web pages. Integrating multimedia: Images, videos, and audio.

Module 3 CSS Basics and Responsive Design

Objective: Fundamentals of styling with CSS. CSS layouts: Flexbox and Grid. Introduction to responsive design with media queries.

Module 4 Introduction to JavaScript

Objective: Basics of JavaScript: Syntax, variables, and operators. DOM manipulation and event handling. Debugging techniques and browser developer tools.

Module 5 Advanced JavaScript and Frameworks

Objective: ES6+ features: Arrow functions, template literals, and destructuring. Introduction to frameworks: React basics for building components. State management and single-page applications.

Module 6 UI/UX Fundamentals

Objective: Principles of UI/UX design: Usability, aesthetics, and functionality. Designing for different audiences and devices. Accessibility considerations (WCAG compliance).

Module 7 Prototyping and Wireframing

Objective: Creating low- and high-fidelity wireframes. Prototyping tools: Figma, Adobe XD, or Sketch. Iterative design and feedback incorporation.

Module 8 Advanced CSS and Preprocessors

Objective: CSS animations and transitions. Using preprocessors like SASS for modular CSS. CSS frameworks: Bootstrap and Tailwind CSS.

Module 9 Version Control and Collaboration

Objective: Introduction to Git and GitHub. Best practices for version control and collaboration. Managing and merging branches.

Module 10 Optimizing Web Performance

Objective: Techniques for website speed optimization. Image compression and lazy loading. SEO basics for front-end developers.

Module 11 Integrating UI/UX with Front-End Development

Objective: Bridging design and development workflows. Implementing designs into code effectively. Usability testing and refinement.

Module 12 Final Project and Portfolio Building

Objective: Capstone project: Develop a complete responsive web application. Portfolio development and showcasing your work. Preparing for job interviews and the job market.

Course Fee

Your Investment

Rs 60,000/=

Admission Requirements

  • Basic Computer Literacy: Familiarity with everyday computer tasks, such as navigating web browsers and creating basic documents.

  • Beginner Friendly: No prior programming, coding, or IT background is required.

  • Hands-on Engagement: A willingness to learn through practical coding exercises and active participation.

Please review the entry requirements before starting your application.

Contact Us

Ms. Shanika Rajasinghe

Ms. Shanika Rajasinghe

Course Coordinator

shanika@gsdc.lk 94712 993 993 Chat on WhatsApp