64 Hours
Online
2026 October 31
Saturday, 09.00am to 12.30pm
About the Programme
The Web Design and Development Programme is an online course designed for anyone interested in learning how to create professional websites and web applications from curious beginners to aspiring developers. Whether you're a student, recent graduate, or career switcher, this Programme off ers a fl exible and accessible path into the world of web design and development.
Through interactive live sessions and hands-on projects, participants will gain experience in both design and coding, build real-world projects, and explore emerging tools like AI in development. By the end of the course, learners will design, build, and deploy a complete web application and earn a certifi cation showcasing their skills.

- Module 01 : Web Design & Development Foundations
-
Introduction to Web Design and Development
-
Tools Setup: VS Code, Git, NodeJS, Chrome DevTools, Figma
-
Web Development Process
-
- Module 02 : UI Design with Figma
- Introduction to Figma
- Design systems : Building wireframes and interfaces
- Accessibility-first design: color contrast, focus order, readable typography
- Using AI in Figma
- Mini Project
- Module 03 : HTML Fundamentals
-
Introduction to HTML: semantic elements and document structure
-
Forms, inputs, labels, and validation
-
Web accessibility basics aligned to WCAG
-
SEO fundamentals: meta tags, Open Graph, semantic markup
-
AI to generate semantic markup and suggest accessibility improvements
-
Mini Project
-
- Module 04 : CSS Fundamentals and Responsive Web Design
-
CSS basics, the cascade, selectors, specificity
-
Responsive Web Design
-
CSS Frameworks
-
AI to refactor messy CSS and convert static designs to responsive layouts
-
Mini Project
-
- Module 05 : JavaScript for Web Development
-
JavaScript basics: variables, functions, control flow, data structures
-
Latest ES features
-
TypeScript fundamentals: types, interfaces, generics, type safety.
-
- Module 06 : Git & GitHub + Team Workflow
- Git Basics
-
Branching, merging, and resolving conflicts
-
GitHub collaboration: pull requests, code review, issues
-
AI-assisted code review and PR descriptions : Reading AI suggestions critically.
- Module 07 : React Fundamentals
-
Introduction to React; component-based architecture
-
JSX, components, props, state, and hooks (useState, useEff ect, etc.)
-
Building a React Design System using AI
-
Mini project
-
- Module 08 : Backend with Node.js & Express + MongoDB
- Introduction Node JS
- REST API: CRUD operations
- Authentication and authorization
- Database Basics
- Mini project
- Module 09 : CICD, Testing and AI in Web Development
-
Web Application Testing
-
CI/CD with GitHub Actions
-
Deployment to GitHub Pages & Netlify
-
AI to generate test cases, suggest performance fixes, and write CI workflows.
-
Per Participant Fee: Per Participant Fee : Rs. 40,360/- (Rs. 20,680/- *2 Installments)
Program fee can be paid to/transferred to Bank of Ceylon in favor of the SLIIT current A/C 0072821605 and the receipt should be emailed to pdpcontact@sliit.lk before the commencement of the Program.
Following are the required Payment Details:
- Name of the Bank – Bank of Ceylon
- Name of the Account – Sri Lanka Institute of Information Technology
- Account Number - 0072821605
- Branch – Kollupitiya
- Branch Code - 034
Please include your Full Name, Home Address, NIC Number, Mobile Number, Email Address and Minimum Qualification when emailing the payment receipt.
Make Your Inquiry
Get a professional qualification.
We are conducting well-recognized professional development programmes, training, and workshops. Join us and grow your career path today.
Connect with us to explore new possibilities for your future.
Refund Policy
- The students who request for Refunds are strictly advised to Email the requirement to pdpcontact@sliit.lk
- Only those who have made the full class fees are entitled to apply for a refund. The class fee paid as an installment will not be refunded
- Applicants who have not followed the course for more than one week will be entitled to a refund of 90% of the payment provided
- Applicants who have followed the course for less than one month will be entitled to a refund of 50% of the payment provided
- No refund will be provided after a period of one month
- The course fee is not transferable under any circumstance