https://virgool.io/feed/@elhamnasrabadi دانشجوی مهندسی نرم افزار / علاقمند به کامپیوتر و دنیای تکنولوژی fa 2026-06-17 00:57:31 https://files.virgool.io/upload/users/1188741/avatar/IzBOBW.jpeg?height=120&width=120 https://virgool.io/@elhamnasrabadi https://virgool.io/Devedoping/%D8%A2%DB%8C%D8%A7-%D9%85%DB%8C%D8%AF%D9%88%D9%86%DB%8C%D8%AF-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1-%D9%87%D8%A7-%DA%86%DA%AF%D9%88%D9%86%D9%87-%DA%A9%D8%A7%D8%B1-%D9%85%DB%8C%DA%A9%D9%86%D9%86%D8%AF-yv1jsenvhzuh مرورگر های وبمرورگر ها از اون ابزار هایی هستند که ما هر روز یا هر ساعت ازشون استفاده میکنیم ، ممکنه بار ها ذهن ما رو درگیر این شده باشه که مرورگر ها چگونه کار میکنند؟ آشنایی با نحوه ی عملکرد مرورگر موضوعی هست که در این مقاله برای شما به طور قابل فهمی توضیح داده میشه .پس با ما همراه باشید. ویکی پدیا در تعریف مرورگر یا مرورگر وب می گوید: «Web Browser یا مرورگر وب برنامه نرم افزاری است که دیتا را از منابع اطلاعاتی وب جهان شمول دریافت کرده، به نمایش می گذارد و یا باز پس می فرستد. این منابع اطلاعاتی می توانند صفحات اچ تی ام ال و وب پیج، عکس، ویدیو و انواع دیگری از محتوا باشند.»به زبان ساده تر می توانیم بگویم که مرورگر وب یک برنامه یا نرم افزار است که دریافت و مشاهده اسناد و دیگر منابع محتوا از اینترنت را برای کاربران به شکل ساده ای امکان پذیر می سازد.از مرورگر های پر کاربرد امروزی میتوان به موارد زیر اشاره کرد:Google ChromeOpera Firefox safariنحوه عملکرد مرورگراین کار در سه مرحله صورت میگیرد .پیدا کردن IP آدرسبرقراری ارتباط با TCPبرقراری ارتباط و انتقال اطلاعاتhttps://www.virgool.ioبا وارد کردن یک آدرس اینترنتی مشابه بالا در یک مرورگر و زدن کلید Enter اولین کاری که باید انجام شود پیدا کردن آدرس IP مربوط به صفحه‌ای‌ست که شما آدرس آن را وارد کرده‌اید.به ساختار عددی مانند ۱۵۱٫۱۰۱٫۶۵٫۱۲۱ آدرس آی پی (IP Address) گفته می شود.در پیدا کردن آدرس DNS در این راه به شما کمک می کند.می‌توان DNS را درست مانند یک دفترچه تلفن در نظر گرفت که به ما در پیدا کردن شماره تلفن یک شخص خاص کمک می‌کند.نحوه کار مرورگر1. بعد از وارد کردن آدرس صفحه و انتخاب دکمه Enter، کش مرورگر ابتدا بررسی می‌شود. مرورگر همواره نسخه‌ای از رکوردهای DNS را برای خود نگه می‌دارد. داده‌های مربوط به این رکوردها، وبسایت‌هایی هستند که قبلا به آن‌ها مراجعه کرده‌اید. در این حالت DNS به سرعت آدرس IP را پیدا کرده و نتیجه را برمی‌گرداند.۲. اگر آدرس IP در مرحله اول پیدا نشد، DNS در کش سیستم عامل با استفاده از router cache به دنبال وبسایت مورد نظر خواهد بود.۳. اگر دو مرحله قبلی چاره کار نبودند، DNS سراغ سرور اصلی برای DNSها می‌رود. سروری که تحت عنوان Resolver Server شناخته می‌شود. این سرور چیزی نیز جز سرویس‌دهنده اینترنت یا همان ISP شما.۴. اگر در مراحل قبلی چیزی پیدا نشد، درخواست به سرور ریشه سلسله DNS می‌رود. اینجا قسمتی است که به ما کمک می‌کند تا اطلاعات مورد نظرمان را پیدا کنیم. اگر آدرس IP ما مربوط به دامنه سطح بالا یا TLD باشد، ISP یا همان سرور Resolver می‌تواند از اطلاعات سرور TLD استفاده کند.۵. در این مرحله Resolver از TLD می‌خواهد که آدرس IP مربوط به وبسایت را برگرداند. TLD نیز Resolver را به Authoritative Name server ارجاع می‌دهد که در واقع مکان اصلی ذخیره اطلاعات مربوط به دامنه‌هاست.۶. در نهایت پس از یافتن اطلاعات ISP اطلاعات مورد نظر را به مرورگر برمی‌گرداند.بعد از دریافت آدرس IP، سرور ISP اطلاعات مربوط به آن را در کش خود قرار می‌دهد. در این حالت دیگر نیازی به طی کردن مراحل ۴-۵-۶ نخواهد بود.برقراری ارتباط TCPبعد از آنکه آدرس IP مورد نظر پیدا شد، یک ارتباط جدید شکل می‌گیرد. این ارتباط بین کلاینت و سرور ایجاد می‌شود. برای برقراری چنین ارتباطی نیاز است تا از پروتکل اینترنت استفاده شود که TCP/IP شناخته‌شده‌ترین مورد در بین پروتکل‌هاست. برای درک بهتر بیایید به صورت قدم به قدم آن را بررسی کنیم:۱. کامپیوتر کلاینت یعنی کامپیوتر شما یک پیغام SYN را ارسال می‌کند. اینکار برای بررسی آماده بودن کامپیوتر دوم جهت ایجاد یک ارتباط جدید انجام خواهد شد.۲. بعد از آن اگر کامپیوتر دوم برای این ارتباط آمادگی داشت یک پیغام ack و syn را ارسال می‌کند.۳. بعد از اینکه کامپیوتر اول پیغام را دریافت کرد یک پیغام ACK را برای سرور یا همان کامپیوتر دوم نیز ارسال می‌کند.از طریق تصویر زیر می‌توانید این سه مرحله را مشاهده کنید:پروتکل tcpبرقراری ارتباط و انتقال اطلاعاتدر نهایت یک ارتباط جدید بین دو کامپیوتر اول و دوم ایجاد خواهد شد. حال هر دو کامپیوتر می‌توانند با همدیگر ارتباط برقرار کرده و اطلاعات را به اشتراک بگذارند. بعد از ایجاد یک ارتباط موفق مرورگر که روی کامپیوتر کلاینت قرار گرفته یک درخواست را برای سرور در جهت دریافت اطلاعات ارسال می‌کند. سرور نیز براساس این درخواست پاسخ مرتبطی را ارائه می‌دهد. این پاسخ می‌تواند شامل اطلاعاتی مانند متن، کد وضعیت، کنترل کش و… باشد.و در انتها و بررسی تک تک کار هایی که صورت میگیرند یکی از اصلی ترین کار هایی که یک مرور گر انجام میدهد تبدیل کد های فرانت به (زبان های html css js ) به ظاهر گرافیکی میباشد .که ارتباط کاربر با اطلاعات را بهتر میکند به طوری که با یک کلیک روی یک دکمه میتواند نیاز خود را به راحتی برآورده نماید. elamelamin elamelamin Wed, 15 Sep 2021 16:08:02 +0430 https://virgool.io/@elhamnasrabadi/%D8%B3%DB%8C%D8%B1-%D8%AA%D8%A7-%D9%BE%DB%8C%D8%A7%D8%B2-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%81%D8%B1%D8%A7%D9%86%D8%AA-%D8%A7%D9%86%D8%AF-front-end-owkmi3n6w7tb فرانت اند هستی یا بک اند ؟ شاید این روز ها این سوال رو از زبون خیلی از برنامه نویس ها در حوزه ی وب شنیده باشید و معنای دقیقش رو ندونید و حسابی ذهنتون رو به خودش درگیر کرده باشه ، بله تو این مقاله میخوایم در مورد اینکه فرانت اند چیست و برنامه نویس فرانت اند به چه کسی گفته می شود و همچنین زبان ها و راه های آموزش یک برنامه نویس فرانت اند شدن با شما صحبت کنیم ، پس با ما همراه باشید.برنامه نویسی front-endفرانت اند چیست ؟ و برنامه نویس فرانت اند کیست ؟فرانت اند همون طوری که از اسمش معلومه میشه گفت ظاهر سایت و قسمتی که ما میبینیم هست و بک اند هم پشت سایت و قسمتی از سایت هست که ما یا کاربر اون رو نمیبینیم ، میتونم با یه مثال براتون توضیح بدم تا بهتر متوجه بشین ، ما سایت رو به یک ساختمان تشبیه می کنیم ، وقتی وارد یک واحد آپارتمانی میشین چی میبینین؟ رنگ دیوار ها ، در ها ، کلید پریز ها و ... شما در واقع ظاهر واحد رو میبینین . فرانت اند هم ظاهر سایت هست ، رنگبندی سایت ، دکمه ها ، صفحات و عکس ها و هر چیز دیگری که به چشم دیده میشه و به کسی که این طراحی رو انجام میده برنامه نویس فرانت اند یا فرانت اند کار میگویند.زبان های فرانت اند برای یادگیری فرانت اند باید در ابتدا به سه زبان html , css و javascript مسلط باشید . البته زبان ها و پلتفرم های مختلف زیادی برای فرانت اند مورد استفاده قرار گرفته اما این این سه زبان پایه ی اصلی فرانت اند هستند که در ادامه به طور مختصر به توضیح هر یک از این زبان ها میپردازیم .زبان HTMLزبانHTML (Hyper Text Markup Language) یک زبان نشانه گذاری است که به وسیله تگ ها کد هایی نوشته میشود که اسکلت یا پایه ی سایت گفته میشود درست مثل اسکلت بندی یک ساختمان قسمت های اصلی یک سایت توسط این زبان نوشته شده و توسط زبان های دیگه شروع به کامل کردن سایت میکنیم.زبان CSSزبان CSS (مخفف عبارت Cascading Style Sheets) کاری که انجام میده در واقع استایل دهی به ساختار ها و المان های موجود در کد های HTML است . میتونه این استایل دهی تغییر رنگ ، قرار دادن بک گراند ، قراردادن قالب برای یک المان یا تغییر در فونت یا سایز نوشته باشد . زبان JAVASCRIPT برنامه نویسی با جاوا اسکریپت میتواند به صفحات سایت پویایی و تعامل بیشتری ببخشد ، کامل بودن این زبان برنامه نویسی از جمله شیئی گرا بودنش دست برنامه نویس رو برای طراحی زیبا تر و پر تعامل تر باز میکندیادگیری زبان های HTML , CSS , JSبرای یک فرانت اند شدن حرفه ای باید اول به سه زبان مذکوز مسلط باشید و بتوانید به صورت حرفه ای کد نویسی کنید. در این سه زبان آموزش های زیادی وجود دارد که پیشنهاد ما به شما سایت w3schools میباشد .کتابخانه ها و فریمورک ها ی JS کتابخانه ها مجموعه ای از متد ها ، کلاس ها و قطعه کد هایی هستند که ما از آن ها در کد نویسی استفاده میکنیم ، کتابخانه های زیادی وجود دارند مثلا کتابخانه ریاضی که الگوریتم های ریاضی رو در خودش داره.و فریمورک ها نیز مجموعه ی کاملتری از کتابخانه ها هستند که درسترسی ما به کد های درست و کوتاه رو راحت تر می کنند . بعد از یادگیری سه زبان اصلی نوبت به یادگیری کار با کتابخانه ها و فریمورک ها میرسه که میتوان Vu.js، Angular و react و .... نام برد.طراحی واکنش گرا و کار با نرم افزار های گرافیکیسایتی که ما طراحی میکنیم باید به گونه ای باشد که در دستگاه و پلتفرم های مختلف بتونه عملکرد درستی داشته باشه ، یعنی سایت ما در سایز های مختلف بتونه المان های خود را به درستی نمایش بده و کاربر درسترسی مناسب به همه ی قسمت های سایت داشته باشه و همچنین برای یه فرانت اند کار باید کار با نرم افزار های گرافیکی مثل فتوشاپ بلد باشید.ریسپانسیوسلیقه و خلاقیت در طراحی سایت سلیقه و خلاقیت یکی از مهم ترین عوامل در موفقیت در کار فرانت میباشد، استفاده از طرح هایی خلاقانه ، چشم نواز و کاربرپسند خیلی مهم هستش ، یک طراح موفق باید بتواند یک رابط کاربری زیبا و منطبق بر استاندارد های ظاهری و تجربه ی کاربری ایجاد کند.در این مقاله به برنامه نویسی فرانت اند و جزئیات آن تا حدی پرداختیم ، دانشی که روز به روز در حال گسترش است و امروزه هر کسب و کاری برای برقراری ارتباط به مشتری به یک پلتفرم نیاز دارد. وظیفه‌ی یک برنامه نویس فرانت اند، طراحی و توسعه‌ی این پلتفرم است. به همین دلیل، فرانت اند یک حوزه‌ی پردرخواست در بین مشاغل برنامه نویسی محسوب می‌شود. elamelamin elamelamin Tue, 14 Sep 2021 13:46:16 +0430