تخفیف ویژه

Code Guide یا راهنمای کدنویسی HTML و CSS (جلسه 1) : مقدمه

دسته بندی: آموزش
زمان مطالعه: 2 دقیقه
۲۶ آبان ۱۳۹۵

در این مطلب و مطالب بعدی قصد داریم تعدادی قاعده در مورد کدنویسی HTML و CSS رو باهاتون به اشتراک بزاریم و امیدواریم بتونیم با استفاده از این موارد کاری کنیم که شما کدهایی استانداردتر و بهینه‌تر و با Performance بالاتری رو بنویسید و در سایتتون از اونا استفاده کنید. شما میتونین از این موارد بصورت یک راهنما استفاده کنید.code guide

درون این سری آموزشی کوتاه سعی میشه که نکته‌های کاربردی و مهمی که میتونه کدهاتون رو بهینه‌تر کنه گفته بشه. سعی کنید که از این موارد در همه پروژه هاتون، چه بزرگ و چه کوچک استفاده کنید و بهره ببرید. مواردی که در مورد HTML در مورد اونا گفته میشه بصورت زیر هستند:

  • Syntax : نحوه و قواعد کدنویسی
  • HTML5 doctype : در مورد doctype صحبت میشه
  • Language attribute : توضیح در مورد ویژگی lang تگ html
  • Character encoding : توضیح در مورد encoding و charset
  • Internet Explorer compatibility mode : مشخص کردن حالت برای IE
  • CSS and JavaScript includes : وارد کردن فایلهای css و js
  • Practicality over purity
  • Attribute order : ترتیب قرار دادن ویژگی ها
  • Boolean attributes : توضیح در مورد ویژگی هایی که Boolean هستن
  • Reducing markup : کمتر کردن کدها
  • JavaScript generated markup

مواردی که در مورد CSS در مورد اونا گفته میشه بصورت زیر هستند:

  • CSS syntax : نحوه کدنویسی
  • Declaration order : ترتیب قرار دادن قواعد
  • Don't use @import : استفاده نکردن از import
  • Media query placement : قرار دادن Media Query هر کد نزدیک به همان کد
  • Prefixed properties : تورفتگی صحیح برای ویژگی هایی که Prefix شدن
  • Rules with single declarations
  • Shorthand notation : استفاده از مختصر نویسی
  • Nesting in Less and Sass
  • Operators in Less and Sass
  • Comments
  • Classes
  • Selectors
  • Organization

در جلسات آینده بصورت مفصل در مورد هر کدام توضیحاتی رو خدمتتون بیان میکنیم.

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

موفق و پیروز باشید.

یا علی

Source

چه امتیازی به این مقاله می دید؟
نویسنده محمد اسفندیاری
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.