Wiki Article · Cinematic

Frontend

Frontend (ya front-end) software development me application ka woh part hai jo user directly dekhta…

Overview

Frontend — Quick Facts

📌

Field: Value

🎯

Full Name: Frontend Development / Front-End

⚡

Also Known As: Client-Side, UI Layer,…

🔑

Category: Web Development / Software…

Topic 1

Infobox

📚 | Field | Value | |---|---| | Full Name | Frontend Development / Front-End | | Also Known…

Topic 2

Frontend Kya Hai

💡

Frontend = restaurant ka dining…

🔑

Backend = kitchen — cooking,…

⚡

Frontend = browser me jo dikhta…

🎯

Backend = server par jo hota hai —…

Topic 3

Frontend vs Backend

🎯 | Aspect | Frontend | Backend | |---|---|---| | Where runs | User ke browser/device me |…

Topic 4

Core Frontend Technologies

💡

Page ka structure define karta hai

🔑

Headings, paragraphs, images,…

⚡

Current version: HTML5…

🎯

Page ka visual design define karta…

Topic 5

Frontend Architecture

🔑 Neeche ka diagram modern frontend application ka typical architecture dikhata hai:…

Topic 6

Modern Frontend Ecosystem

💡

Modern frameworks (React, Angular,…

🔑

UI ko chhote reusable pieces me…

⚡

Har component apna HTML + CSS + JS…

🎯

Poora page reload nahi hota — sirf…

Topic 7

Responsive Design

💡

Website jo har screen size par…

🔑

Content automatically adjust ho —…

⚡

Media Queries — CSS me screen size…

🎯

Flexbox — flexible box layout —…

Topic 8

Performance

💡

FCP (First Contentful Paint) —…

🔑

LCP (Largest Contentful Paint) —…

⚡

TTI (Time to Interactive) — page…

🎯

CLS (Cumulative Layout Shift) —…

Topic 9

Best Practices

📚 1. Semantic HTML use karo — <header>, <nav>, <main>, <article> — accessibility + SEO 2.…

Comparison

Frontend vs Backend

⚖️

Where runs: User ke browser/device me

⚖️

User can see?: Haan — directly visible

⚖️

Core languages: HTML, CSS, JavaScript

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Quiz — Question 1

Frontend ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

Frontend ka 'Full Name' kya hai?

Complete! 🎉

Frontend Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Frontend Complete

➡️

Frontend

Frontend — Quick Facts

Field: Value

Full Name: Frontend Development / Front-End

Also Known As: Client-Side, UI Layer,…

Category: Web Development / Software…

Infobox

Frontend Kya Hai

Frontend = restaurant ka dining…

Backend = kitchen — cooking,…

Frontend = browser me jo dikhta…

Backend = server par jo hota hai —…

Frontend vs Backend

Core Frontend Technologies

Page ka structure define karta hai

Headings, paragraphs, images,…

Current version: HTML5…

Page ka visual design define karta…

Frontend Architecture

Modern Frontend Ecosystem

Modern frameworks (React, Angular,…

UI ko chhote reusable pieces me…

Har component apna HTML + CSS + JS…

Poora page reload nahi hota — sirf…

Responsive Design

Website jo har screen size par…

Content automatically adjust ho —…

Media Queries — CSS me screen size…

Flexbox — flexible box layout —…

Performance

FCP (First Contentful Paint) —…

LCP (Largest Contentful Paint) —…

TTI (Time to Interactive) — page…

CLS (Cumulative Layout Shift) —…

Best Practices

Frontend vs Backend

Where runs: User ke browser/device me

User can see?: Haan — directly visible

Core languages: HTML, CSS, JavaScript

Visual Flow

See Also

Backend

HTML

CSS

JavaScript

React

Framework

Quiz — Question 1

Quiz — Question 2

Frontend Complete!

Frontend Complete

Backend