Graduate Conversion Program in Front-End Web Design and Development
- Onsite and Online
- Intakes: Jan, Apr, Jul, Oct
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.
Learning Outcomes
By the end of this program, participants will:
- Build complex, responsive, and accessible web interfaces.
- Understand advanced front-end development frameworks and libraries.
- Optimize web applications for performance and SEO.
- Collaborate effectively using version control systems like Git.
- Implement modern design trends and accessibility standards.
- Develop, test and deploy front-end projects using best practices.
- 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.
Target Audience
- 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.
Course Outline
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 |
Method of Delivery
Medium of Instruction
Sinhala and Simple English
Course Duration
60 Hours
Course Schedule
2 Hours, 3 Days per week
Course 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.