Orientation to Computing — II

Unit 6: Full Stack Web Development & UI/UX

From wireframe to deployment — master HTML, CSS, JavaScript, backend basics, and UI/UX design to build real websites and start freelancing.

⏱️ Time to Complete: 12–15 hours | 💰 Earning Potential: ₹10,000–₹30,000/month | 📝 30 MCQs (Bloom's Mapped)

💼 Jobs this unlocks: Jr. Web Developer (₹3–6 LPA) | Frontend Intern (₹15K–30K/month) | Freelance Web Dev (₹5K–25K/project)

Section A

Opening Hook — The Code Behind India's Biggest Platforms

🌐 How Zerodha Built India's Largest Trading Platform with <30 Engineers

Zerodha Kite processes over ₹30 lakh crore in daily trades — that's more money flowing through one web application every day than the GDP of many countries. And here's what's mind-blowing: the entire platform was built and is maintained by fewer than 30 engineers. No bloated team of 500 developers. No fancy Silicon Valley office. Just a lean team in Bangalore using Python, Go, and clean frontend code.

Then there's CRED — an app so beautifully designed that it won the Google Play Best App award. Its dark-themed UI with micro-animations and premium feel made users actually enjoy paying credit card bills. The design team at CRED obsesses over every pixel, every transition, every hover state. And Razorpay's developer dashboard is considered the gold standard for developer experience — clean API documentation, intuitive test mode, and a payment flow so smooth that 8 million+ businesses trust it.

What if YOU had built this? What if you could take a blank HTML file and turn it into a working, beautiful, revenue-generating web application? That's exactly what this chapter teaches you — from your first <h1> tag to deploying a full website for a real business.

🇮🇳 Zerodha🇮🇳 CRED🇮🇳 Razorpay🇮🇳 Flipkart🇮🇳 Swiggy🇮🇳 Paytm

India has 7.5 lakh+ active websites and the web development market is growing at 25% annually. India is the #2 largest freelancer market globally (after the US), with web development being the single most in-demand skill. An Indian web developer on Upwork earns an average of $15–$40/hour — that's ₹1,200–₹3,300/hour. A BCA student who can build responsive websites can start earning within weeks of completing this chapter.

Section B

Learning Outcomes — Bloom's Taxonomy Mapped

Bloom's Level	Learning Outcome
🔵 Remember	List the components of a web application (HTML, CSS, JS) and define client-server architecture, HTTP methods, and DNS resolution
🔵 Understand	Explain how HTML, CSS, and JavaScript work together to render interactive web pages, including the DOM concept and event-driven programming
🟢 Apply	Build a responsive multi-page website using HTML5 semantic elements, CSS3 Flexbox/Grid, and vanilla JavaScript with form validation
🟢 Analyze	Compare frontend frameworks (React, Angular, Vue) and backend technologies for different Indian startup use cases
🟠 Evaluate	Assess a website's UI/UX quality using WCAG accessibility standards, performance metrics, and visual design principles
🟠 Create	Design and deploy a complete 5-page responsive website for a real local Indian business with contact form integration