4 روز شگفت انگیز با 70 و 85 درصد تخفیف از Black Friday تا Cyber Monday شروع شد! جزئیات
آموزش بوت استرپ 4 ( Bootstrap 4) که در حال حاضر برای شما به صورت ویدئویی تهیه شده است، یکی از کاملترین و جامع ترین دوره های آموزش بوت استرپ در سطح وب فارسی است! اکنون زمان کوچ کردن به آخرین نسخه و جذاب ترین نسخه Bootstrap یعنی بوت استرپ 4 (Bootstrap 4) است! بوت استرپ یک فریمورک شامل توابع و کتابخانه های از پیش آماده است، که علاوه بر افزایش سرعت شما در ایجاد یک وب سایت استاندارد و زیبا، ریسپانسیو بودن وب سایت (واکنشگرا بودن) را تضمین می کند! بوت استرپ یک فریمورک ویژه بخش فرانت اند سایت است که به شما کمک می کند تا یک وب سایت ریسپانسیو را به راحتی هر چه تمام خلق کنید.
در دوره آموزش بوت استرپ 4 فارسی شما با آخرین نسخه بوت استرپ یعنی Bootstrap 4 به صورت کامل و جامع و به همراه انجام تعدادی مثال عملی و پروژه محور آشنا خواهید شد! با ما همراه باشید تا نسخه 4 فریمورک محبوب بوت استرپ را در قالب حدود 13 ساعت فیلم آموزش بوت استرپ به زبان فارسی بیاموزیم.
سرفصل ها کلی بوده و بسیاری از موارد ذکر نشده است و ممکن است هر بخش شامل چندین ویدئو زیر مجموعه باشد.
فصل اول – معرفی
معرفی دوره و مدرس
پیش نیازهای یادگیری Bootstrap 4
فریم ورک چیست؟ بوت استرپ چیست؟ دلایل استفاده و محبوبیت؟
نگاهی گذرا به ویژگی های جدید بوت استرپ 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
فصل پنجم – کلاس های کمکی در بوت استرپ 4
نحوه استفاده از کلاس Display و Visibility و تفاوت آن ها
کار با کلاس های مربوط به Flex
کلاس ها مربوط به Float
مدیریت Position با استفاده از کلاس های بوت استرپ (Fixed top, Fixed bottom, Sticky top)
آشنایی با Borders
آشنایی با Shadows
آشنایی با Sizing
مدیریت Spacing ها با استفاده از کلاس های بوت استرپ (Notation, Horizontal centering)
فصل ششم – انجام پروژه با بوت استرپ 4
فصل هفتم – جمع بندی دوره آموزش بوت استرپ و صحبت پایانی
تعدادی از ویدیو های این دوره در بخش مربوط به پیش نمایش آموزش (بالا- ستون سمت راست) برای شما قرار داده شده است تا از کیفیت کمی و کیفی آموزش بوت استرپ 4 (Bootstrap 4) مطمئن شوید و قبل از خرید این دوره آموزشی به خوبی سطح آن را از همه لحاظ ارزیابی کنید.
جهت دریافت این آموزش با کلیک بر روی دکمه “دریافت آموزش” (بالا- ستون سمت راست) جهت خرید اقدام کنید. بلافاصله پس از پرداخت آنلاین می توانید وارد پنل کاربری خود در لرن فایلز شده و به ویدیو های آموزشی و سایر امکانات دسترسی داشته باشید.(دسترسی بدون محدودیت در هر زمان و مکان)
قبل از شروع آموزش بوت استرپ ۴ (Bootstrap 4) نیاز به یادگیری آموزش های زیر دارید:
این آموزش تاکنون نیاز به آپدیت نداشته است و کاملاً بروز می باشد!
چنانچه احساس میکنید این آموزش نیاز به آپدیت و بروزرسانی دارد لطفاً این موضوع را با ما در میان بگذارید.
سلام و عرض ادب
اولین باره میبینم یک مدرس انقدر دقیق و با جزئیات توضیح میده
واقعا سپاسگزارم
موفق باشید
سلام و عرض ادب!
ممنون ار ارسال دیدگاه ارزشمندتون.
موفق و پیروز باشید
سلام ببخشید من میخوام bootstrap رو راه اندازی کنم اون فایل های مورد نیاز که دانلود کردم کار نمیکنن و سیستم بهم عرور میده میخواستم بدونم شما دلیلش رو میتونید بهم بگید
سلام و عرض ادب
با ایمیلی که دوره رو خریداری کردید سوالاتتون رو بفرمایید تا مدرس پاسخگو باشند.
موفق و پیروز باشید
خسته نباشید من bootstrap بلد هستم فقط قسمت ساخت پروژه عملی رو میخوام ببینم .. امکانش هست؟؟؟
سلام و عرض ادب
خیر، امکان تهیه قسمت های دوره مجزا نیست.
موفق و پیروز باشید
با سلام
دوره بسیار خوبی بود.هم بسیار مسلط بودید هم به خوبی بیان کردید.
خسته نباشید ببخشید تو قسمت collpase یا قسمتایی که کلا ” ” = …-data استفاده میکنین تو دستورها.
این دستور برا من مشکل داره و عمل نمیکنه من حتی از خود سایت بوت استرپ مثلا دستورای اول collpase رو کپی کردم بازم جواب نداد.
میخواستم بدونم باید چیکار کنم؟
سلام
چنتا دلیل می تونه داشته باشه:
1- فایل js مربوط به bootstrap رو تو پروژه تون اضافه نکردید
2- فایل jquery رو به پروژه تون اضافه نکردید
3- خصوصیت زیر رو درست ننوشتید:
data-toggle=”collapse”
4- علاوه بر خصوصیت بالا باید بهش بگید که قراره با زدن ایتم مورد نظر کدوم element باز و بسته بشه که باید داخل اتریبیوت زیر مقدار دهی کنید:
href=”#yourElementIdIsHere”
علاوه بر این باید یه element هم با همون ایدی تو صفحه داشته باشید که ایدیش دقیقا چیزی باشه که داخل مرحله قبل دادید
سلام بر شما. لطفا بیشتر توضیح بدید تا مشکل رو بر طرف کنیم با هم. تکه کد مربوط به همین بخش رو هم در کامنت بفرستید لطفا. با تشکر
سلام و خسته نباشید میگم به تیم لرن فایلز
این دوره جزء تاپترین دوره های لرن فایلز بنظرم ، مدرس عالی تدریس میکنه و همه نکات رو میگه خدایی ایول داره دیگه
درود بر شما
خوشحالیم که مفید واقع شده براتون
موفق باشید
این دوره خیلی خوب بود واقعاااا به من کمک کرد من قبلا هم فیلم آموزشای بوتسترپ دیده بودم ولی هیچکدوم کامل نبودن. این دوره خیلی برا من خوب بود تونستم باهاش ی پروژه برا ی شرکت انجام بدم و از بین چند نفر انتخابم کنن. مدرس و فن بیان ایشون هم خیلی بود
عالبه ، ممنون بابت نظرتون!
سلام
میخواستم بدونم در پروژه ای که انجام میدین از فایل آماده راست چین شده بوت استرپ استفاده میکنید یا خودتون مرحله به مرحله راست چین انجام میدین ؟
دوم اینکه از نسخه چند بوت استرپ 4 در این آموزش استفاده شده است ؟
سلام وقت بخیر میخواستم بدونم آیا فارسی سازی و RTL کردن خودتون در طول دوره انجام میدین یا از نسخه RTL Bootstrap استفاده میکنید ؟
ممنون و سپاس
سلام
خیر از نسخه اصلی استفاده شده. سعی کنید شما هم از نسخه اصلی استفاده کنید تا کدهاتون استاندارد باشه. برای راست به چپ کردن بوت استرپ هم مواردی گفته شده که می تونید ازش استفاده کنید و دیگه نیازی به بوت استرپ راست چین شده غیر رسمی! نخواهید داشت
سلام و عرض خسته نباشید . چرا دموی از آخر که یا فصل 6 که چه پروژه ساخته میشه؟
درود بر شما
در متن توضیحات دوره چندین ویدئو نمونه وجود داره که ویدئو معرفی پروژه انجام شده هم موجود هست .
شما میتونید با مشاهده این ویدئو با پروژه انجام شده آشنا بشید .
با تشکر