آموزش بوت استرپ ۳ : بررسی ساختار فایل بوت استرپ
آموزش بوت استرپ ۳ : بررسی ساختار فایل بوت استرپ
متن :
=یکی از چیزهایی که من می تونم با سابلیم تکست انجام بدم نشون دادن اون ساختار فولدر در محیط کارمه، که بسیار هم سودمنده من قصد دارم ادامه بدم بنابراین، میخوام به پروژه برم، به اد فولدر در پروژه و اون ازم خواهد پرسید کدوم یکی؟ خب من قصد دارم به دسکتاپم برم ما اونجا میریم. پوشه بوت استرپمو پیدا میکنم و اوکی رو میزنم و بنابراین اینجا پوشه بوت استرپ منه. اینجا… روی کنار چپ صفحه نمایش و محتویاتش همانطور که ما در ویدئو قبلی دیدم محتویاتش سه پوشه هستند یکی پوشه سی اس اس نامیده میشه، یکی پوشه فونت و یکی پوشه جِی اس که برای جاوا اسکریپته پس من فقط می خواستم اونجا برم و شما رو از ماهیت تمام این فایل ها و از آنچه انجام میدادند آگاه کنم بنابراین من میخوام با پوشه سی اس اس شروع کنم و در پوشه سی اس اس شما متوجه خواهید شد که چهار استایل شیت وجود داره که خارج از باکس با بوت استرپ شیپ میشوند نوع واقعی از دو مجموعه دوتایی وجود دارد بنابراین، برای مثال، شما خواهید دید که bootstrap.css و bootstrap.min.cssهردو وجود دارند اگه من نگاهی به bootstrap.cssبندازم. با دابل کلیک روی اون شما خواهید دید که این یک داکیومنت نسبتاً قابل خو ما میتونیم به داخلش بریم و همه سی اس اسی که این جاست بخونیم درست برعکس bootstrap.mend.css در واقع یک خط طولانی خیلی بزرگه که به طور مداوم در اینجا تمام راه رو به سمت راست حرکت میکنه پس تفاوت کجاست؟ تفاوت در فایل های مین است که کوچک شده اند. به این معنی که همه مراجعت ها و همه فضا های اضافی و همه تب ها به سی اس اس برای چپاندن همه شون در یک خط کشیده شده انداین سایز فایل ها رو کمی کوچکتر میکنه که خیلی برای دستگاه های موبایل اهمیت داره چرا که البته، دستگاه های موبایل در پهنای باند محدود شده اند، اونا یک نت کندتری برای کار کردن دارند، و ما مایلیم وب سایت هایمان با سرعت هرچه تمام تر بارگذاری کنند بنابراین اساساًbootstrap.css و bootstrap.min.cssفایل های یکسان هستند تفاوت اینجاست که یکی برای انسان هم قابل خواندنه و دیگری فقط برای ماشین بنابراین ما تنها نیاز داریم که در داکیومنت اچ تی ام ال مان به این ها لینک بشیم و ما به نسخه کوچک شده لینک میشیم ولی ورژن های دیگری اینجا به عنوان نمونه داریم. ما تا به حال نیاز داشتیم به بعضی چیز ها نگاه کنیم دو فایل سی اس اس دیگری که اینجان bootstraptheme.css و bootstraptheme.min.cssهستن بنابراین بار دیگر، این یک قالب بندی فایل خوانا در برابر کوچک شده است و تم بوت استرپ چیزی است که در در ورژن شماره سه اضافه شده است بوت استرپ ۳ با چیزی که طراحی مسطح نامیده میشود شیپ می شه شما میدونید که رنگ های بسیار صاف بدون گرادیان سایه ی زیاد یا چیزی شبیه اون ندارند در حالی که بوت استرپ ۲ خیلی بیشتر از این نوع از مسائل را در طراحی اش در بر گرفته است پس آنچه بوت استرپ ۳ انجام میدهد نوشتن تم های شخصی اش در اینجاست که یک استیل شیت مجزاست اگه تمایل دارین میتونین به این لینک بشین و برخی استایل های اضافه شده برای وب سایت بوت استرپ تون رو طبقه بندی کنید شما اگه بخواین میتونید اونو بعداً اضافه کنید من قصد ندارم در این دوره بهش بپردازم اما این اینجاست و برای شما موجوده، اگه شما میخواین استایل شیت ها رو کشف بکنین مشکلی نیست، بعد ما فونت فولدر رو داریم در فونت فولدر شما خواهید دید که چهار فونت وجود داره همه اونا دقیقا فونت مشابهی هستند، اونا فقط در چهار فرمت مختلف موجودند و این فونت ها برای ساپورت کردن فونت های گلیف آیکنی اینجان که در دسترس ما قرار دارند. اینها یک سری از آیکون ها هستند که شما می توانید در طراحی وب سایتتون استفاده کنید و شما می توانید از استایل شیت هایی که برای انتخاب اون آیکون های متنوع و نمایش اونا در کارتون ساخته شده اند استفاده کنید همینطور می تونید اینا رو بسنجید، چراکه البته، بر اساس بردار هستند بنابراین اونا رو هرچقدر خواستید کوچک و بزرگ کنید می تونید رنگ و غیره را تغییر دهید و بعداً در این دوره من چیزای بیشتری درباره این گلیف آیکن ها به شما نشون خواهم داد ما قصد داریم در تعدادی مکان خاص ترکیبشون کنیم اما این جا جایی است که منشأ شون محسوب میشه و دلیل این که اونا اونجان همینه و سپس آخرین چیزی که اینجا داخل پوشه بوت استرپه، جاوا اسکریپت هست bootstrap.js و bootstrap.min.jsدرست مانند سی اس اس فایل مین با فضا هایی کوچک شده است و تب ها حذف شده اندbootstrap.jsبراتون قابل خوندنه حال بوت استرپ با این فایل جاوا اسکریپتی شیپ میشه که ما می خوایم در داکیومنت اچ تی ام ال مون ترکیبش کنیم اما شما همچنین نیاز به دانلود برخی از فایل های جاوا اسکریپت اضافی دارین یکی جی کوئری است و من به شما در چند ویدئو نشون خواهم داد چطور این کارو انجام بدین و نامیده میشه و باز respond.js دیگری چیزیه که به شما نشون میدم که باید اون رو به خوبی دانلود کنین این فایل های پایه ایست که با بوت استرپ میاد و چیزی است که اونا دنبال می کنند و حالا ما آماده ایم که شروع به ساختن اولین صفحه وب اچ تی ام ال مون بکنیم
توجه داشته باشید این ویدیو کاملا صدا گذاری نشده ولی زیر نویس این ویدیو کامل می یاشد که به فیلم چسبانده شده است .
نوشته آموزش بوت استرپ ۳ : بررسی ساختار فایل بوت استرپ اولین بار در تک آموز پدیدار شد.
مبنع این خبر (برای مشاهده متن کامل خبر لینک زیر را بزنید):
تک آموز