Viva Technologies

Part I: The Building Blocks

Module 1: HTML5 & Semantic Web Duration: 2 Weeks

Introduction to the Web, Browsers, and Code Editors (VS Code)
HTML structure, elements, attributes, and semantic tags
Working with text, links, lists, images, and embedded media
Building accessible and highly-structured HTML forms

Module 2: Styling with CSS3 Duration: 3 Weeks

CSS Selectors, Colors, Fonts, and Typography styling
Mastering the CSS Box Model: Margins, Padding, Borders
Positioning elements: Static, Relative, Absolute, and Fixed
CSS Transitions, Transforms, and basic Keyframe animations

Part II: Responsive & Modern Layouts

Module 3: Flexbox & CSS Grid Duration: 2 Weeks

Understanding 1D layouts with CSS Flexbox
Building complex 2D layouts using CSS Grid
Aligning, justifying, and distributing space perfectly

Module 4: Mobile-First Design & Bootstrap Duration: 3 Weeks

Using CSS Media Queries for responsive breakpoints
Introduction to the Bootstrap 5 component library
Utilizing Bootstrap's 12-column grid system for rapid development
Project: Building a fully responsive multi-page portfolio website

Part III: JavaScript Interactivity

Module 5: JavaScript Fundamentals Duration: 3 Weeks

JS Syntax, Variables (let, const), Data Types, and Arrays
Logical Operators, If/Else statements, and Loops (for, while)
Writing reusable logic using Functions and Arrow Functions

Module 6: DOM Manipulation & Projects Duration: 3 Weeks

Selecting and modifying HTML elements via the JS Document Object Model
Handling user interactions using Event Listeners (click, scroll, input)
Creating dynamic UI components: Modals, sliders, and accordions
Final Capstone: Building an interactive web application from scratch

About the Mentor

Lead UI/UX Architect

Senior Frontend Developer

With years of practical agency-level experience, our lead instructor doesn't just teach code; they teach you how to think like a designer. The curriculum heavily focuses on modern industry standards, ensuring your code is clean, responsive, and highly optimized. You will learn the exact workflows used in professional tech companies, from initial Figma planning to writing production-ready HTML, CSS, and JS.

Enrollment Options

Frontend Beginner

₹ 15,000

Perfect for UI/UX designers and beginners.

Access to Part I & II (HTML, CSS, Bootstrap)
Responsive Portfolio Project
Downloadable Code Snippets & Templates
Certificate of Completion

Enroll Now

Pro Web Developer

₹ 30,000

Master logic and interactivity.

Everything in the Beginner Track
Access to Part III (JavaScript & DOM)
Interactive Capstone Web App Project
Freelancing & Agency preparation guide
Code review and GitHub portfolio setup

Join Pro Track

Frequently Asked Questions

Do I need prior coding experience?

No, this course is designed for absolute beginners. We start from the very basics of what a web page is and progressively build up to complex, interactive layouts.

Does this course cover Backend development (like PHP or Node.js)?

No, this is a dedicated Frontend Web Designing masterclass. We focus entirely on what the user sees and interacts with (UI/UX, HTML, CSS, and JavaScript). Backend development is covered in a separate track.

What software will we use?

We utilize industry-standard, free software. We will primarily code in Visual Studio Code (VS Code) and test our designs across modern web browsers using built-in Developer Tools.

Will I have a portfolio at the end of the course?

Yes! We believe in project-based learning. By the time you complete the course, you will have built fully responsive websites and interactive applications that you can showcase to potential employers or freelance clients.