Professional Certificate in Web Design & Front-End Development
Learn web design principles, HTML, CSS, JavaScript, and responsive design. Build your portfolio with real projects.
12 weeks
Beginner to Intermediate
LKR 30,000
Curriculum
Course Modules
Expand each module to see the practical topics, exercises, and applied skills covered.
1Design Foundations for Modern Websites
Design Foundations for Modern Websites
What this includes
Understand layout, spacing, hierarchy, contrast, and visual consistency
Plan pages around user goals, content priority, and calls to action
Create simple wireframes before writing code
Apply mobile-first thinking to real page layouts
Review good and poor websites using a practical quality checklist
2HTML, Content Structure & Accessibility
HTML, Content Structure & Accessibility
What this includes
Build semantic page structures with headings, sections, links, lists, and forms
Use images, alt text, labels, and metadata responsibly
Organize website files for maintainable projects
Write markup that supports SEO and screen readers
Create a complete multi-section informational page
3CSS, Responsive Layouts & Visual Polish
CSS, Responsive Layouts & Visual Polish
What this includes
Use box model, flexbox, grid, spacing, and reusable classes
Style typography, colors, buttons, cards, and page sections professionally
Build responsive layouts for mobile, tablet, and desktop
Fix common overflow, alignment, and spacing issues
Translate a simple design reference into a coded page
4JavaScript for Interactive Interfaces
JavaScript for Interactive Interfaces
What this includes
Use variables, functions, arrays, objects, and conditions in UI logic
Select and update page elements with DOM methods
Build menus, tabs, accordions, modals, and form validation
Debug browser errors using developer tools
Add interaction without breaking accessibility or performance
5Portfolio Project, QA & Deployment
Portfolio Project, QA & Deployment
What this includes
Plan and build a polished portfolio or business website
Use Git basics and a clean project workflow
Test responsiveness, links, forms, accessibility, and loading behavior
Deploy the website and prepare a project presentation
Receive review notes and create a personal improvement roadmap
Learning Outcomes
Design user-friendly websites
Build responsive websites
Use modern web technologies
Create interactive user experiences
Deploy websites to the web
Prerequisites
Basic computer knowledge
Ready to Enroll?
Questions? Contact our student support team
Other Courses You Might Like
Check out more courses in the Web, Design & Digital Experience category
View All Web, Design & Digital Experience Courses