سلام برنامه | HiProgram

در خدمت شما هستیم با آموزش Bootstrap جلسه پایانی (Design Template)

آموزش Bootstrap جلسه پایانی (Design Template) از سری آموزش های تک قسمتی است

سلام برنامه در این جلسه آموزش بوت استرپ را به پایان می برد

در این جلسه از آموزش یک قالب را کد می زنیم تا شما به صورت مستقیم نحوه ساخت را آموزش ببینید

یک قالب ساده را طراحی کرده و آن را رسپانسیو می کنیم

از موارد جلسات قبل برای ساخت این قالب استفاده می کنیم

و فقط از کلاس های بوت استرپ استفاده می کنیم

پایان بوت استرپ ۳

به انتهای آموزش بوت استرپ ۳ رسیدیم به زودی بوت استرپ ۴ را برای شما آماده میکنیم امروز در این مقاله که بیشتر کار ما در ویدیو آموزش قابل مشاهده است یک قالب ساده را با بوت استرپ کد میزنیم و رسپانسیو بودن آن را نیز چک میکنیم ما در این دوره ۳۶ جلسه ای سعی کردیم هرآنچه که بوت استرپ ۳ در خود جای داده است را برای شما بیان کنیم . سرفصل های بین المملی بوت استرپ ۳ که ما هم از آن پیروی کردیم اگر جلسه مقدمه و این جلسه را حذف کنیم ۳۴ سرفصل بود که آن هارا بیان کردیم.

بوت استرپ تنها روش برای رسپانسیو کردن سایت نیست و حتی گاهی جز برای رسپانسیو کردن برای مواردی دیگری از طراحی نیز از آن استفاده میشود که دلیل آن هم کلاس های بوت استرپ است که کار را برای ما ساده تر میکنند. شما با بوت استرپ هر سایتی را میتوانید رسپانسیو کنید مهم نیست ساختار و زبان برنامه نویسی آن سایت چه باشد چرا که بوت استرپ تشکیل شده از html و css و javascript و جیکوئری است که با هر زبان تحت وبی سازگاری دارد و قابلیت پیاده سازی روی آن را دارد.

بوت استرپ ۴

این که شما از کدام نسخه بوت استرپ استفاده کنید تاثیری در رسپانسیو بودن سایت شما ندارد تنها نکته ای که باید دقت کنید این است که در این ۲ نسخه برخی کلاس ها با هم متفاوت هستند پس دقت کنید که کلاس های بوت استرپ ۳ را برای ۳ و نسخه ۴ آن را برای خود آن نسخه استفاده کنید تا دچار خطا و یا عدم اجرای کد نشوید.

بوت استرپ سایت را کند میکند؟

این سوالی است که خیلی جاها به گوش میرسد و طرز فکر های نادرستی درباره بوت استرپ بیان میشود اگر طراحی در استفاده از فایل های css و javascript بوت استرپ بهینه سازی را در نظر بگیرد نه تنها بوت استرپ سایت را کند نمیکند بلکه سرعت آن را بیشتر هم میکند چون اگر شما بخواهید همین امکانات را به ورت دستی به سایت اضافه کنید باید چند برابر کد های css بنویسید که سنگین تر از بوت استرپ خواهد بود امروزه برخی از سایت تنها با بوت استرپ ساخته میشوند پس اگر سنگین بود این تعداد از سایت با آن ساخته نمیشد. سیستم مدیریت محتوا های معروفی نظیر وردپرس و جوملا در ساختار های طراحی خود کاملا از بوت استرپ استفاده کرده اند این مورد را میتوانید روی قالب های پرفروش آنها در مارکت ها ببینید.

مرجع های آموزش 

اگر به اطلاعات بیشتری درباره بوت استرپ نیاز داشتید خود سایت بوت استرپ میتواند به شما کمک کند. علاوه بر آن میتوانید از سایت w3schools نیز استفاده کنی که آموزش های بسیار خوبی درباره بوت استرپ گفته است.

می توانید دیگر قسمت ها را در لینک زیر ببینید

آموزش Bootstrap جلسه سی و پنجم (Simple Template)

شما می توانید این آموزش را به صورت آنلاین از ویدیو زیر ببینید

و یا آن را در آپارات مشاهده کنید: