به دومین جلسه از دوره آموزش وردپرس رایگان از آژانس نوآوری رسام خوش آمدید. قبل از شروع آموزش طراحی سایت با وردپرس قصد داریم ابتدا یکسری از اصطلاحات را مانند نحوه عملکرد مرورگرها، هاست، دامنه و دیتاسنتر را مورد بررسی قرار دهیم. زیرا برای طراحی سایت ابتدا نیاز دارید هاست و دامنه را از شرکت هاستینگ مورد نظر خود خریداری کنید. پس از شما دعوت میکنیم تا پایان مقاله ما را همراهی کنید.
هنگامی که سایتی لود میشود، درخواستها از سمت مرورگر، به سمت سرور رفته، پردازش شده و به مرورگر باز میگردند. ابر اینترنت تشکیل شده از سرورها و روترهای بسیار زیاد که از طریق IP به یکدیگر متصل شدهاند. حال با وجود DNS دامنه ما میتواند به سرور مدنظر در ابر اینترنت متصل شود. در خصوص DNS صحبت خواهیم کرد.
در مرورگر شما صرفاً لایه Front پردازش میشود. یعنی html-css-javascript. در واقع یک نرمافزار تحت وب، عناصر ظاهری و گرافیکی دارند که در مرورگر دیده میشوند. مانند فرمها، عناوین، جداول، تصاویر و… این ساختار توسط برنامهنویسان Front ایجاد میشود. پس از آن، برنامهنویسان Backend هم ساختار سمت سرور را کامل میکنند. یعنی بخشی از نرمافزار که در سرور و دیتابیس پردازش میشوند. مثلاً یک دکمه ظاهرش توسط برنامهنویسان Front پیادهسازی میشود. اینکه خروجی آن دکمه کجا برود و چه پردازشی انجام بدهد هم توسط برنامهنویسان Backend.
بررسی نحوه عملکرد مرورگرها
مرورگرها چگونه کار میکنند؟ فرض کنید در سایت دانشگاه شما فضایی برای انتخاب واحد وجود داشته باشد. شما پس از وارد شدن به آن سایت، با یک دکمه آبی رنگ ثبت درس مواجه میشوید. ظاهر آن دکمه همان لایه Front است که در مرورگر پردازش میشود. حال فرض کنید قصد ثبت آن درس را دارید. هنگامی که درخواست ثبت درس را میدهید، در واقع یک Request از سمت کاربر به سمت Server ارسال میشود. در سرور پردازش شده و آنجا تازه بررسی میشود که مثلاً آیا این کد ملی اجازه انتخاب واحد دارد؟ آیا زمان انتخاب واحد رسیده؟ آیا شرط معدل برقرار است؟ این موارد همگی در سرور و دیتابیسی که داخل سرور هست بررسی میشود.
پس از بررسی همه این موارد که شاید در کسری از ثانیه هم انجام شود، پاسخ آن درخواست از سرور به مرورگر داده میشود که به آن واکنش یا Response گفته میشود. فرض کنید با رنگ سبز نوشته شود که درس شما با موفقیت ثبت شد. یا با رنگ قرمز بنویسد که زمان انتخاب واحد گذشته است! پس در واقع درخواستها زمانی که به مرورگر برمیگردند نیز به همان html-css-javascript یا به طور کل فرانت، تبدیل میشوند. حالا که با نحوه عملکرد مرورگرها آشنا شدهاید وقت آن رسیده است که با انواع آن نیز آشنا شوید.
معرفی انواع مرورگرها
مرورگرها نیز مانند وب سایتها انواع مختلفی دارند. با این حال نحوه عملکرد مرورگرهای دنیا یکی است. بسیاری از افراد تا اسم مرورگر را میشنوند موتور جستجو گوگل در ذهن آنها نقش میبندد. یک مطالعه بازار اخیر توسط Statista نشان میدهد که گوگل کروم از نظر سهم بازار مرورگر پیشرو است و 61.80٪ از همه کاربران دنیا آن را ترجیح میدهند. باید بگوییم گوگل سریعترین موتور جستجو نیز در دنیا محسوب میشود. در این بخش میخواهیم انواع مرورگرها و موتورهای جستجو را مورد بررسی قرار دهیم. پس به جدول زیر نگاه کنید.
نام مروگر | نام شرکت |
Interner Explerorer | Microsoft |
Opera | Opera |
Safari | Apple |
Mozilla/FireFox | Mozilla |
Chrome |
هاست اشتراکی چیست؟
قبل از طراحی وبسایت، نیاز به تهیه هاست و دامنه داریم. هاست اشتراکی همان فضایی است که شما نرمافزار خود مانند وردپرس را داخل آن نصب خواهید کرد. هاست و دامنه شبیه به گوشی و سیمکارت هستند. در واقع هاست اشتراکی مانند گوشی موبایل شما وظیفهاش نگهداری اطلاعات و پردازش آنها است. دامنه شما دقیقاً مشابه سیمکارت، صرفاً یک اسم است. هم هاست و دامنه و هم گوشی و سیمکارت، همزمان کار میکنند. هاست بدون دامنه معنی ندارد و طبیعتاً گوشی بدون سیمکارت هم چندان کاربردی نیست.
هاست بر اساس سیستم عامل به دو نوع هاست اشتراکی ویندوز و لینوکس دسته بندی میشود. برای راه اندازی سایت با وردپرس بهتر است از نسخه لینوکس استفاده شود. همچنین بسیاری از وب مستران برای طراحی سایت با وردپرس خرید هاست اشتراکی وردپرس را ترجیح میدهند.
دامنه چیست؟
دامنه یا (Domain) همان اسم سایت ما است. این اسامی، پسوندهای مختلفی دارند. کاربران با استفاده از این اسامی، میتوانند به سایت ما دسترسی داشته باشند. پسوندهای اینترنتی تنوع بسیاری دارند. این پسوندها ممکن است بینالمللی باشند. مانند com و net و… همچنین ممکن است برای یک کشور خاصی باشند. مانند us و ir و… بدیهی است برای اینکه هاست و دامنه به هم متصل شوند، شما نیاز به تنظیم کردن DNS دارید. پس از خرید هاست، به شما DNS داده میشود که باید آن را در کنترل پنل دامنه خود اعمال کنید تا هاست به دامنه متصل شود (در جلسه بعد بهصورت عملی هاست و دامنه میخریم و DNS را اعمال میکنیم)
دیتاسنتر چیست؟
به تصویر بالا دقت کنید. شما در حال مشاهده یک دیتاسنتر هستید. یک محیط بزرگ که تشکیل شده از رکهای بزرگ و جذابی که شبیه یخچال هستند. البته به جای مواد غذایی داخل آنها سرورهای بسیاری از بالا تا پائین به صورت ریلی قرار گرفتهاند. (البته رکها متفاوت هستند و طراحی برخی فرق میکند). داخل این رکها اصطلاحاً Dedicated Server وجود دارد. یعنی یک سرور اختصاصی. این سرورها 24 ساعته روشن هستند.
از آنجایی که هزینه تهیه یک سرور بالاست، بدیهی است که خیلی از شرکتها یک سرور اختصاصی ممکن است تهیه نکنند. آنها یک سرور مجازیسازی شده یا اصطلاحاً VPS یا Virtual Private Server تهیه میکنند که برخی از منابع آن اشتراکی است. اما هنوز هم به این مورد هاست اشتراکی نمیگویند. در واقع هاست اشتراکی یک بخش کوچکتری از همان VPS است. دقیقاً مشابه یک هتل. شاید هیچوقت لازم نباشد یک هتل بخرید. قطعاً یک اتاق آن را برای مدتی اجاره خواهید کرد. پس بدیهی است که خیلی از شرکتها در قدم اول با همان هاست اشتراکی کارشان راه میافتد.
خرید هاست و دامنه قبل از شروع طراحی سایت با وردپرس
حالا که با مقدمات و نحوه عملکرد مرورگرها آشنا شدهاید باید یک سری اقدامات انجام دهید. قبل از شروع طراحی سایت با وردپرس ابتدا باید بستر مناسب را فراهم کنیم. بدون داشتن هاست و دامنه راه اندازی سایت معنایی ندارد. زیرا باید پلتفرم وردپرس را روی فضایی در بستر اینترنت نصب کنید. همچنین تا به حال به این موضوع فکر کردید که افراد چگونه میتوانند سایت شما را در اینترنت پیدا کنند؟ دامنه حکم آدرس سایتها را دارد. افراد با وارد کردن آدرس در نوار مروگر میتوانند وارد سایت شما شده و به محتوا و اطلاعات دسترسی پیدا کنند.
در این جلسه از آموزش رایگان وردپرس اصطلاحاتی مانند عملکرد مرورگرها، هاست و دامنه را مورد بررسی قرار دادیم. آیا تا به حال تجربه خرید دامنه و هاست اشتراکی وردپرس را داشتهاید؟ از کدام شرکت هاستینگ این خدمات را دریافت کردهاید؟ تجربیات و نظرات ارزشمند خود را با ما به اشتراک بگذارید.
2 پاسخ
سلام خسته نباشید
برنامه نویس بخش فرانت چرا باید هر سه زبان HTML, CSS, JavaScript رو بلد باشه مگر با یک زبان نمیشه کل سایت رو کدنویسی کرد؟و اگر بخایم در اینده زبان برنامه نویسی برای سایت رو یاد بگیریم از چه زبانی باید شرو کنیم و چند زبان برای ادامه کافیه؟
متشکرم
درود بر شما. وقت شما بخیر
به طور کل به html-css خیلی نمیشه زبان برنامه نویسی اطلاق کرد. چون در واقع این دو ساختار شرطی ندارند. عملا استاندارد و زبان نشانهگذاری هستند. البته این به این معنی نیست که مهم نیستند. بسیار مهم هستند و در واقع تا html-css بلد نباشیم به راحتی نمیتوانیم سراغ زبانهایی مثل js و یا حتی php برویم.
برای اینکه برنامهنویس Front باشیم حتما نیاز به html-css-javascript خواهیم داشت. چون خیلی از قابلیتهای پیشرفته در لایه Front با html-css قابل پیادهسازی نیستند. مانند ساختن پاپ آپ و مُدال و…
حتی به جز 3 مورد بالا نیاز میشود به یک سری Library هم مسلط بشویم. مانند react و vuejs و یا jQuery. البته این موارد دیگر زبان برنامه نویسی نیستند و کتابخانههایی بر پایه javascript هستند.
موفق باشید.