فیلم آموزش بوت استرپ از سطح پایه تا پیشرفته

نوع فایل
MP4
حجم فایل
2.5 گیگابایت
دسته بندی
30,000 تومان

یاد گرفتن مهارت های برنامه نویسی به شما کمک می کند تا بتوانید به راحتی وارد بازار کار شوید و به کسب درآمد برسید، در این قسمت از برنا اندیشان تصمیم داریم تا یکی از پکیج های آموزشی ویژه با عنوان فیلم آموزش بوت استرپ از سطح پایه تا پیشرفته به صورت حرفه ای را برای دانلود در اختیارتان قرار دهیم.

فیلم آموزش بوت استرپ از سطح پایه تا پیشرفته

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

بوت استرپ چیست ؟

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.

Bootstrap در ابتدا توسط مارک اتو و جاکوب تورنتون و در جهت ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد. قبل از شروع این پروژه نمونه های زیادی با همین رویکرد ایجاد شده بود که همگی با سرنوشتی مشابه و عدم استقبال طراحان وب دنیا مواجه شده بودند. به دلیل وجود مشکلات اساسی در نمونه های دیگر، سازنده اصلی توییتر یا همان مارک اتو تصمیم به ساخت یک سیستم داخلی و قدرتمند برای خود با نام Bootstrap گرفت.

بوت‌استرپ مجموعه‌ای برای ساخت ظاهری وب سایت‌ها و برنامه‌های وب است.

و یکی از محبوبترین فریم ورکهای css میباشد که از شیوه گرید بندی برای چیدمان صفحات وب استفاده میکند.بوت‌استرپ شامل تمپلت‌های طراحی اچ‌تی‌ام‌ال و سی‌اس‌اس محور برای typography، فرمها، دکمه‌ها، نمودارها، اجزاء راهبری و دیگر اجزاء رابط کاربری و الحاقات اختیاری (JavaScript Extensions)، می‌باشد. بوت‌استرپ محبوب‌ترین پروژه در GitHub است که توسط NASA و MSNBC و دیگر سایتهای مطرح استفاده شده است. با استفاده از اطلاعات رابط برنامه‌نویسی (API) در بوت استرپ می‌توان اجزاء واسط پیشرفته مانند scrollspy و تکمیل کننده خودکار کلمات (typeahead) را بدون نیاز به نوشتن حتی یک خط کد جاوا اسکریپت ایجاد نمود. بهترین نکته بوت استرپ این است که متن باز بوده و به صورت رایگان قابل دانلود و استفاده می‌باشد.

فیلم آموزش پروژه محور بوت استرپ از پایه تا پیشرفته

بوت استرپ به زبان ساده

شاید هنوز هم با امکانات و توانایی های Bootstrap بخوبی آشنا نشده باشید و یا دقیقا متوجه کاربرد آن نشوید. در این بخش کمی ساده تر امکانات و توانایی های آن را بررسی خواهیم کرد.

بزرگترین مشکل طراحان وب و کدنویسان قدیمی، ایجاد ظاهری زیبا و مناسب است! بله دقیقا مشکل اساسی اینجاست. اصول کدنویسی و ایجاد زیربنا و ساختار مناسب برای یک سایت بسیار مهم و پیچیده است ولی نمایش صحیح خروجی کار و ایجاد یک فضای کاربرپسند نیز اهمیت بسیار بالایی خواهد داشت.


پیشنهاد ویژه : فیلم آموزش صفر تا صد زبان PHP


Bootstrap قصد دارد که خلاء میان طراحی و کدنویسی را از میان برداشته و کدنویسان را ترغیب به استفاده از طراحی های پیش فرض و استاندارد نماید. به همین منظور دستورات CSS و توابع jQuery مورد نیاز را برای شما فراهم کرده است تا شما بتوانید با استفاده از دستورات پیش فرض و رعایت اصول متناسب با طراحی Bootstrap زمان راه اندازی یک پروژه را تا حد زیادی کاهش داده و خروجی آن را متناسب با استانداردهای روز دنیا پیش ببرید.

