Graduate Conversion Program in Front-End Web Design and Development

  • Onsite and Online
  • Intakes: Jan, Apr, Jul, Oct
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.

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.

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
  • 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.

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.
Prerequisites
  • 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.
The delivery method for this certification is entirely online, requiring candidates to have access to a personal computer.

Simple English and Sinhala

60 Hours
3 Days per week, 2 Hours
Per Participant Fee: Rs 30,000/= 

How to Apply

  • You 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.

  • We Connect

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

  • You Get Ready

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?
Application Form