• بریم سراغ آموزش جذابمون😎🔥 •

•۱ روز اول | زبان وب 💻 سال 1989. داخل آزمایشگاه CERN، جایـی که دانشمندها روی فیزیـک و ساخـتـار جهان کار می‌کردن، یه مشکل ساده وجود داشت: دانشمندها در کشورهای مختلف کار می‌کردن و اطلاعاتشون روی سیستم‌ های مختلف پخش شده بود. تیم برنرز لی دنبال راهی بود که ایـن اطـلاعـات راحـت‌تر باهـم به اشـتـراک گذاشته بشه.🖇 ایده‌ای شکل گرفت که بعدها چیزی شد که امروز تقریباً همه ما هر روز ازش استفاده می‌کنیم: World Wide Web | وب •

•۲ اولین Web Server دنیا هم روی یـک کامـپـیـوتر Next در دفتر خود برنرز لی اجرا می‌شد... حتی روی دستگاه یک برچسب دست‌نویس زده بودن:📜⚠️ «این دستگاه یک سرور است. خاموشش نکنید!» و اولین وب‌سایت دنیا هم درباره خود Web بود آدرسش: info.cern.ch اما قسمت جالب داستان برای ما از اینجا شروع میشه👇 برای اینکه مرورگر تو بتونه با یک وب-سرور صحبت کـنـه، بایـد یک زبان مشترکی داشته باشن.🤝 این زبان شد HTTP. •

•۳🛑 ⭕️ در اصل HTTP یک مدل ساده داره: ✋ --- تو درخواست می‌فرستی ---» سرور جواب میده 🎗 Request » Server » Response مثلاً وقتی وارد یک سایت می‌شی، مرورگر ممکنه چیزی شبیه این بفرسته: GET / HTTP/1.1 یعنی: «سلام سرور، من صفحه اصلی رو می‌خوام.» و سرور جواب میده: HTTP/1.1 200 OK یعنی: «درخواستت درست بود، این هم چیزی که خواستی.» پایه بخش بزرگی از دنیای وب همین ارتباط رفت و برگشتیه✅ •

• بحث های امنیتی‌ش بمـونه برای فردا + تمرینی که باید انجام بدین و بفرستین🫀 منتظر نظراتتون تو ناشناس هستم :) •

• متاسفانه نت اصلا یاری نمیکنه..😕 •

• بریم سراغ ادامه آموزش‌ها و تمرین شما ☠🔥 •

•۱ 🔴 حالا زبان وب از دید امنیتی: 👇 اگر تمام ارتباط بین مرورگر و برنامه از طریق درخواست و جواب انجام میشه... پس یه متخصص امنیت باید بتونه اینها رو متوجه بشه و پشت صحنه رو تحـلـیل کنه؛🤫 •

•۲ GET /profile?id=123 سؤال) اگر id رو تغییر بدیم چی میشه؟🤔 اینجا HTTP بـرای متخصص امنیت تبدیل به ابزار میشه🏴‍☠ •

• تمرین روز اول اگر تا حالا با DevTools کار نکردی اهمیتی نداره برای اولین‌بار تستش کن😉 مرورگر وقتی یک سایت رو باز می‌کنیم، پشت صحنه چه حرف‌هایی با سرور می‌زنه؟ مرحله اول: باز کردن DevTools مرورگر Chrome یا Edge رو باز کن. یک سایت ساده باز کن؛ مثلاً سایت خودت یا یک سایت آزمایـشـی، حالا یکی از این کارها رو انجام بده: روش اول: روی صفحه راست‌کلیـک کن و گزینه Inspect رو بزن. روش دوم: اگر ویندوز داری، کلیدهای زیر رو بزن: F12 اگر لپ‌تاپت F12 رو با کلیدهای Function استفاده می‌کنه، ممکنه لازم باشه: Fn + F12 اگر از مک استفاده می‌کنی: Command + Option + I یک پنجره کنار یا پایین مرورگر باز میشه. این همون DevTools هست✍ •

. DevTools: مجموعه ابزارهایی که به ما اجازه میده بفهمیم مرورگر دقیقاً با صفحـه وب چه کارهایی انجام میده✅ مرحله دوم: پیدا کردن Network بالای DevTools چند گزینه می‌بینی. معمولاً گزینه‌هایی مثل: Elements Console Sources Network روی Network کلیک کن. ممکنه صفحه تقریباً خالی باشه✋ مرحلـه ســوم: Request | درخواسـت‌ها رو ببین حالا یک بار صفحه رو Refresh | رفرش کن. برای این کار می‌تونی: Ctrl + R یا F5 رو بزنی. اگر همه چیز درست انجام شده باشه، اگهان تـعـداد زیــادی ردیف Network ظاهر میشه. •

• این‌ها Requestهایی هستن که مرورگر برای دریافت قسمت‌های مختلف صفحه ارسال کرده📩 چیزهایی مثل این می‌بینی: document css js png svg font مرحله چهارم: اولین Request | درخواست رو انتخاب کن رو یکی از ردیف‌ها رو کلیک کن... ✅ حالا سمت راست یا پایین صفحه اطلاعات بیشتری نمایش داده میشه. دنبال قسمت‌هایی مثل این بگرد: Headers Payload Preview Response فعلاً فقط Headers رو باز کن. مرحله پنجم: Request | درخواست رو بخون داخل Headers دنبال قسمت Request URL بگرد. این آدرس جاییه که مرورگر درخواست رو به اون ارسال کرده. بعد دنبال Request Method بگرد. ممکنه نوشته باشه: GET یعنی مرورگر از سرور چیزی درخواست کرده. بعد Status Code رو پیدا کن. مثلاً: 200 یعنی درخواست با موفقیت پاسخ گرفته. ممکنه کدهای دیگه‌ای هم ببینی: 404 یعنی چیزی که درخواست شده پیدا نشده. 403 یعنی سرور درخواست رو نپذیرفته. 500 یعنی سمت سرور مشکلی اتفاق افتاده. اینا همون شماره هاییه که میبینی رو سایت •