اگر طراحی سایت را به آشپزی تشبیه کنیم، دستورات php همانند مواد اولیه در پخت یک غذا بوده و وظیفه تامین مواد غذایی لازم را برعهده دارد، کدهای HTML همانند دستورالعمل پخت غذا است که خروجی مورد نظر شما را از مواد اولیه ایجاد میکند. دستورات CSS شباهت زیادی به نحوه کشیدن غذا در ظرف و نحوه ارائه آن در سفره دارد! خوشمزه ترین غذای دنیا نیز اگر در ظرف پلاستیکی و بصورت نامناسب سرو شود ممکن نیست که رضایت افراد را جلب کند ولی ارائه مناسب و زیبای یک غذای ساده میتواند اشتهای سخت گیرترین افراد را نیز برانگیزد.

امکانات بوت استرپ

بوت استرپ در برگیرنده امکانات ویژه ای است که سهولت طراحی وب سایت را در پی دارد. از جمله این امکانات می توان به دکمه ها و منوهای آبشاری و فرم ها، جدول ها و سایر عناصر پر کاربرد در طراحی وب اشاره کرد. از طریق بوت استرپ می توان عناصر طراحی سایت را واکنشگرا و یا غیرواکنشگرا کرد.

پکیج آموزش صفر تا صد بوت استرپ

ابزار بوت استرپ با تمامی موتورهای جستجو هماهنگ است. به طوری که در نسخه قدیمی مرورگرِ اینترنت اکسپلورر 8 نیز همچنان ساختار خود را حفظ می کند. نسخه دوم بوت استرپ نیز شامل امکانات ریسپانسیو کردن سایت نیز می باشد. در نتیجه برای بهینه کردن سایت برای سیستم عامل های غیر از ویندوز نیز از بوت استرپ استفاده می شود.

مزایای بوت استرپ

در ادامه شما را با مزایای بوت استرپ آشنا می کنیم.

استفاده برای موبایل و تبلت

برای طراحی سایت برای موبایل و تبلت ها، استفاده از بوت استرپ در اولویت قرار می گیرد. به این معنا که زمان طراحی باید به ظاهر آن برای موبایل و تبلت توجه کنیم. در این صورت باید بوت استرپ به دو شکل رویکرد Desktop محور و رویکرد Mobile First انجام شود.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این پکیج آموزشی

  • درس یکم: شروع به کار با Bootstrap
  • درس دوم: کار با شبکه Grid در بوت استرپ
  • درس سوم: کار با Flex Box در بوت استرپ
  • درس چهارم: کار با Typography در Bootstrap
  • درس پنجم: کار با رنگ ها
  • درس ششم: کار با جدول ها
  • درس هفتم: کار با تصاویر
  • درس هشتم: کار با Jumbotron در Bootstrap
  • درس نهم: کار با اعلان ها
  • درس دهم: کار با دکمه ها
  • درس یازدهم: کار با دکمه های گروهی
  • درس دوازدهم: کار با نشان Badge ها در بوت استرپ
  • درس سیزدهم: کار با نوارهای پیشرفت
  • درس چهاردهم: کار با صفحه بندی در Bootstrap
  • درس پانزدهم: کار با لیست ها در بوت استرپ
  • درس شانزدهم: کار با Card ها
  • درس هفدهم: کار با لیست های کشویی
  • درس هجدهم: کار با Collapse
  • درس نوزدهم: کار با منوها در بوت استرپ
  • درس بیستم: کار با فرم ها
  • درس بیست و یکم: کار با ورودی ها در Bootstrap
  • درس بیست و دوم: کار با Carousel
  • درس بیست و سوم: کار با Modal ها در Bootstrap
  • درس بیست و چهارم: کار با Tooltip ها
  • درس بیست و پنجم: کار با Popover بوت استرپ
  • درس بیست و ششم: کار با Scrollspy
  • درس بیست و هفتم: کار با کلاس های کمکی در Bootstrap
  • درس بیست و هشتم: پروژه نهایی پیاده سازی قالب وبلاگ
راهنمای خرید
  • لینک دانلود فایل بلافاصله بعد از پرداخت وجه به نمایش در خواهد آمد.
  • همچنین لینک دانلود به ایمیل شما ارسال خواهد شد به همین دلیل ایمیل خود را به دقت وارد نمایید.
  • ممکن است ایمیل ارسالی به پوشه اسپم یا Bulk ایمیل شما ارسال شده باشد.
  • در صورتی که به هر دلیلی موفق به دانلود فایل مورد نظر نشدید با ما تماس بگیرید.