description توضیحات کوتاه دوره
ورژن 4 بوتسترپ دستخوش تغییراتی شده که این امر باعث بهینه تر شدن این فریم ورک محبوب گردیده است.این تغییرات در ساختار کلاس ها و اضافه شدن استایل های بسیار متنوع برای طراحی رابط کاربری منعطف تر همراه با کدنویسی کمتر از جانب طراح می باشد.از نکات قابل توجه در ورژن جدید کم حجم شدن هسته فریم ورک و امکانات متنوعی است که در این ورژن گنجانده شده و تغییراتی اساسی برای هرچه بهتر شدن آن صورت گرفته است.
حال با توجه به انتشار نسخه نهایی ورژن 4 فریم ورک بوت استرپ مفتخریم که به عنوان اولین وب سایت آموزشی در عرصه وب فارسی دوره ای جامع در رابطه با ورژن جدید این فریم ورک برگزار نماییم و امیدواریم مانند گذشته این دوره نیز مورد استقبال شمت عزیزان قرار گرفته و رضایت خاطر شما را همراه داشته باشد
سرفصل دوره آموزش فریم ورک Bootstrap 4
فصل اول : سیستم گرید و بررسی تغییرات آن در ورژن 4
- معرفی سیستم گرید در ورژن 4 بوت استرپ
- بررسی کلاس های سیستم گرید و تغییرات آن
- بررسی انواع حالت های پیاده سازی سیستم گرید
فصل دوم : کار با محتوا و بررسی تغییرات آن در ورژن 4
- کار با متون (Typography)
- کار با کدها (Code)
- کار با تصاویر (Images)
- کار با جداول (Tables)
- معرفی تگ Figures برای ارتباط بین تصاویر و متون مرتبط به یکدیگر
- و...
فصل سوم : Component ها و بررسی تغییرات آن در ورژن 4
- کار با منوها و ساختار و کلاس های جدید آن
- کار با انواع فرم ها
- کار با باکس های نمایش پیام به کاربران
- منو های کشویی و افتادنی (Dropdown menu) و بررسی انواع آن
- کار با دکمه های مستقل و گروهی
- کار با beardcrumb
- کار با مدال ها
- کار با اسلایدر (Carousel)
- ایجاد لینک های صفحه بندی
- معرفی و استفاده از Jumbotron
- کار با popover ها tooltips ها
- کار با Progress bar ها و معرفی انوع آنها
- و...
فصل چهارم : Utility ها و بررسی کلاس ها و استایل های جدید اضافه شده در ورژن 4
- مبحث بررسی کلاس های Border ها
- مبحث بررسی کلاس های رنگ ها
- مبحث بررسی کلاس های نمایش و عدم نمایش عناصر در سایزهای مختلف صفحه نمایش
- مبحث بررسی کلاس های شناور سازی عناصر در سایز های مختلف صفحه نمایش
- محبث بررسی کلاس های موقعیت دهی به عناصر در قسمت های مختلف اسناد
- مبحث بررسی کلاس های تعیین اندازه عناصر بودن استفاده از سیستم گرید بوت سترپ
- مبحث بررسی کلاس های تعیین فاصله عناصر از یکدیگر (margin-padding)
- مبحث بررسی کلاس های تعیین متون در سند
- مبحث بررسی کلاس های تراز عمودی عناصر
- و...
فصل پنجم : پروژه
- طراحی قالب رسپانسیو توسط ورژن 4 بوتسترپ و استفاده از امکانات آن ( قالب فروشگاه )
info نکته :
در طول دوره و به مرور و متناسب با هر مبحث کلاس های حذف شده و جدید در ورژن 4 معرفی خواهند شد.
سلام
خسته نباشید…..
من اصلا با بوت استرپ کار نکردم….برای شروع از این دوره شما شروع کنم …یا دوره بوت استرپ ۳ شما در دوره های قبل…؟
سلام می تونید از این دوره شروع کنید اما اگر ورژن 3 رو مسلط باشید تفاوت های که این 2 ورژن دارن رو بهتر درک می کنید.
– جلسه سوم و چهارم بی کیفیت هست(صدا خوبه اما تصویر نه) . ویدئو با کیفیت تصویر بالاتر میخواهم.
– عرض container دومقدار بیان شد! 1140 و 1170 پیکسل ! در حالی که https://getbootstrap.com/docs/4.0/layout/grid/#grid-options آمده : حداکثر عرض 1140px .
1170 مربوط به چه حالتی هست؟
اول سلام
مشکل فنی بود و کیفیت ویدئو هایی که اشاره شد اصلاح شد مجددا می تونید دانلود کنید
درضمن دوست عزیز شما یا با آموزش های ما پیش برید و یا برید سراغ مستندات و از اونجا ادامه بدید. ما در دوره موارد کاملتری رو نسبت به مستندات می گیم که در اونجا بهش اشاره نشده مثل پاسخ همین سوالتون .
و اما پاسخ این سوالتون که از سوال معلومه که اصلا به مباحث ارائه شده دقت نکردید عرض container 1140px هست مطابق با مستندات درسته …مگه نگفتیم هر کدوم از ستون ها و همچنین container ما از چپ و راست 15px مارچین دارن خوب بنده طول کلیش رو هم خدمتتون گفتم تا بهتر موضوع رو درک کنید چیزی که توی مستندات بهش اشاره نشده …خوب 2 تا 15px میشه 30px و اگر با اون 1140 جمع کنید میشه 1170 که میشه عرض کلی container با احتساب مارجین چپ و راستش …بیشتر دقت کنید
سلام وقتتون بخیر
میشه نام افزونه inspect element ای که در این ویدئو استفاده می کنین رو بگین؟ ممنون میشم
کدوم افزوته دوست عزیز inspect element بصورت پیشفرض روی chorme هست
سلام این دوره برای چه کسانی مناسب هست؟
من به html و css تقریبا مسلط هستم ولی نمیتونم یه قالبی رو سرپا کنم. ایا این دوره میتونه به من کمک کنه که یک طراحی حرفه ای front end بشم؟
ممنونم از راهنمایتون
سلام بله دوست عزیز براتون مفید خواهد بود
سلام استاد خسته نباشین
فکر میکنین دوره تا جه تاریخی ب اتمام میرسد؟
سلام سعی می کنیم تا اواخر خرداد تموم شه
سلام استاد شما چرا جی کوئری رو include نکردید تو صفحه ؟ بعد من تو سایت بوت استرپ مستنداتشو میخوندم تو Starter template نیازی به bootstrap-reboot نبود ولی شما include ش کردید حتما نیازه include ش کرد؟
جی کوئری رو اضافه می کنیم در ادامه reboot اگر اضافه بشه برای طراحی بهتره تا قالب به درستی در تمام مرورگرها نمایش داده بشه و استایل پیشفرض عناصر در برخی موارد در مرورگرهای مختلف متفاوته ری ست بشه و به یک حالت در بیاد در ضمن بهتره شما با دوره پیش برید خیلی از موارد هست که در سایت رسمی بهش اشاره نشده مثل همین مورد که ما اشاره می کنیم مواردی که جدای از بوت برای طراحی نیازه
سلام
تفاوت های اساسی بوت استرپ 3 با 4 رو میشه بگید؟
سلام توی ویدئوی دمو در صفحه ثبت نام کامل توضیح دادیم
سلام اقای وحید صالحی عزیز من دوره bootstrap 3 رو خریداری کردم قبلا اما هنوز ندیدمش ! خب الان ورژن 4 اومده به نظر شما چه کنم ؟ همون 3 رو ببینم بعدش بیام رو 4 ؟ یا دیگه 3 رو نبینم ؟
سلام ورژن 3 رو ببنید یادگیری ورژن 4 براتون راحت تره اما اگر زمان براتون مهمه و می خواید زودتر یاد بگیرید ورژن 4 رو تهیه کنید