آموزش بوت استرپ ۴ (Bootstrap 4)
مدرس : محمد حسین موسوی
جشنواره نوروزی با ۷۰ و ۸۵ درصد تخفیف ۲۴ ساعته فعال شد
دریافتمدرس : محمد حسین موسوی
قیمت آموزش : ۴۸۰ هزار تومان
همین الان یادگیری را آغاز کنید !
آموزش بوت استرپ ۴ ( Bootstrap 4) که در حال حاضر برای شما به صورت ویدئویی تهیه شده است، یکی از کاملترین و جامع ترین دوره های آموزش بوت استرپ در سطح وب فارسی است! اکنون زمان کوچ کردن به آخرین نسخه و جذاب ترین نسخه Bootstrap یعنی بوت استرپ ۴ (Bootstrap 4) است! بوت استرپ یک فریمورک شامل توابع و کتابخانه های از پیش آماده است، که علاوه بر افزایش سرعت شما در ایجاد یک وب سایت استاندارد و زیبا ، ریسپانسیو بودن وب سایت (واکنشگرا بودن) را تضمین می کند! بوت استرپ یک فریمورک ویژه بخش فرانت اند سایت است که به شما کمک می کند تا یک وب سایت ریسپانسیو را به راحتی هر چه تمام خلق کنید. در دوره آموزش بوت استرپ ۴ فارسی شما با آخرین نسخه بوت استرپ یعنی Bootstrap 4 به صورت کامل و جامع و به همراه انجام تعدادی مثال عملی و پروژه محور آشنا خواهید شد! با ما همراه باشید تا نسخه ۴ فریمورک محبوب بوت استرپ را در قالب حدود ۱۳ ساعت فیلم آموزش بوت استرپ به زبان فارسی بیاموزیم.
نوع دوره : ویدئویی و فارسی ، تهیه شده توسط مدرسین تیم آکادمی
توضیحات : کاربر عزیز میتوانید این دوره تصویری را از طریق بخش مربوطه، به صورت دانلودی دریافت کنید.
دوره آموزش بوت استرپ ۴ به صورت مداوم و به درخواست شما کاربران آپدیت می شود!
دوره آموزش بوت استرپ ۴ دارای پشتیبانی ۳۶۰ درجه بوده و می توانید سوالات خود را در همین صفحه از مدرس دوره بپرسید!
سرفصل ها کلی بوده و بسیاری از موارد ذکر نشده است و ممکن است هر بخش شامل چندین ویدئو زیر مجموعه باشد.
فصل اول – معرفی
معرفی دوره و مدرس
پیش نیازهای یادگیری Bootstrap 4
فریم ورک چیست؟ بوت استرپ چیست؟ دلایل استفاده و محبوبیت؟
نگاهی گذرا به ویژگی های جدید بوت استرپ ۴
تفاوت reset.css وnormalize.css و reboot.css
نصب و راه اندازی – آشنایی با مفهموم CDN و Package Manager
پشتیبانی مرورگرها
آیا شخصی سازی بوت استرپ ممکن است؟
فصل دوم – قالب بندی و ساختار بوت استرپ
نقاط شکست یا breakpoint ها
آشنایی باContainer ها
Grid system چیست و چگونه با آن ها کار کنیم؟
آشنایی با نحوه کارکرد کلاس های row و col و تفاوت های آن با نسخه قبل
آشنایی و کار با flex class ها
آشنایی با Auto Margin ، Wrap، Ordering
فصل سوم – نمایش محتوا
تایپوگرافی (Headings , Alignment , Text alignment , Lists , ... )
نحوه درج تصاویر و کلاس های مربوطه
کار با جداول و استفاده از Vertical align
رنگ ها در بوت استرپ
فصل چهارم – کامپوننت ها در Bootstrap4
آشنایی با نحوه استفاده از Alerts
آشنایی با نحوه استفاده از Badge
آشنایی با نحوه استفاده از Breadcrumb
آشنایی با نحوه استفاده از Buttons
آشنایی با نحوه استفاده از Button group
آشنایی با نحوه استفاده از Card
آشنایی با نحوه استفاده از Carousel
آشنایی با نحوه استفاده از Collapse
آشنایی با نحوه استفاده از Dropdowns
آشنایی با نحوه استفاده از Forms
آشنایی با نحوه استفاده از Input group
آشنایی با نحوه استفاده از List group
آشنایی با نحوه استفاده از Modal
آشنایی با نحوه استفاده از Navs
آشنایی با نحوه استفاده از Navbar
آشنایی با نحوه استفاده از Pagination
آشنایی با نحوه استفاده از Popovers
آشنایی با نحوه استفاده از Progress
آشنایی با نحوه استفاده از Scrollspy
آشنایی با نحوه استفاده از Tooltips
فصل پنجم – کلاس های کمکی در بوت استرپ ۴
نحوه استفاده از کلاس Display و Visibility و تفاوت آن ها
کار با کلاس های مربوط به Flex
کلاس ها مربوط به Float
مدیریت Position با استفاده از کلاس های بوت استرپ (Fixed top, Fixed bottom, Sticky top)
آشنایی با Borders
آشنایی با Shadows
آشنایی با Sizing
مدیریت Spacing ها با استفاده از کلاس های بوت استرپ (Notation, Horizontal centering)
فصل ششم – انجام پروژه با بوت استرپ ۴
فصل هفتم – جمع بندی دوره آموزش بوت استرپ و صحبت پایانی
ویدئو های ما به صورت اختصاصی توسط مدرسین آکادمی لرن فایلز تهیه شده است .
ویدئو ها توسط واحد کنترل کیفیت ما بررسی و سطح علمی ، صدا و تصویر ، شیوه بیان و سایر موارد آن تایید می شود .
ویدئو های ما تئوری محض نیستند و در حد نیاز مباحث تئوری مطرح و باقی آموزش عملی و ویژه بازار کار می باشد .
محمد –
سلام وقت بخیر میخواستم بدونم آیا فارسی سازی و RTL کردن خودتون در طول دوره انجام میدین یا از نسخه RTL Bootstrap استفاده میکنید ؟
ممنون و سپاس
سید محمد حسین موسوی –
سلام
خیر از نسخه اصلی استفاده شده. سعی کنید شما هم از نسخه اصلی استفاده کنید تا کدهاتون استاندارد باشه. برای راست به چپ کردن بوت استرپ هم مواردی گفته شده که می تونید ازش استفاده کنید و دیگه نیازی به بوت استرپ راست چین شده غیر رسمی! نخواهید داشت
mohammad_m933 –
سلام
میخواستم بدونم در پروژه ای که انجام میدین از فایل آماده راست چین شده بوت استرپ استفاده میکنید یا خودتون مرحله به مرحله راست چین انجام میدین ؟
دوم اینکه از نسخه چند بوت استرپ ۴ در این آموزش استفاده شده است ؟
att –
این دوره خیلی خوب بود واقعاااا به من کمک کرد من قبلا هم فیلم آموزشای بوتسترپ دیده بودم ولی هیچکدوم کامل نبودن. این دوره خیلی برا من خوب بود تونستم باهاش ی پروژه برا ی شرکت انجام بدم و از بین چند نفر انتخابم کنن. مدرس و فن بیان ایشون هم خیلی بود
واحد پشتیبانی لرن فایلز –
عالبه ، ممنون بابت نظرتون!
مسعود –
سلام و خسته نباشید میگم به تیم لرن فایلز
این دوره جزء تاپترین دوره های لرن فایلز بنظرم ، مدرس عالی تدریس میکنه و همه نکات رو میگه خدایی ایول داره دیگه
واحد پشتیبانی لرن فایلز –
درود بر شما
خوشحالیم که مفید واقع شده براتون
موفق باشید
محمد جواد مرکباتی (مالک تایید شده) –
خسته نباشید ببخشید تو قسمت collpase یا قسمتایی که کلا ” ” = …-data استفاده میکنین تو دستورها.
این دستور برا من مشکل داره و عمل نمیکنه من حتی از خود سایت بوت استرپ مثلا دستورای اول collpase رو کپی کردم بازم جواب نداد.
میخواستم بدونم باید چیکار کنم؟
واحد پشتیبانی لرن فایلز –
سلام بر شما. لطفا بیشتر توضیح بدید تا مشکل رو بر طرف کنیم با هم. تکه کد مربوط به همین بخش رو هم در کامنت بفرستید لطفا. با تشکر
مدرس – سید محمد حسین موسوی –
سلام
چنتا دلیل می تونه داشته باشه:
۱- فایل js مربوط به bootstrap رو تو پروژه تون اضافه نکردید
۲- فایل jquery رو به پروژه تون اضافه نکردید
۳- خصوصیت زیر رو درست ننوشتید:
data-toggle=”collapse”
۴- علاوه بر خصوصیت بالا باید بهش بگید که قراره با زدن ایتم مورد نظر کدوم element باز و بسته بشه که باید داخل اتریبیوت زیر مقدار دهی کنید:
href=”#yourElementIdIsHere”
علاوه بر این باید یه element هم با همون ایدی تو صفحه داشته باشید که ایدیش دقیقا چیزی باشه که داخل مرحله قبل دادید