Introduce learners to the core technologies of the web — HTML, CSS, and JavaScript — and guide them in building interactive and responsive web pages from scratch.
Who Should Enroll:
- Aspiring web developers
- Undergraduates in IT, CS, SE or relevant
Prerequisites:
Basic knowledge of the internet and usage of the web
Trainer:
Rasan Samarasinghe (Profile)
Training Fee:
Rs. 35,000.00 per participant (Method of payment)
Delivery:
Online with live sessions or self-paced
Duration:
36 hours
Medium:
English
Certification:
Digital certification with the transcript upon completion
Course Modules & Structure:
1: Introduction to Web Development
- What is web development?
- Overview of front-end, back-end, and full-stack roles
- How the web works: HTTP, browsers, servers
Activity: Explore browser developer tools
2: HTML Fundamentals
- Structure of an HTML document
- Tags, elements, and attributes
- Lists, tables, forms, and media
- Semantic HTML best practices
Hands-on: Build a personal profile page using HTML
3: CSS Fundamentals
- Inline, internal, and external CSS
- Selectors, properties, and values
- Box model, padding, margin, borders
- Colors, fonts, and layout basics
Hands-on: Style your HTML profile page with CSS
4: Responsive Design and Layout
- Flexbox and Grid systems
- Media queries and breakpoints
- Mobile-first design principles
Hands-on: Create a responsive landing page layout
5: Introduction to JavaScript
- Syntax, variables, data types
- Operators, conditionals, loops
- Functions and events
Hands-on: Add interactive features (e.g., button click)
6: DOM Manipulation
- Understanding the Document Object Model
- Selecting and modifying elements
- Handling user input and events
Hands-on: Create a simple interactive to-do list
7: Form Handling and Validation
- Capturing form inputs with JavaScript
- Basic client-side validation
- Feedback messages
Hands-on: Build a contact form with validation
8: Project – Build a Multi-Page Website
- Plan and wireframe your site
- Implement navigation and layout
- Use HTML, CSS, and JavaScript together
Capstone: Develop and present your website project
Skills You’ll Gain:
- Core HTML, CSS, and JavaScript skills
- Understanding of responsive web design
- Ability to create interactive and accessible pages
- Practice with real-world projects and layouts
Request this Training
We schedule our trainings based on the requests we receive. Whether you’re an individual or a team, fill out the form below to request this course. We’ll get back to you with available dates or a custom session – group or one-on-one. Learn more.