تکنولوژی های طراحی سایت را بیشتر بشناسیم! معرفی تکنولوژی های طراحی سایت !

تکنولوژی های طراحی سایت را بیشتر بشناسیم! معرفی تکنولوژی های طراحی سایت !

شرایط مطالعه 
امروز قصد داریم بشتر در خصوص تکنولوژی های طراحی وب سایت و گویش های مختلفی که دراین باره استعمال میشه داده ها کسب کنیم و ببینیم هر کدوم از تکنولوژی هایی که راجع بهشون می شنویم حقیقتا چی هستن، تکنولوژی های مختلفی مثل HTML و CSS و JavaScript و PHP و LESS و SASS و jQuery و کادر ورک هایی مثل Zend و Laravel و ... .

تکنولوژی پباده سازی قالب وبسایت با HTML
او لین طراحی سایت خودرو  تکنولوژی ساخت سایت که معرفی میکنیم تکنولوژی پباده سازی قالب وب سایت با HTML میباشد. شاید همون طور که اکثر شاگردا دیسک های فلاپی یا این که اپ زرنگار رو یادشون وجود ندارد، به زودی زمانی برسه که کسی زمانه سرد و بدون نور html4 و xhtml1.1 یادش نیاد.
پیش از این پباده سازی یک کاغذ اینترنت که توی کل مرورگرها به یک صورت اکران داده بشه یه مصیبت پهناور بود. به خصوص وب اکسپلورر کابوس طراحان اینترنت بود. از طرفی هم هیچ کس html رو دورازشوخی نمیگرفت زیرا خیلی از لحاظ برنامه نویسان استاندارد نبود.
برای استاندارد سازی html یک جمع تکنولوژی xhtml رو پباده سازی کردن که طراح اینترنت رو ناچار میکنه قواعد xml که یک گویش قاعده مند میباشد رو رعایت کنه. اینطوری تعبیروتفسیر کردن کدهای html با اشتباهات کمتری روبرو بود. ولی این خطاها جدیدی رو به وجود آورد زیرا خیلی ها xhtml رو صحیح به کار گیری نمیکردن و صرفا آرزو دروغی به برنامه نویسان میدادن.
نهایتا تکنولوژی html5 برای نجات کلیه وارد شد. یک استاندارد برای حکومت بر دنیای اینترنت. ولی انقدر این استاندارد جذابه که راهع خودش رو به دنیای گوشی و دسکتاپ هم گشوده کرده و به طور تقریب با html5 هر کاری (خیر دیگه هر کاری) میتونید بکنید.
یکی از مهم ترین مختصات html5 و تکنولوژی های همراهش اینه که وظیفه هر کدوم به خیر و خوبی مشخصه. از جمله وظیفه خویش html5 معنادار (semantic) کردن محتوا و معین کردن ساختار شیت ست. به همین خیال خیلی از تگ ها و ویژگی هایی که مرتبط با تغییر و تحول رنگ و لعاب کاغذ بوده از این ورژن حذف گردیده.
پس در حالتی که html5 می نویسید مدام این نکته رو به حافظه داشته باشید. موقع تایپ کردن کد html می بایست تمرکزتون معلوم کردن ساختار و معنادار کردن محتوا به شایسته ترین و تمیزترین صورت ممکن باشه.

ما هرچقدر دراین مورد ها داده ها کسب کنیم سبب ساز میشه بهتر بتونیم مسیر درست رو تعیین کنیم و بهتر بتونیم مسیر صحیح رو گزینش کنیم .

تکنولوژی ساخت سایت با CSS3
اوضاع و احوال css هم به هیچ عنوان بهتر از html نبود. انقدر که انسان شم می کرد داره مرورگرها رو هک میکنه تا بتونه یه برگه بی آلایش رو توی همگی شون به یه صورت اکران بده. مرورگرها هر کدوم به یه صورت از css پشتیبانی میکردن و حدودا برای هر مرورگر می بایست یه کد جداازهم مینوشتیم. همین طور خیلی از آرزوهای طراحان اینترنت با تکنولوژی css2 برآورده نمی شد. از جمله خبری از کارتن یا این که سایه یا این که پباده سازی رسپانسیو نبود. خیلی از عملکرد که شرایط کنونی به راحتی با css3 انجام میشه پیش از این می بایست با مقدار متعددی کد javascript انجام می شد که همون طور که حدس می زنید اونم مصیبتای خودش رو داشت.
در صورتی css می نویسید سفارش خاصی ندارم. تنها یادتون باشه که تجهیزات css3 صرفا در مشت شما وجود ندارد. هر کسی فارغ از ذره ای خلاقیت میتونه انبوهی از کارتون و افکت به شیت ش بده و حتی رسپانسیو کردن کاغذ هم به هیچ عنوان فعالیت رنج وجود ندارد. این تجهیزات مکان خلاقیت و پباده سازی ماهر رو نمیگیره. یا این که طراح ماهر استخدام فرمائید یا این که یه طراح ماهر بشید.
یکی از خطاها css نویس ها مدام این بوده که چیزی به نام متغیر یا این که با یه نگاه بازتر چیزی به نام code reusability و راهی برای پیروی از اصل DRY ندارن.
Less و Sass برای حل این خلل پباده سازی شدن. می پرسید به عنوان مثال چه کمکی می کنن؟ برای مثال شما توی سایتتون از سه رنگ مهم بنفش، خاکستری و نارنجی رنگ استعمال میکنید. خیلی جاها هم طبیعتا می خواید این سه رنگ یه خرده پر نور خیس یا این که مقداری تیره خیس بشن. نهایتا از چیزی حدود 20 رنگ استعمال کردید.

درحال حاضر فرض نمایید صاحب کار بگه این سه رنگ رو به ترتیب به رنگ های خاکستری، سیاه و بنفش تغییر و تحول بدید. این عمل به طور دستی یعنی هزاران خط کد رو بخونید و توی هر کدام از 20 رنگ، رنگ جدیدی قرار بدید و در صورتی که خاطر کردید با search و replace ممکنه در اشتباهید زیرا رنگ های خاکستری و بنفش تکراری هستن و جاشون تغییر کرده و این یعنی هنگامی یکی از رنگ های اولین رو تغییر و تحول بدید دو ست رنگ شبیه دارید که مشخص و معلوم وجود ندارد کدوم جدیده کدوم سابق پس don't even think about it