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
Online
15 August 2026
Overview
What this course is about
Create beautiful, responsive websites with modern web design and frontend coding.
Skills you will build
- Design user-friendly websites
- Build responsive websites
- Use modern web technologies
- Create interactive user experiences
- Deploy websites to the web
Career opportunities
- Web Designer
- Frontend Developer
- UI Designer
- Web Developer
Entry requirements
Who can join
Basic computer knowledge
If you are unsure about your fit, submit an inquiry and an INTEX advisor will help check the right starting point.
Study structure
Course modules
Expand each module to see the practical topics, exercises, and applied skills covered.
1Design Foundations for Modern Websites
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
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
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
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
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
Fees
Course fee and payment support
Course fee
LKR 30,000
Confirm current fee, installment options, and any intake-specific offers with student support.
Support options
- Payment plan enquiries
- Scholarship guidance for eligible students
- Advisor support before enrollment
How to apply
Send your details
Submit the inquiry form and an INTEX student advisor will contact you with intake, fee, batch, and enrollment guidance.
