https://virgool.ir/feed/@milad-2003میلادم؛ یه برنامه‌نویس تازه کار (:fa2026-11-12 10:33:40https://files.virgool.ir/upload/users/1738821/avatar/PtOYMc.jpghttps://virgool.ir/@milad-2003https://virgool.ir/@milad-2003/دامنهdomain-و-هاستhost-bppnrbivxfg1امروزه با پیشرفت علم و تکنولوژی، نقش فضای مجازی و اینترنت در زندگی ما پر رنگ و پر رنگ‌تر می‌شود. تا آنجایی که برخی مشاغل و کسب و کارها، ارتباط مستقیم و تنگاتنگی با اینترنت دارند. اولین گام برای ورود اصولی و برنامه‌ریزی شده به این دنیای وسیع، شناخت و آشنایی با برخی مبانی پایه آن است. در این مطلب به دو مورد از مهم‌ترین آن‌ها، یعنی دامنه(Domain) و هاست(Host) خواهیم پرداخت.دامنه یا دامِین چیست؟ اگر عضو شبکه های اجتماعی مثل اینستاگرام بوده باشید، می‌دانید که هر شخص نام مستعار یا همان آیدی منحصر به فرد خود را دارد که این نام، صفحه او را از سایر صفحات متمایز می‌کند. اگر دید جامع و کلی تری داشته باشیم، در تمام فضای اینترنت نیز، هر وبسایت چنین نامی دارد که به آن دامنه گفته می‌شود و همان آدرسی است که در مرورگر برای ورود به آن وبسایت وارد می‌شود.دامنه از چه بخش هایی تشکیل شده است؟به طور کلی، هر دامنه از دو بخش اصلی تشکیل شده است:‌ نام دامنه(Domain name) و پسوند(Extension) آن.نام دامنه(Domain name)نام دامنه همان بخشی است که بعد از .www نوشته می‌شود و با یک نقطه "." از پسوند آن جدا می‌شود. برای انتخاب نام دامنه، مجاز به استفاده از اعداد و حروف انگلیسی و یا ترکیبی از این دو هستید. بدیهی است که نام دامنه شما باید خاص باشد و قبلا توسط شخص یا شرکت دیگری انتخاب نشده باشد. انتخاب نام دامنه مناسب و متناسب با محتوای وبسایت شما، می‌تواند تاثیر بسزایی در بازدید و موفقیت وبسایت داشته باشد.پسوند دامنه (Extension) پسوند دامنه بخش پایانی دامنه بوده و با یک نقطه "." از نام دامنه جدا می‌شود. پسوندها انواع مختلفی دارند و با دو دسته کلی ملی و بین‌المللی دسته‌بندی می‌شوند. انتخاب پسوند دامنه نیز همانند نام دامنه، متاثر از حوزه‌ی فعالیت و محتوای وبسایت بوده و بستگی به نظر شخصی شما دارد. مثلا "ir." نمونه‌ای از پسوندهای ملی بوده و "com." و "net." در دسته پسوندهای بین‌المللی قرار می‌گیرند.به عنوان مثال، در دامنه "www.google.com" کلمه "google" نام دامنه، و "com." پسوند دامنه است.هاست چیست و چگونه کار می‌کند؟حال که با مفهوم دامنه آشنا شدیم، با کمی توضیح درباره ساختار وبسایت، به مبحث هاست می‌پردازیم. هر وبسایت، می‌تواند شامل تصاویر، ویدئوها و فایل های مختلفی باشد که با زبان‌های مخصوصی نوشته شده است و در کنار هم و با همکاری یکدیگر کار می‌کنند. وقتی شخصی می‌خواهد وارد وبسایت شما شود، این فایل‌ها باید در اختیار دستگاه کاربر قرار بگیرد تا او به سایت دسترسی داشته و از محتوای آن استفاده کند. برای اینکه وبسایت شما همه روزه و به صورت شبانه‌روزی در دسترس باشد، فایل‌ها و اطلاعات آن باید بر روی دستگاهی قرار بگیرند که همواره به اینترنت متصل بوده و آنلاین باشد. این دستگاه سِروِر(Server) نام داشته و میزبان یا همان هاست وبسایت شما در فضای اینترنت است که فایل‌ها و اطلاعات آن را در اختیار کاربران قرار می‌دهد. نحوه تهیه و قیمت دامنه و هاستامروزه شرکت‌های بسیاری به ارائه سرویس هاستینگ و فروش دامنه می‌پردازند. درصد بالایی از افراد ترجیح می‌دهند برای راحتی بیشتر، هر دوی اینها را از یک شرکت مشترک خریداری کنند. قرارداد های مختلفی از جمله سه ماهه، شش ماهه و یک ساله در این زمینه وجود دارد که می‌توانید بنابر نیاز خود یکی را انتخاب کنید.قیمت دامنه بستگی به نام دامنه و پسوندی که انتخاب می‌کنید دارد. هر چه این نام کوتاه‌تر و معنادارتر باشد، قیمت آن نیز به مراتب بیشتر خواهد بود. در میان پسوندها نیز، قیمت پسوندهای ملی بیشتر از پسوندهای بین‌المللی است. اگر بخواهیم یک بازه قیمتی برای دامنه معرفی کنیم، می‌توان به دامنه‌های طولانی و رایگان تا دامنه‌های کوتاه‌تر و خوش‌فرم‌تر شرکت های بزرگ اشاره کرد. مثلاً دامنه "www.voice.com" در سال 2019 با قیمت نجومی 30 میلیون دلار به فروش رفت. قیمت سرویس هاستینگ هم ارتباط مستقیمی با محتوای وبسایت شما دارد. هرچه حجم فایل‌ها و اطلاعات موجود در سایت و تعداد کاربرانی که همزمان می‌توانند آنلاین باشند بیشتر باشد، قیمت سرویس هاست نیز به همان نسبت بیشتر خواهد بود. سِروِر های میزبان وبسایت می‌توانند داخل یا خارج از کشور باشند که باید با توجه به مخاطبان وبسایت، سِروِر مناسب را انتخاب کرد تا سرعت پاسخگویی وبسایت به حداکثر خود برسد.پس از طراحی و کدنویسی وبسایت، نوبت به انتخاب نام دامنه و سرویس هاستینگ می‌رسد و همان طور که تا به این لحظه متوجه آن شده‌اید، هر دو از اهمیت بسیار بالایی برخوردارند. بهتر است قبل از خرید سرویس هاستینگ، ابتدا درباره‌ی شرکت های ارائه دهنده اینگونه خدمات تحقیق کرده و از پیشینه و شایستگی آن‌ها اطمینان حاصل کنید. امیدوارم با خواندن این مطلب، به تفاوت های دامنه و هاست پی برده باشید و تصمیم بهتری برای انتخاب هر یک از آن‌ها بگیرید. Milad ValizadehMilad ValizadehTue, 16 Aug 2022 01:32:57 +0430https://virgool.ir/@milad-2003/فرانت-اند-front-end-چیست-ri9skqv884c8اگر به تازگی با برنامه‌نویسی وب آشنا شده باشید، احتمالا نام "فرانت-اند" به گوشتان خورده است. اما به راستی فرانت-اند چیست؟ در این مطلب علاوه بر این موضوع، به اهمیت این بخش، زبان‌ها، ابزار و مهارت‌های لازم برای تبدیل شدن به یک برنامه‌نویس فرانت-اند نیز خواهیم پرداخت.اولین مرحله از ساخت یک وبسایت، طراحی آن است که به وسیله طراح و با استفاده از ابزار های طراحی مانند فتوشاپ، Adobe Xd، فیگما و... انجام می‌شود. وظیفه برنامه‌نویس فرانت-اند، دریافت این طرح از طراح و پیاده‌سازی آن به صورت کد های برنامه‌نویسی است. کد هایی که با زبان‌های متفاوتی نوشته شده و برای مرورگر قابل فهم است. هر آنچه در ظاهر یک وبسایت وجود دارد و شما قادر به دیدن آنها هستید، به بخش فرانت-اند وبسایت تعلق دارد. به عنوان مثال متن‌ها، تصاویر، دکمه‌ها، لینک‌ها، انیمیشن‌ها و... همگی توسط برنامه‌نویس فرانت-اند کدنویسی و ایجاد شده است.بیائید برای مثال نگاهی به صفحه اصلی سایت ویرگول بیاندازیم:تمام چیزی که در این تصویر دیده می‌شود، از جمله لوگو، دکمه جستجو، متن‌ها و تصاویر، ساختار و اندازه‌ها و... حاصل کدهایی است که توسط برنامه‌نویس فرانت-اند نوشته شده است. طراحی ریسپانسیو یعنی چه؟امروزه با وجود انواع مختلف دستگاه‌هایی که با آنها به اینترنت دسترسی داریم و با توجه به اندازه های متفاوت این دستگاه‌ها نسبت به یکدیگر، یکی دیگر از مهم‌ترین انتظاراتی که از برنامه‌نویس فرانت-اند می‌رود این است که وبسایت روی تمامی این دستگاه‌ها خوب جلوه دهد. به این نوع از پیاده‌سازی که امروزه مورد انتظار بسیاری از مشتریان ساخت وبسایت است، به اصطلاح "Responsive Web Design" گفته می‌شود که خود چالش های مختلفی را برای برنامه‌نویس ایجاد می‌کند. اهمیت فرانت-اندذهن ما انسان‌ها خواسته یا ناخواسته، کم یا زیاد، بسیاری از چیزها را از روی ظاهر قضاوت می‌کند. توجه به ظاهر در خرید یک کالا، برخورد با انسان‌های دیگر و بسیاری دیگر از قسمت‌های زندگی وجود داشته و تاثیر بسزایی در انتخاب‌های روزمره ما دارد. این موضوع اهمیت بالای فرانت-اند را ثابت می‌کند. به عنوان مثال، فرض کنید مادربزرگ من در خانه و آشپزخانه خود برای کسب درآمد، غذا پخته و به فروش آنها می‌پردازد. مزه غذاهای او حرف ندارد و برای تهیه آنها از مواد غذایی درجه یک، تازه و باکیفیتی استفاده می‌کند و غذای شما نیز سریعاً حاضر شده و به دستتان می‌رسد.و اما در همان محله رستورانی شیک و مجلل با نمای خیره‌کننده، دکوراسیون خلاقانه، نورپردازی حرفه‌ای و کاشی‌کاری زیبا وجود دارد. کیفیت غذاهای این رستوران در مقایسه با غذاهای مادربزرگ من کمتر بوده و کادر و سرویس متوسطی را به خدمت گرفته است.شما به عنوان کسی که برای اولین بار از این محله عبور می‌کنید، برای صرف یک وعده غذایی کدام یک را انتخاب می‌کنید؟ چه بسا با ظاهر فوق‌العاده آن رستوران، اعتماد شما به کیفیت غذاها و کادر آن نیز بیشتر شود و حتی از وعده خود لذت بسیاری ببرید. شما مشتری این رستوران خواهید شد و شاید دیگر سمت غذاهای مادربزرگم نرفته و متوجه وجود غذاهای لذیذ و خوشمزه او نشوید.مهارت‌های لازماما یک برنامه‌نویس فرانت-اند لازمه داشتن کدام توانایی ها و کسب چه مهارت‌هایی است؟ اصول پایهمهم‌ترین این دانش‌ها، مسلط بودن به سه زبان اصلی این حوزه، یعنی CSS ، HTML و JavaScript است. هر یک از این زبان‌ها کاربرد خاص خود را دارا هستند. بیائید برای ساده‌تر شدن مطلب، توضیحات را همراه با یک مثال پیش ببریم. کل بخش فرانت-اند را یک ساختمان در نظر بگیرید. اسکلت و ساختار اولیه این ساختمان را می‌توان همان HTML دانست. با این زبان، ساختار اصلی یک وبسایت ساخته می‌شود که می‌تواند شامل متن‌ها، تصاویر، دکمه‌ها و... باشد. پس از آن نوبت به رنگ‌آمیزی، کاشی‌کاری، نصب پنجره‌ها و شیشه‌ها و کار هایی از این قبیل برای زیباسازی ساختمان می‌رسد. معادل این کار را زبان CSS در یک وبسایت انجام می‌دهد. اینکه هر قسمت چه رنگ، اندازه، سبک و موقعیتی داشته باشد، همگی با این زبان صورت می‌گیرد. اما کار این ساختمان هنوز تمام نشده است. برای اینکه ساختمان ما تبدیل به جایی برای زندگی شود، باید ارتباطاتی نیز بین ما و ساختمان وجود داشته باشد. مثلاً با زدن دکمه‌ای در یک طبقه از ساختمان، آسانسور شروع به حرکت به سمت آن طبقه کند، با زدن کلیدهای خاصی، لامپ‌های مشخصی روشن یا خاموش شوند و همینطور بتوان سیستم گرمایی و سرمایی را تنظیم کرد. کار هایی مانند این را زبان JavaScript در یک وبسایت به عهده دارد. اینکه مثلاً با کلیک کردن یا قرار گرفتن موس بر روی هر بخش چه اتفاق و تغییراتی برای هر یک از بخش‌های دیگر وبسایت رخ بدهد، همگی با این زبان انجام می‌شود که دست برنامه‌نویسان را برای شخصی‌سازی هرچه بیشتر سایت باز می‌گذارد.کتابخانه‌ها (Libraries) و فریمورک‌ها (Frameworks)ساخت یک وبسایت صرفاً با استفاده از سه زبان قید شده قابل انجام است. اما هرچه پروژه بزرگ‌تر باشد، با چالش‌ها و مشکلات بیشتری در ساخت و توسعه همراه شده و ایجاد تغییرات روی آن سخت‌تر خواهد بود. اینجاست که فریمورک‌ها و کتابخانه‌ها به کمکمان می‌آیند. اگر بخواهیم با همان مثال ساختمان توضیح دهیم، در یک ساختمان دو طبقه می‌توانیم مصالح مورد نیاز را خودمان بالا ببریم. اما این کار در ساخت آپارتمانی پنج طبقه برای ما مشکل خواهد بود و برای راحتی کار از یک بالابر ساختمانی کمک می‌گیریم. از مهم‌ترین این کتابخانه‌ها و فریمورک‌ها می‌توان به Angular ، Bootstrap ، React و Vue.js اشاره کرد.کتابخانه‌ها و فریمورک‌ها کد های آماده و از قبل نوشته شده‌ای هستند که این اجازه را به ما می‌دهند که بدون نوشتن مجدد یک بخش کد برای انجام کاری، بارها و بارها از آن استفاده کنیم. با این کار از تکرارهای بیهوده جلوگیری کرده و علاوه بر راحتی کار، تاثیر مثبتی بر سرعت وبسایت خواهیم گذاشت.یادگیری تمامی این کتابخانه‌ها و فریمورک‌ها ضروری نیست. مسلط بودن به یک کتابخانه یا فریمورک از هر یک از زبان های CSS و JavaScript برای برنامه‌نویس فرانت-اند کافی است. زیرا در یک پروژه تنها از یکی از این کتابخانه‌ها استفاده می‌شود و هیچ شرکتی نیز برای استخدام از شما انتظار تسلط بر چند کتابخانه را نخواهد داشت. توانایی حل مسئلهبرنامه‌نویس فرانت-اند در مسیر پیاده‌سازی طرح، به انواع مختلفی از چالش‌ها و مسائل برمی‌خورد. در اینجا اهمیت توانایی حل مسئله آشکار می‌شود. وی باید بتواند مسئله را به اجزای کوچک‌تر تقسیم کرده و مشکلات و موانع حل شدن مسئله را یکی پس از دیگری از راه بردارد. درست است که می‌گویند نباید از روی ظاهر قضاوت کرد. اما این از اهمیت وقت گذاشتن و کار کردن روی ظاهر نمی‌کاهد. چرا که ظاهر و باطن، مکمل یکدیگر در راه دستیابی به بهترین‌ها بوده و هر دو از اهمیت بالایی برخوردارند.از وقتی که برای خواندن این مطلب گذاشتید تشکر می‌کنم و امیدوارم برایتان مفید واقع شده باشد.Milad ValizadehMilad ValizadehMon, 08 Aug 2022 23:28:26 +0430