تا به حال از یک وب سایت بازدید کرده و فکر کرده اید ، “چگونه این حتی کار می کند؟”
بیایید آن را تجزیه کنیم – با یک نمایش عروسکی
🧵 این را تصور کنید:
شما در یک نمایش عروسکی هستید.
- در صحنه: شما عروسک های رنگارنگ را می بینید که می رقصید ، آواز می خواند ، ترفندهایی را انجام می دهید.
- پشت پرده: مردم (عروسک ها) رشته ها را می کشند و به عروسک ها می گویند چه کاری باید انجام دهند ، نسبت به تشویق های شما واکنش نشان می دهند.
دقیقاً اینگونه است که توسعه وب کار می کند.
🎨 frontend = نمایش عروسکی که می بینید
جبهه همه چیزهایی است که در یک وب سایت با آنها می بینید و با آنها ارتباط برقرار می کنید:
- دکمه هایی را که کلیک می کنید
- رنگ ها و چیدمان ها
- قلم ، انیمیشن ، منوها
- آن “حالت تاریک” خنک
این مانند مرحله ، چراغ ها و عروسک های زیبا و زیبا است که فقط برای شما نمایش می دهند.
👩🎨 ابزارهای تجارت جبهه:
- HTML = ساختار (خود عروسکی)
- CSS = سبک (عروسک های نقاشی شده و لباس های فانتزی)
- جاذب = تعامل (عروسک های در حال حرکت در هنگام جمع شدن!)
برای نکته: چارچوب هایی مانند React ، Vue و Svelte باعث می شوند که توسعه جلو حتی خیالی تر باشد – مانند داشتن عروسک های موتوری به جای رشته ها.
🧠 backend = مغز پشت پرده
پس زمینه همان چیزی است که باعث می شود عروسک ها کارها را انجام دهند.
شما آن را نمی بینید ، اما همیشه در پشت صحنه کار می کند:
- دریافت درخواست (مانند “اطلاعات پروفایل من را دریافت کنید”)
- صحبت با پایگاه داده ها (مانند “امتیازات عالی من”)
- تصمیم گیری (“آیا آنها وارد سیستم شده اند؟”)
- ارسال پاسخ به جبهه (مانند “اینجا اطلاعات شما است!”)
🧰 ابزارهای باطن:
- زبانها مانند node.js ، پایتون ، جاوا ، برو
- دیتابیس مانند postgresql ، mongodb ، mysql
- چارچوبها مانند Express ، Django ، Boot Spring
پس زمینه عروسک عروسکی است – به جمعیت واکنش نشان می دهد ، نمایش را کنترل می کند ، اما پنهان ماندن.
🧵 یک قیاس واقعی زندگی
🧒 شما: “من می خواهم سفارشات خود را در این سایت خرید ببینم.”
🧑🎨 Frontend: “مطمئنا! بگذارید از پس زمینه بپرسم.”
👷 Backend: (پایگاه داده را بررسی می کند) “در اینجا سفارشات شما وجود دارد: جوراب ، باتری و … کلاه گربه؟”
🧑🎨 Frontend: “آن را دریافت کردم! این لیست است ، همه برای شما آماده شده است.”
تمام آنچه می بینید صفحه خوبی است. اما پس زمینه این امکان را فراهم کرد. جادو؟ نه – کار تیمی.
🤹 پس … چه کسی چه می کند؟
| وظیفه | جبهه | پشت |
|---|---|---|
| دکمه های نمایش | ✅ | ❌ |
| داده های کاربر را ذخیره کنید | ❌ | ✅ |
| طرح را سبک کنید | ✅ | ❌ |
| منطق ورود به سیستم را کنترل کنید | ❌ | ✅ |
| یک منو را تحریک کنید | ✅ | ❌ |
| ارسال ایمیل | ❌ | ✅ |
برخی از devs در یک تخصص دارند. برخی هستند تمام پشته و هر دو را انجام دهید.
✨ tl ؛ دکتر
- 🧑🎨 جبهه = آنچه کاربران می بینند
- 👷 پشت = چه چیزی آن را در پشت صحنه قدرت می دهد
- با هم ، آنها یک نمایش عروسکی بی عیب و نقص قرار دادند.
🎟 بعدی:
DevOps – مانند تنظیم صحنه ، چراغ ها و نگه داشتن نمایش بدون آتش گرفتن.
سوالی دارید؟ استعاره های سرگرم کننده بیشتری می خواهید؟ آنها را در زیر رها کنید!
