آموزش بوت استرپ ۳ : بوت استرپ چیست
آموزش بوت استرپ ۳ : بوت استرپ چیست
برای درک بهتر این مطلب به فیلم مراجعه کنید متن زیر به دلیل اینکه زیر نویس فیلم می باشد شاید از کیفیت لازم برخوردار نباشد.
متن :
قبل از این که ما بحثمون رو درمورد همه مشخصات فوق العاده و ساخته های کاربردی بوت استرپ۳ شروع کنیم من فکر میکنم شاید شما بخواین یه پیش زمینه اندکی درباره این که بوت استرپ واقعاً چی هست بدونین بوت استرپ یک چهارچوب طراحی واکنشیه که برای کمک به تسریع و تسهیل ساختن وب سایت های ایستا و اپلیکیشن های وب طراحی شده درنتیجه شما هم می تونید با اچ تی ام ال ایستا که با بوت استرپ براتون باز میشه کار کنید، و هم میتونید اونو با بعضی چیزا مثل پی اچ پی یا یک سیستم مدیریت محتوا ترکیب کنیدهمینطور میتونید اینو به بعضی چیزهایی که در محیط، پویا تر هستند تبدیل کنید جایی که بوت استرپ داره کنترل میکنه طراحی انتهایی جلوی وب سایت شماست بوت استرپ در حال حاضر محبوب ترین پروژه در گیتهاب هست گیتهاب یک مخزن از گروهی از پروژه های اُپن سورس مختلفه و محبوبیت این پروژه ها با ستاره سنجیده میشه و بوت استرپ بیشترین ستاره را در مقایسه با پروژه های دیگر در گیتهاب داره اون درحقیقت با توسعه دهندگان بک اند مشهور شده است به خصوص چون بوت استرپ یک راه عالی برای ساختن یک طراحی انتهای جلویی خیلی ساده برای یک وب سایته. بدون نیاز به دانستن یه تُن اچ تی ام ال و سی اس اس بوت استرپ توسط شماری از سازمان های مختلفمثل ناسا، و ایالت کنتاکی Medicare, Discusو خیلی خیلی بیش از اینها داره استفاده میشه و من به شما برخی مثال هاشون و جاهایی که می تونید برید و نمونه هایی از بوت استرپ رو پیدا کنید ارائه میدم به شرطی که شما به builtwithbootstrap.com بروید این یکی از سه سایت مختلفه که بهتون نشون می دم و حاوی نمونه هایی از سایت هایی است که با بوت استرپ ساخته شده و در سطوح و قابلیت های مختلف سفارشی سازی شده اند Lovebootstrap.comیکی دیگه است که به شما چند تا از این سایت های شگفت انگیز بوت استرپ که نمونه های ارزشمندی هستند رو نشون میده و رسماً درexpo.getbootstrap.com نمونه هایی از سایت های مختلف بوت استرپ که به وسیله توسعه دهندگان اصلی بوت استرپ مورد توجه قرار گرفته اند و این جا در وب سایتشان برجسته شده اند پس به عنوان یک پیش زمینه اندکی در مورد این که چه چیز جدیدی در بوت استرپ ۳ هست. گروهی از مشخصه های جدید عالی وجود دارداول از همه، بوت استرپ ۳ یک بار دیگر ساخته شده است،از زمین برخاسته! تا، یک رویکرد تلفن همراه-اول داشته باشه این به این معنی است که راهی که سیستم شبکه طراحی شده است بالأخص برای شما برای این که فکر کنید که چطور میخواین طراحی های خود را اولاً در صفحات کوچک، مثل آن هایی که در یک صفحه موبایل بالا می آیند طرح بندی کنیدو سپس شما می توانید مقیاس اندازه ی این طرح ها را با محیط های بزرگتر و بزرگتر مقایسه کنیدما برخی از آن ها را که در سیستم بالا می آیند خواهیم دید که در مورد سیستم شبکه ای برای بوت استرپ سخن می گویند در حال حاضر تنها یک سیستم شبکه که با بوت استرپ هدایت میشود در اطراف ما وجود دارد قبلاً در ورژن دو ما به طور کامل سیستم شبکه پاسخگو و یک سیستم شبکه تطبیقی را داشته ایم حالا اون فقط سیستم شبکه پاسخگو است اما بسیاری از قابلیت ها به آن اضافه شده است چهار شبکه در اندازه های مختلف وجود دارد خیلی کوچک، کوچک، متوسط، و شبکه های بزرگ و ما با تمام آن ها در این فصل کار خواهیم کرد در سیستم شبکه بوت استرپ پشتیبانی رسمی از آی ای هفت و فایر فاکس ۳٫۶ رو از قلم انداخته است بنابراین اون نسخه های قدیمی تر اینترنت اکسپلورر دیگر پشتیبانی نخواهد شد و اینترنت اکسپلورر ۸ و بالاتر از آن را ساپورت خواهد کرد شما لازم است که یک تغییر جزئی را برای این که سایت های شما با اینترنت اکسپلورر ۸ کار کنند اعمال کنید، و من شما رو در ویدیوهای بعدی با همه آنچه که شما نیاز دارین انجام بدین تا سایت هایتان را با اینترنت اکسپلورر ۸ به کار گیرید، همراهی میکنم اگر شما آن تغییر خاص را اعمال نکردید و فقط با بوت استرپ خارج از باکس کار می کنید، با اینترنت اکسپلورر ۹ و بالاتر کار خواهد کرد در نهایت، یکی از چیزهای فوق العاده ای که این زمان با بوت استرپ شیپینگ میشه برخی از فونت ها است که می توانند به عنوان آیکون در طرح هایتان استفاده شوند پیش از این، بوت استرپ با یک سری تصاویر شبح گونه شیپینگ میشد آنها فقط آیکون های کوچک هستند، شاید صد یا تعداد بیشتری از آن در یک فایل پی ان جی و تکه هایی از فایل پی ان جی شفاف باشند بستگی به سی اس اسی دارد که با بوت استرپ شیپ می شود. که خوب بود ولی آن بدان معنی است که شما نمی توانید سایز آن آیکن مخصوص را اندازه گیری کنید یا رنگش را به راحتی تغییر دهید چراکه البته آن ها راستروگرافیک هستند حالا از آنجا که ما میخوایم با فونت ها کار کنیم، اونا گرافیک برداری هستند و ما
می تونیم رنگشون رو در فلای تغییر بدیم و دیدنشون رو سریع و آسان و زیبا کنیم و من در ویدیوی آینده به شما نشان خواهم داد که چطور این کار را انجام دهید یکی از رایج ترین سوالات من این است که آیا مردم اصلاً باید با چارچوب طراحی واکنشی مانند بوت استرپ، و یا نزدیک ترین رقیب خود، فاندیشن کار کنند؟ و پاسخ من به این سوال همیشه مشابه بوده است بستگی داره به این که شما میخواین چه نوع مشکلی رو حل بکنیداگر شما در مورد طراحی جلویی-انتهایی وب سایت ورای چند سال گذشته فکر می کنید یه جفت روش وجود داره که ما بهتون ارایه میدیم. اونا به دو قسمت تقسیم میشن ما یا در مورد طراحی وب فرونت اند به عنوان چیزی که شلف رو تحقق میده فکر می کنیم ما یک موضوع یا یک قالبی که برای سیستم مدیریت محتوا استفاده میشه می خریم و آن را مستقیماً به آن سیستم مدیریت محتوا وصل میکنیم شاید ما یک یا دو رنگ یا قطره در یک آرم را تغییر دهیم و ما انجامش دادیم ما یک انتهای جلویی برای وب سایت مون داریم و یا ما درمورد یک راه حل تمام سفارشی فکر میکنیم، که بریم و یک طراح گرافیک رو استخدام کنیم ما سه دوره از طراحی ها را انجام داده ایم، ما سه دوره از تقسیمات را انجام داده ایم ما این کمپس های زیبا رو می بریم و به قطعات کوچک تقسیم میکنیم و اچ تی ام ال سفارشی شخصیمونو می سازیم هر زمان که بخوایم این یک فرآیند پر هزینه است، و ما ممکن است نتونیم لزوما مجدداً از بسیاری از کد هایی که از یک پروژه به دیگری می نویسیم استفاده کنیم من می خوام شما، به دقت در مورداین چارچوب طراحی واکنشی به عنوان یک زمینه میانه فکر بکنید برخی از کار ها براتون انجام شده به طوری که شما لازم نیست که در مورد جنبه های خاصی از طرح های خود فکر بکنید به عنوان مثال، سیستم شبکه، راه بسیار خوبی برای طرح بندی صفحات وب است شما لزوما نیاز به نوشتن سیستم شبکه خود برای هر وب سایتی که میخواین بسازین ندارین اون هنوز قابلیت سفارشی سازی بالایی داره. و بوت استرپ با سی اس اس بسیار انعطاف پذیرش ال ای اس اس سی اس اس رو هم شامل میشه. ال ای اس اس سی اس اس یک سیستم پیش پردازنده سی اس اس است که شما می توانید برای متمرکز کردن استایل خود از آن استفاده کنید. این به شما اجازه می دهد تا به بوت استرپ امکان اینو بدین که واقعاً همون طوری که شما انتظار دارین به نظر برسه اما بهتر از همه، بوت استرپ اصلاً نباید شبیه بوت استرپ باشه یکی از انتقادات رایج، به ویژه در میان طراحان گرافیک این است که تمام سایت های بوت استرپ مشابه به نظر میرسه که لزوماً درست نیست این تنها زمانی درسته که خود شما بخواهید وب سایت تان مانند یک سایت بوت استرپ به نظر برسه و برخی از افراد فقط می خوان یک نمونه اولیه سریع خارج از آن بگیرند شاید آنها فقط از بوت استرپ خارج از شلف استفاده کنند، شاید یک یا دو رنگ را تغییر دهند، و آن را کم ارزش کننداما اگر شما مایل به سفارشی سازی استایل های فراوانی در بوت استرپ هستید، دقیقاً می تونید این کارو بکنیدالبته معایبی هم برای کار با این چهاچوب به روشنی وجود داره کد بلات های زیادی وجود داره که مردم با توجه به چهارچوب درموردش صحبت میکنن، و منظورشون اینه که اونا ممکن است ده یا ۲۰ خط برای نوشتن کد مصرف کنن در حالی که برای کناره کاستوم ممکن است فقط یک دو خط کد مصرف بشه و البته دلیل این که خطوط کد بسیار زیادی در یک چهارچوب درخواست میشه، افزایش انعطاف پذیری چهارچوب برای آدرس دادن وضعیت های مختلف استایلینگه بنابراین در حالی که کدی که شما ممکن است برای سایت سفارشی شخصی خود می نویسید، کارآمد تر باشه کدی که شما میخواین از یک چهارچوب طراحی واکنشی تهیه کنید به طور قطع مواد بسیار بیشتری در آن وجود دارد به این دلیل که اون باید تعدادی از موقعیت های مختلف رو آدرس بده بنابراین کد شما با یک چهاچوب طراحی واکنشی کارآمد نمیشه و البته شما باید چارچوب طراحی واکنشی رو یاد بگیرین که میتونه عامل بازدارنده ی برخی از مردم باشه شما در واقع باید کد شخص دیگری رو یاد بگیریدو ۰باید چگونگی کار با اون رو بدونیدآیا شما باید از یک چهارچوب طراحی واکنشی در کار شخصی تان استفاده کنید؟ خب، بستگی داره بستگی داره به این که چقدر شما می خواین بر وضعیت کنترل داشته باشید چقدر کنترل بر پروژه تون نیازه که آیا زمان کافی برای رفتن و آموختن کد ها یا نوشته های اشخاص دیگری را دارید یا نه اما من شما را به فکر کردن درباره ابعاد این چارچوب های طراحی واکنشی به عنوان یک راه برای انجام سریع کار های مرتبط به هم که از طریق اونا می تونید راه حل های سفارشی بیشتر به مشتریان تون ارائه بدید دعوت می کنم
برای وب سایت هایتان هم می تونید یک دسته از کدهای سفارشی، خارج از باکس بنویسید شما میتونید کار بیشتری انجام بدین، سرعت بیشتری داشته باشید شاید در انتها پول بیشتری در بیارین و کدهای با کیفیت زیبای دسنت و یک پروژه خیلی خوب داشته باشین
نوشته آموزش بوت استرپ ۳ : بوت استرپ چیست اولین بار در تک آموز پدیدار شد.
مبنع این خبر (برای مشاهده متن کامل خبر لینک زیر را بزنید):
تک آموز