فریمورک بوت استرپ را میتوان محبوبترین فریمورک برای طراحی صفحات وب ریسپانسیو یا واکنشگرا دانست. این فریمورک به شما کمک میکند تا در کمترین زمان صفحات وب را به صورت کاملاً واکنشگرا پیادهسازی کنید.
همچنین این فریمورک با داشتن کامپوننتهای مختلف این امکان را فراهم میکند تا انواع اجزاء به کار رفته در صفحات وب را (مانند دکمهها، اسلایدرها، فرمها و ...) با کمترین میزان کدنویسی و در کمترین زمان ایجاد کنیم.
در این دوره آموزشی سعی بر این است که تمام جزئیات این فریمورک محبوب در آخرین نسخهی آن (نسخه 4.1) مورد بررسی قرار گرفته و همچنین چندین پروژه عملی با استفاده از این فریمورک پیادهسازی شود.
در این دوره آموزشی علاوه بر آشنایی با تمام جزئیات این فریمورک با تعدادی کتابخانه و افزونه آشنا خواهید شد که میتوانند در کنار بوت استرپ به کار برده شوند و قدرت بوت استرت را چندین برابر کنند. که از این موارد میتوان به کتابخانههای Animate.css، Smooth-Scroll، wow.js و ... و یا افزونه هایی مانند Lightbox، Owl-Carousel و اشاره کرد.
پیشنیاز :
- تنها پیشنیاز ضروری این دوره آشنایی با HTML و CSS در حد متوسط است. اما آشنایی با JavaScript و jQuery هم میتواند برای این دوره مفید واقع شود.
فهرست دروس دوره
-
آشنایی مبانی بوت استرپ، Utility ها، Grid System و ...
-
معرفی دوره و نصب و راه اندازی بوت استرپ
۴۴ دقیقه -
آشنایی با Reboot در بوت استرپ 4
۲۱ دقیقه -
آشنایی با تایپوگرافی در بوت استرپ 4
۳۶ دقیقه -
آشنایی با Breakpoint ها و Media Query ها
۴۰ دقیقه -
آشنایی با Utility ها در بوت استرپ 4 - بخش اول
۲۹ دقیقه -
آشنایی با Utility ها در بوت استرپ 4 - بخش دوم
۳۳ دقیقه -
آشنایی با Utility ها در بوت استرپ 4 - بخش سوم
۲۱ دقیقه -
کار با Flexbox در بوت استرپ 4 - بخش اول
۳۲ دقیقه -
کار با Flexbox در بوت استرپ 4 - بخش دوم
۲۲ دقیقه -
آشنایی با Grid System بوت استرپ 4
۳۷ دقیقه -
کار با تصاویر و جداول در بوت استرپ
۲۵ دقیقه
-
-
آشنایی با Component های بوت استرپ 4
-
آشنایی با کامپوننت های Buttons، Button group و Badges
۲۷ دقیقه -
آشنایی با کامپوننت های Progress، Pagination و Jumbotron
۲۱ دقیقه -
آشنایی با کامپوننت های Alert، List group و Tooltip
۳۹ دقیقه -
آشنایی با کامپوننت Forms
۳۲ دقیقه -
آشنایی با کامپوننت های Dropdowns، Popovers و Breadcrumb
۳۵ دقیقه -
آشنایی با کامپوننت های Input group، Modal و Collapse
۳۷ دقیقه -
آشنایی با کامپوننت های Navs و Carousel
۳۵ دقیقه -
آشنایی با کامپوننت های Navbar، Scrollspy و Card
۳۷ دقیقه
-
-
پروژههای عملی و مباحث تکمیلی
-
اولین پروژه عملی با بوت استرپ
۴۴ دقیقه -
دومین پروژه عملی با بوت استرپ
۳۸ دقیقه -
سومین پروژه عملی با بوت استرپ
۴۱ دقیقه -
راست چین کردن بوت استرپ
۴۴ دقیقه -
استفاده از فونت های سفارشی و آیکون ها در بوت استرپ
۴۶ دقیقه -
اعتبارسنجی فرم ها و توسعه بوت استرپ
۴۰ دقیقه -
چهارمین پروژه عملی با بوت استرپ
۸۴ دقیقه -
پنجمین پروژه عملی با بوت استرپ - بخش اول
۵۷ دقیقه -
پنجمین پروژه عملی با بوت استرپ - بخش دوم
۵۵ دقیقه -
پنجمین پروژه عملی با بوت استرپ - بخش سوم
۵۶ دقیقه -
ششمین پروژه عملی با بوت استرپ - بخش اول
۵۰ دقیقه -
ششمین پروژه عملی با بوت استرپ - بخش دوم
۵۳ دقیقه -
ششمین پروژه عملی با بوت استرپ - بخش سوم
۶۹ دقیقه -
ششمین پروژه عملی با بوت استرپ - بخش چهارم
۳۸ دقیقه
-
ارتباط با مدرس (مشاهده رزومه)
ایمیل | abbassac@gmail.com |
مشخصات دوره
- مدرس عباس مقدم
- زمان آموزش ۲۲:۰۸:۰۴
- حجم دانلود ۲.۳۸ گیگابایت
- وضعیت دوره تکمیل شده
- تعداد ثبت نام ۱۷۵۴ نفر
- تعداد درس ۳۳ درس
- سطح دوره متوسط تا پیشرفته
- امتیاز دوره ۴.۹ از ۱۴۹ رای
- قیمت دوره رایگان
فایلهای قابل دانلود
درباره مدرس
عباس مقدم
برنامه نویسی رو تقریباً از سال ۸۱ به صورت آماتور شروع کردم (در ابتدا با QBasic) و از سال ۸۲ برای اولین بار کار طراحی سایت رو شروع کردم (البته به صورت آماتور).
تقریباً از سال ۹۰ به صورت جدی کار برنامه نویسی وب و طراحی سایت رو دنبال میکنم.
رزومه کاریم هم تقریبا خالیه. یعنی نه پروژه آنچنانی انجام دادم و نه با شرکتها و سازمانهای بزرگی همکاری داشتم. نه با خارجیها کار کردم، نه خارج رفتم و نه قصد مهاجرت دارم.
ولی به یادگیری و یاد دادن خیلی علاقهمندم، و امیدوارم آموزشهای من در این سایت رضایت کاربران رو جلب کنه.
جهت درج دیدگاه باید وارد حساب خود شوید
دیدگاه ها
متین اوحدی زاده
عباس مقدم
اون دوره 3 ساله که از سایت حذف شده
محتوای اون دوره قدیمی شده بود و دیگه مناسب نبود
بهتره از دوره های به روز استفاده کنید
محمد احمدی
بعد از دوره html و Css ، بهتره دوره bootstrap رو شروع کنیم یا javascript ؟
ممنون میشم راهنمایی کنید
متشکرم
عباس مقدم
خیلی فرقی نمیکنه
من خودم ترجیح میدم با جاوا اسکریپت شروع کنم
ولی افرادی که بیشتر به طراحی علاقه دارن تا برنامه نویسی، بهتره که با بوت استرپ شروع کنن
Ali karam
بعد از این دوره تغییرات خیلی زیاده توی ورژن ۵ یا ن میتونیم سری با بوتسترپ پنج هم مَچ بشیم و خیلی کار نداره بعد از یادگیری این دوره
عباس مقدم
اگر کسی این دوره رو از قبل یاد گرفته باشه، یه روزه میتونه خودش رو با نسخه پنج تطبیق بده
چون تغییرات زیادی نبوده
البته منظورم این نیست که نسخه 5 خوب نیست.
نسخه 5 دو تا تغییر عمده داشته، یکی اینکه دیگه به jQuery وابسته نیست. و دوم اینکه به صورت built-in از حالت راست چین پشتیبانی میکنه که برای زبان فارسی خیلی خوبه
ولی تغییرات دیگه ای که توی نسخه 5 اتفاق افتادن خیلی مهم نیستن
با این حال من پیشنهاد میکنم که اگه این دوره رو اصلا شروع نکردید، با همون نسخه 5 شروع کنید
ولی اگه شروع کردید، میتونید همین رو ادامه بدید
احمد بلال
از جناب استاد تقاضا دارم تا برایم لینک دوره html و CSS را که قبلا ضبط کردند را ارسال کنند.
عباس مقدم
ممنون از لطف شما
ولی متاسفانه اون دوره از روی سرور حذف شده و قابل دانلود نیست
نیلوفر خدابخشی
آیا توصییه میکنید که جی کوئری رو یاد بگیریم یا جایگزین هاش مثل ریکت و ویو جی اس ؟
از این خاطر پرسیدم که جی کوئری از سایت حذف شده .
عباس مقدم
بله، آشنایی مقدماتی با jQuery لازمه و خیلی به درد میخوره
ولی نیازی نیست خیلی وارد جزئیاتش بشید و عمیق یاد بگیرید. یه آموزش سه چهار ساعته در مورد jQuery ببینید کافیه
مجید آرمان طاهری
عباس مقدم
مجید آرمان طاهری
مجید آرمان طاهری
ولی از یکی از دوستان ک سوال کردم گفتن نه مشکلی نداره برای استفاده ،حتی کامپوننت هایی ک از کد جاوا اسکریپت استفاده شده داخلش،
حالا ممنون میشم که کامل توجیه م کنین، بالاخره میشه از کامپوننت هایی ک جاواسکریپت یا جی گوئری هم داخلشون استفاده شده رو داخل ویو جی اس استفاده کنیم؟؟؟یا به هیچ وجه ممکن نیست؟؟؟
عباس مقدم
هیچ مشکلی نداره. و میتونید از کل امکانات بوت استرپ در هر فریمورک جاوا اسکریپتی استفاده کنید
حتی از jQuery هم میتونید استفاده کنید. (من خودم زیاد این کارو میکنم)
فقط باید حواستون باشه که مقادیری که توسط Vue یا سایر فریمورکها کنترل میشن (یا اصطلاحا Bind شدن) رو با جاوا اسکریت یا jQuery تغییر ندید. چون عملکرد Vue رو مختل میکنه
و معمولا هم نیازی نمیشه که این کارو بکنید
یعنی مثلا اگه مقدار value از یک فیلد متنی رو به یک متغیر در Vue متصل (Bind) کردید. نباید مقدار اون فیلد رو با جاوا اسکریپت دستکاری کنید و باید کاملا توسط کدهایی که با Vue نوشته شدن کنترلش کنید
اما تو سایر قسمتهای صفحه، به راحتی میتونید از بوت استرپ، جاوا اسکریپت یا jQuery استفاده کنید
مثلا برای باز و بسته کردن یک آکاردئون، به راحتی میتونید از جاوا اسکریپت استفاده کنید.
مجید آرمان طاهری
ارمان گراوند
چرا من روی فیلم های اموزشی میزنم هیچ فیلمی بالا نمیاد
عباس مقدم
از لینکهای سمت چپ، فیلمها رو دانلود کنید
ارمان گراوند
من میخوام بخش فیلمهای پروژه عملی را دانلود کنم ایا همون بخش فایل های تمرین هستش؟
عباس مقدم
خیر، فایلهای تمرین، همون کدهای تمرینها هستند
ویدئوها رو با توجه به شماره درس دانلود کنید.
حسین حسین
استاد دوره php رو حداقل پولیشو بزارید تو سایت.
خیلی عالی هستید.
محمد حسن زارع
عباس مقدم
بوت استرپ 4 هم از فلکس باکس استفاده میکنه و در این مورد تفاوتی با بوت استرپ 5 نداره
در کل حدود 90 درصد ویژگی های نسخه های 4 و 5 یکیه. یعنی با دیدن این دوره، باز هم باید یه سری موارد رو به صورت جداگانه در مورد نسخه 5 یاد بگیرید
تصمیم با خودتونه، ولی اگه خواستید از این آموزش استفاده کنید، حتما از 4 بوت استرپ هم استفاده کنید. و با نسخه 5 کار نکنید
و بعد از پایان دوره برید سراغ نسخه 5