دوره آموزش بوت استرپ 4.0
ورژن 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 معرفی خواهند شد.
سلام. من به امید انجام پروژه‌ی فروشگاه که داخل ویدیو دمو گفتین الان گرفتم این دوره رو اما پروژه ای که انجام دادین و فایلشو نگاه کردم یک پروژه دیگه هست. چرا اطلاعات اشتباه میدین؟
پروزه فروشگاه خیلی ساده بود تصمیم گرفتیم پروژه پیچیده تری رو جایگزین کنیم جلسه آخر دوره رو ببنید تویحات داده شده حتی برای پیاده سازی پروژه فروشگاه
این جلسه عالی وکاربردی بود .باسپاس
شیوا و روان ….لذت بردم.ممنون
عالی بود خسته نباشید…
سلام جناب صالحی
راستش فایل معرفی را گوش دادم، بسیار جذاب و با لحن زیبا توضیح دادین و فکر میکنم کمتر منابع آموزشی فارسی با این کیفیت وجود داشته باشه. فقط یه سوال داشتم این که این دوره الان در چه مرحله ای هست؟ و کی تمام میشه؟
موفق و سربلند باشید
سلام
دوره تکمیل شده
لیست جلساتش رو در صفحه دوره می تونید ببینید
سلام…استاد خسته نباشید خیلی جلسه خوبی بوووود
سلام سلامت باشید
سلام استاد صالحی وقتتون بخیر.
فیلم آموزشی قسمت 20 فقط تا دقیقه 27-28 کار میکنه و بعدش دیگه کار نمیکنه.
اگه امکانش هست لینک رو اصلاح و فیلم رو دوباره آپلود کنید. ممنون از آموزشای خوبتون
سلام ممنون از اطلاع رسانیتون مشکل برطرف شد مجددا دانلود کنید
موفق باشید
البته ورژن بالایی که معرفی کردم، مشکلی نداره اما سختی کار باهاش اینه که برای هر المنت که میخواهید rtl بشه، باید حتما کلاس rtl رو اضافه کنید و این یه مقدار سخت هست موقع نوشتن کد (وخیلی تکرار شونده و واقعا خسته کننده)
سلام جناب صالحی عزیز، یک fork گرفته شده از لینک بالا که حاوی فایل فقط rtl هست برای بوت استرپ (حتما برنچ با نام only-rtl باید انتخاب بشه). فکر می کنم این مناسب تر باشه، من تست کردم رو بعضی از کامپوننت ها، درست داره کار می کنه، خواستم اصلاح کنم که به جای لینک بالا از لینک زیر می تونیم استفاده کنیم و بعد از لود کردن فایل بوت استرپ اصلی کافی است فقط فایل boostsrap-only-rtl.css رو به صفحه اضافه کنیم. بازم ممنون از شما
لینک اصلاح شده:
https://github.com/Abd-Elrahman-Nasr/bootstrap-v4-rtl
سلام جناب صالحی عزیز، روزتون بخیر
من تازه شروع کردم به دیدن ویدئوها بسیار خوب شما. یه سوال داشتم در مورد بوت استرپ ورژن rtl. این سایتی که معرفی کردید برای گرفتن بوت استرپ، هنوز به ورژن 4.1 آپدیت نشده
من این لینک رو پیدا کردم گیت هاب:
https://github.com/MahdiMajidzadeh/bootstrap-v4-rtl
به نظرتون مناسب هست واسه استفاده در پروژه هامون؟ خواستم نظر شما رو بدونم
از لطف شما بسیار سپاسگزارم
سلام ممنون دوست عزیز نه مشکلی نیست می تونید استفاده کنید
درود بر شما
خسته نباشید!
فایل های جلسه 18 و 19 یکی هست!
سلام ممنونم بله جلسه 18 و 19 باهم هستند
سلام استاد. آیا در این دوره قالب کامل دیجی کالا با فریم ورک بوت استرپ4 آموزش داده می شود؟ یعنی کل صفحات قالب دیجی کالا آموزش داده می شود و یا تنها صفحه ی اول سایت دیجی کالا طراحی می شود؟
پروزه رو به درخواست دوستان قرار شده تغییر بدیم و قالب کاربردی تری رو طراحی کنیم البته فقط صفحه اولش
سلام ممنون مواردی رو که خودمون می نویسم الزامی و خودتون هم باید در پروژتون بنویسید