Courses / web-design-with-html-css-js
Web Design Mastery (HTML, CSS & JS)
Master Web Design with Hands-On Projects
Ashis RoyIntermediateFeatured
Our Course Benefits
Requirements
- Laptop/PC
- Browser
- Willingness to build beautiful UIs
What to expect from this course
Master web design using HTML, CSS and basic JavaScript to create stunning, responsive websites.
The Curriculum
Module 1: Introduction to Web Design
- What is Web Design?
- Difference between Frontend & Backend
- Setting up VS Code & Live Server
- Basic Project Structure (HTML, CSS, JS folders)
Module 2: HTML Basics
- HTML Structure & Tags
- Headings, Paragraphs, Links
- Images, Audio & Video
- Lists (Ordered & Unordered)
- Forms & Input Elements
- Tables
Module 3: HTML Advanced
- Semantic HTML (header, footer, section, article)
- Forms with Validation
- Meta tags & SEO Basics
- Embedding Google Maps & YouTube
- HTML5 New Input Types
Module 4: CSS Basics
- Inline, Internal & External CSS
- Selectors & Combinators
- Colors, Backgrounds, Borders
- Margins, Padding & Box Model
- Fonts & Text Styling
Module 5: CSS Layouts
- Position (static, relative, absolute, fixed)
- Display (inline, block, inline-block, flex, grid)
- Flexbox (alignment, justify, wrap)
- CSS Grid Layout
- Responsive Design with Media Queries
Module 6: CSS Advanced
- Transitions & Animations
- Pseudo-classes & Pseudo-elements
- CSS Variables
- Custom Fonts & Icons (Google Fonts, FontAwesome)
- CSS Shadows & Gradients
Module 7: JavaScript Basics
- Introduction to JavaScript
- Variables & Data Types
- Operators & Expressions
- Conditions & Loops
- Functions & Events
Module 8: DOM Manipulation
- Selecting & Modifying Elements
- Changing Styles & Content
- Event Listeners
- Form Validation
- Creating & Removing Elements Dynamically
Module 9: Advanced JavaScript
- Arrays & Objects
- Array Methods (map, filter, reduce)
- ES6 Features (let, const, arrow functions)
- Async Programming (setTimeout, fetch API basics)
- JSON Basics
Module 10: Mini Project 1 - Personal Portfolio Website
- HTML structure for portfolio
- Styling with CSS
- Navigation & About section
- Adding Contact Form
Module 11: Mini Project 2 - Responsive Landing Page
- Using Flexbox & Grid
- Adding call-to-action buttons
- Responsive hero section
- Footer with social links
Module 12: Mini Project 3 - Interactive To-Do App
- Adding tasks dynamically
- Marking tasks as complete
- Deleting tasks
- LocalStorage to save tasks
Module 13: Final Project - E-Commerce Website (Mini)
- Product listing page
- Shopping cart functionality
- Responsive layout with CSS Grid
- Checkout form validation
- Final polish & deployment
From Zero to Hero in Web Design
₹ 12000 / Total Price
Enrolment NowCourse Features
- 🕒Duration3–4 Months
- 🎓Lectures32–40
- 🎥Recorded VideoYes
- 📄PDFYes
- 🧪Offline LabAvailable
- 🤝Support AssistanceOnline & Offline
Ashis Roy
Software Developer skilled in C, C++, Java, Python, Dart & Flutter. Also experienced in teaching Science for Class 4–10 with a passion for making learning simple and practical.
Frequently Asked Questions
What programming languages do you teach?
+Do you teach MERN Stack Development?
+Do you provide basic web development training?
+Do you have Science classes for school students?
+Do you teach Digital Marketing?
+Is App Development included?
+Are the courses live or recorded?
+Do you provide certificates after course completion?
+Is there a refund policy?
+Do you provide project-based learning?
+Learn Programming & Science with Aditiya Adhayana
Join our online and offline classes to master coding, web development, and science concepts — perfect for students, professionals, and curious minds.