با استفاده از یک چارچوب برای ساختن قسمت جلو وب سایت شما، مزایای بسیاری دارد (و بوت شدن بسیار آسان است). بیایید فراتر از چارچوب های جلویی و به همین دلیل شما باید آنها را در کار توسعه وب خود قرار دهید.
چارچوب پیشین
همچنین به عنوان "چارچوب CSS" نامیده می شود، این بسته ها شامل پیش نوشته شده، کد استاندارد شده در فایل ها و پوشه ها هستند. آنها به شما پایه ای برای ساختن می دهند تا بتوانید انعطاف پذیری را با طراحی نهایی انجام دهید. به طور معمول، چارچوب های جلویی شامل اجزای زیر است:
- شبکه ای که باعث می شود که عناصر طراحی وب سایت شما سازماندهی شود
- سبک فونت های تعریف شده و اندازه آن بر اساس عملکرد آن متفاوت است (تایپوگرافی های مختلف برای عنوان ها در مقابل پاراگراف ها و غیره)
- اجزاء وب سایت پیش ساخته مانند پانلهای جانبی، دکمه ها و نوارهای ناوبری
بسته به چارچوب خاصی که انتخاب می کنید، تعداد زیادی از آنها نیز قابلیت دارند.
چرا از یک استفاده کنید
دلایل زیادی برای استفاده از چارچوب جلویی به جای شروع تمام کد شما از ابتدا وجود دارد:
- صرفه جویی در وقت! بدیهی است، اگر هر خط خاصی از خودتان را بنویسید، برای راه اندازی وبسایت خود، خیلی طول می کشد. چارچوب ها می توانند شما را با اصول اولیه شروع کنند.
- اضافه کردن اجزای اضافی که ممکن است در غیر این صورت وجود داشته باشد. همیشه این گزینه را داشته باشید که دکمه دیگری یا دو دکمه دیگر را بدون ایجاد هرگونه اضطراب اضافی برای خودتان داشته باشید.
- مطمئن شوید کد کار می کند. به جای وقت صرف وقت برای نوشتن کد خود فقط برای کشف اینکه آیا آن کار نمی کند (یا سازگار با 60 درصد از مرورگرهای وب)، شما می دانید که شما از کد مورد استفاده قبل از تست استفاده می کنید.
قبل از حرکت، من نیز می خواهم روشن کنم که چگونه از چارچوب های جلویی استفاده نکنید! درمان آنها به عنوان جایگزینی برای داشتن مهارت های ایجاد کد، به شما کمک نمی کند. ابتدا با HTML و CSS آشنا شوید و سپس می توانید از میانبرها شروع کنید. چارچوب خود را به عنوان دستیار، نه یک قیچی بپوشانید.
نمونه هایی از چارچوب های جلویی
همه چارچوب CSS برابر نیست، بنابراین مطمئن شوید که تحقیق خود را در مورد کدامیک از بهترین ها مطابقت داشته باشید. در اینجا یک مروری سریع از پنج مورد است:
- بوت استرپ: محبوب ترین آن وجود دارد. دارای چندین ستاره در Github و تعداد زیادی از منابع برای پاسخ دادن به سوالات شما. یکی از ساده ترها برای استفاده، اما بعضی ها می گویند که یک نگاه "Bootstrap" بسیار متمایز است.
- بنیاد: دارای انعطاف پذیری و قابلیت سفارشی می باشد. خوب برای کسانی که با توسعه جلویی تجربه می کنند و دوست دارند مبانی را پوشش دهند، در حالی که کنترل های خلاقانه زیادی را حفظ می کنند.
- Stylus: زبان اکسپرس و شیک CSS. این چارچوب تنها می تواند در برنامه های Node.js استفاده شود.
- UI semantic: مختصر، بصری، و رمزگشایی کد شما را بسیار ساده و ساده می کند. به شما اجازه می دهد تا بسیاری از آزادی طراحی و سازگار با نیازهای شما.
- UI Kit: چارچوب برای استفاده در صورت علاقه مند به توسعه برنامه های iOS. دارای یک سبک اساسی است که باعث می شود که شما بتوانید محتوای سایت خود را توسعه دهید.
نتیجه
چارچوب ها ابزارهای فوق العاده مفید برای طراحی جلویی می باشند، به ویژه اگر شما یک شغل دارید که در آن شما به طور مداوم در این سمت پیشرفت می کنید. آنها به شما اجازه می دهند سرعت کار خود را افزایش دهید و بهره وری خود را بدون به خطر انداختن کیفیت یا عملکرد خود افزایش دهید و در عین حال باز هم برای یک نگاه منحصر به فرد و سفارشی باز کنید. فقط به یاد داشته باشید که آنها را به عنوان یک ابزار برای تکمیل مهارت های خود، نه به عنوان راهی برای کاهش گوشه ها و لذت بردن از!