• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

سوالاتی برای ساختن و برقرار کردن راهنمای FrontEnd (جلسه 4) : HTML - قسمت 3

0 203 ۱۸ بهمن ۹۵

frontend

در این جلسه با ادامه سوالات مربوط به HTML در خدمتتون هستیم.

ابزارهای مربوط به HTML

  • آیا نحوه طراحی Back-end سایت شما طوری هست که بر روی کدهای سمت Front-end تاثیر داشته باشه؟

برای مثال میتونین حالتی رو در نظر بگیرید که WordPress کلاسی رو به یکی از المنتهای HTML بنام wp-paginate اضافه کنه. برای این مورد میشه زیاد مثال بیان کرد و خودتون بهتر مسائل این چنینی رو میدونید. اگر پاسخ به این سوال بله هست باید همه موارد رو Highlight و مشخص کنید و نحوه عمل کردنشون رو مشخص کنید تا همه اعضای تیم با اونا آشنایی داشته باشند.

سبک و استایل HTML

  • شما برای indentation از Tab استفاده میکنید یا از Space؟

همونطور که میدونین برای زیباتر کردن کدها از Indentation استفاده میکنیم. با این کار خوانایی کدها نیز بالاتر میره. حالا برای اینکه شما و تیمتون هماهنگ تر باشید و کدهایی که مینویسید به یک استایل و سبک باشه، باید مشخص کنید که برای Indentation چه قواعدی باید رعایت بشه. مثلا از Tab میخاید استفاده کنید و یا از Space میخاید استفاده کنید. مثلا از یک Tab میخاید استفاده کنید و یا از 2 یا 4 Space میخاید استفاده کنید. حالا شما میتونین کار رو با استفاده از ابزارهایی که هستن راحتتر کنید. یکی از بهترین ابزارهایی که در این زمینه وجود داره EditorConfig هست.editorConfig

شما میتونین به اعضای تیمتون بگید که این پلاگین رو بر روی ادیتورهایی که استفاده میکنن، نصب کنن. این ابزار تقریبا برای همه ادیتورها پلاگین تهیه کرده است. بعد از اون در ریشه پروژتون یک فایل بنام .editorconfig میزارید و همه استایلهای مربوط به کدها رو درونش قرار میدین. از این به بعد اگه شما هم حواستون نباشه، خود مرورگر جوری کدها رو برای شما استایل بندی میکنه که هم از قواعد مورد نظر شما پیروی کنه و هم اینکه همه اعضای تیم، کدها رو بصورت یک شکل و یک استایل میبینن و خیلی بهتر هست. مثلا کدهای زیر رو درون فایل .editorconfig قرار بدین:

توضیحات ویژگی ها بصورت زیر هست:

  • root : ویژگی خاصی هست که باید برای فایلی که قصد داریم اعمال بشه قرار بدیم. با true قرار دادن این ویژگی باعث میشیم زمانی که پلاگین EditorConfigg به این فایل رسید، متوقف بشه و جستجو رو به دایرکتوری های بالاتر ادامه نده و همین قواعد رو اعمال کنه.
  • indent_style : این ویژگی دو مقدار tab و space رو قبول میکنه. اگر tab رو قرار بدین برای تورفتگی از تب استفاده میکنه و اگر space قرار بدین برای تورفتگی از space یا فضای خالی استفاده میکنه. با قرار دادن tab از hard tabs استفاده میشه و اگر space رو انتخاب کنید، soft tabs استفاده میشه.
  • indent_size : با استفاده از این ویژگی میتونین مقدار تورفتگی رو مشخص کنید. مثلا اگر مقدار بالا رو برابر با space قرار داده باشید و در اینجا عدد 2 رو قرار بدین، باعث میشه که تورفتگی برابر با 22 فضای خالی باشه.
  • end_of_line : مقادیر lf و cr و crlf رو برای کنترل شکستن خطوط و رفتن به خط بعد رو مشخص میکنه.
  • charset : میتونین با استفاده از این ویژگی Encoding فایل ها رو مشخص کنید
  • trim_trailing_whitespace : اگر این ویژگی رو true قرار بدین باعث میشه که فاصله های خالی که در خط قبل و قبل از کاراکتر newlinee قرار داره حذف بشه.
  • insert_final_newline : اگر این ویژگی رو برابر با true قرار بدیم، مطمئن میشیم که زمانی که فایل رو save میکنیم و میبندیم، یک newline یا خط جدید در آخر اون اضافه میشه. این مورد بیشتر برای Source Code Management ها مثل Github کاربرد داره.

برای مطالعه بیشتر در مورد این ابزار مفید میتونین به این آموزش که قبلا در 7Learn قرار دادم مراجعه کنید.

  • قرار دادن Comment یا نظرات در HTML به چه صورتی هست؟

با استفاده از این کار هم میتونین هماهنگی رو بین اعضای تیم بیشتر کنید و کاری کنید که همه از یک نمونه Comment گذاشتن استفاده کنن و استایل کدها یک دست و یک پارچه تر بشه. شما خودتون میتونین نوع مطابق با سلیقه خودتون رو تعریف کنید. برای مثال میتونین برای Comment تک خطی از استایل زیر بهره ببرید:

و همچنین برای Comment چند خطی میتونین از استایل زیر بهره ببرید:

بهمین سادگی

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram