Graduate Conversion Program in Front-End Web Design and Development

This program is designed for individuals transitioning into the field of web development from non-IT backgrounds. It builds upon prior certifications, providing participants with advanced skills in designing and developing responsive, user-friendly web applications. Learners will gain expertise in HTML5, CSS3, JavaScript frameworks, web performance optimization, version control and project deployment, equipping them to deliver professional-grade web solutions.

Course Description

The Graduate Conversion Program in Front-End Web Design and Development is a comprehensive course tailored for non-IT graduates who have foundational knowledge in IT, Front-End Development, and UI/UX Design. This program bridges the gap between basic certifications and industry-level expertise, empowering learners to excel as professional front-end developers and designers.

The program combines theoretical foundations with extensive practical applications, focusing on modern technologies, best practices and real-world project development.

By the end of this program, participants will:

  1. Build complex, responsive, and accessible web interfaces.
  2. Understand advanced front-end development frameworks and libraries.
  3. Optimize web applications for performance and SEO.
  4. Collaborate effectively using version control systems like Git.
  5. Implement modern design trends and accessibility standards.
  6. Develop, test and deploy front-end projects using best practices.
  7. Work efficiently with REST APIs and backend data integration.
  • Certificate in IT Foundations for Non-IT Professionals.
  • Certificate in Front-End Web Developer.
  • Certificate in UI/UX Design.Basic understanding of HTML, CSS, JavaScript, and design principles.
  • Non-IT graduates aspiring to become front-end developers.
  • Professionals from non-technical backgrounds seeking a career change into web development.
  • Individuals with certifications in IT Foundations, Front-End Web Development, and UI/UX Design aiming to enhance their skills.
Module 1: Advanced HTML5 and CSS3
 

Semantic HTML5

Advanced CSS3 techniques (Flexbox, Grid)

Responsive design using media queries

CSS animations and transitions

 
Module 2: JavaScript for Front-End Developers 

Advanced JavaScript concepts

ES6+ features

DOM manipulation and event handling

Asynchronous JavaScript (Promises, Async/Await)

 
Module 3: Front-End Frameworks and Libraries 

Introduction to React.js

State management with React Hooks

Component-based architecture

Single-page application (SPA) development

 
Module 4: UI/UX Integration

 

Incorporating design mockups into code

Tools like Figma, Adobe XD to HTML/CSS

Designing for accessibility and inclusivity

User-centric design implementation

 
Module 5: Web Performance Optimization 

Image and asset optimization

CSS and JavaScript minification

Caching strategies

Web performance metrics (Lighthouse, Core Web Vitals)

 
Module 6: Version Control with Git
 

Git basics and GitHub workflows

Branching, merging and resolving conflicts

Collaborative coding with pull requests

Best practices in version control

 
Module 7: Responsive and Mobile-First Design 

Mobile-first design principles

Using frameworks like Bootstrap

Cross-browser and cross-device compatibility

Debugging responsive issues

 
Module 8: Working with APIs 

Introduction to REST APIs

Fetching and manipulating data using JavaScript

AJAX and Fetch API

API integration with front-end applications

 
Module 9: Advanced CSS Techniques
 

Preprocessors like SASS/LESS

CSS frameworks (Tailwind CSS, Bootstrap Advanced)

Dark mode and theme switching

Advanced selectors and pseudo-classes

 
Module 10: Testing and Debugging
 

Debugging with browser developer tools

Unit testing for JavaScript (Jest)

Accessibility testing tools

Cross-browser testing tools and techniques

 
Module 11: Deployment and Hosting 

Preparing a project for deployment

Hosting platforms (Netlify, Vercel, GitHub Pages)

Continuous integration and deployment (CI/CD) basics

Domain setup and SSL configuration

 
Module 12: Capstone Project
 

End-to-end project development

Real-world web application creation

Peer reviews and feedback

Presentation of the final project

 
The delivery method for this certification is entirely online, requiring candidates to have access to a personal computer.

Sinhala and Simple English

60 Hours
2 Hours, 3 Days per week
Rs 30,000/= 

How to Apply

Tell us a little about yourself and we’ll help with the rest. Our convenient online application tool only takes 10 minutes to complete.

After you submit your application, an admissions representative will contact you and will help you to complete the process.

Once you’ve completed your application and connected with an admissions representative, you’re ready to create your schedule.

How To Apply

Your Application

Tell us a little about yourself and we’ll help with the rest. Our convenient online application tool only takes 10 minutes to complete.

Our Response

After you submit your application, an admissions representative will contact you and will help you to complete the process.

Your Journey

Once you’ve completed your application and connected with an admissions representative, you’re ready to create your schedule.

FORM

Are you ready to take the next step toward your future career?