آموزش ساخت اسلایدر در بوت استرپ 4
رایگان
آموزش بوت استرپ 4
اسلایدشو یا اسلایدرها در صفحات وب همواره یکی از جذابترین بخش های سایت به شمار می آیند و که ما در دوره های قبلی مانند آموزش ساخت اسلایدر با CSS و آموزش ساخت اسلایدر در جاوا اسکریپت تونستیم با استفاده از CSS و جاوا اسکریپت اسلایدرهای جذاب و حرفه ای رو ایجاد بکنیم ، اما در این دوره آموزشی میخوایم بریم سراغ Bootstrap 4 و ببینیم که بوت استرپ در این زمینه چه کاره هست و چجوری میتونه برای ما یک اسلایدر کامل و حرفه ای رو ایجاد کنه .توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید
امیدواریم که این دوره آموزشی مورد توجه شما عزیزان قرار بگیره ، منتظر نظرات ارزشمند شما هستیم
ویژگی های دوره
- تعداد جلسات 2
- امتحانات 0
- مدت 37 دقیقه
- سطح مهارت تمام سطوح
- زبان فارسی
- دانشجویان 738
- ارزیابی ها بله
-
amim.mahdvayn
امین
عالی بود واقعا 👌👌👌👌👌👌👌👌👌
26 دیدگاه
سلام جناب کتاب خونه های من کامل و جامع اتریبیوت ها و کلاس های مورد نیازم رو ندارن میشه لطف کنین بفرستین؟داخل گوکل هم سرچ میکنم خیلی گزینه میاره و من نمیدونم کودوماش جامع ترینه وتمام اتریبیوت های جاوا اسکریت رو داره ممنون میشم کمکم کنین با تشکر
سلام
داخل فهرست دروس قرار داده شده دانلود بفرمایید
سلام ممنون از آموزش خوبتون
من یک مشکلی برام پیش میاد وقتی کلاس slide رو بهش میدم هیچ تغیری نمیکنه و هیچ افکتی نمیگیره
سلام وقت بخیر ممنون از آموزش خوبتون
یه سوال داشتم چطور میتونیم طول وعرض عکسها را در اسلایدر کنترل کنیم؟ چون معمولا طول وعرض عکسها یکی نمی باشن
سلام و درود
باید تصاویری انتخاب کنید که طول و عرض شون یکی باشه در غیر این صورت باید عرض تصاویر رو 100 درصد کنید که وجهه‌ی جالبی نخواهد داشت
موفق و پیروز باشید
خیلی آموزش عالی بود
ممنونم از شما
یه سوال داشتم ک برای اینکه سرعت اسلاید ها 5ثانیه کمترباشه باید چیکار کرد؟
سلام و درود
ممنون از نظرتون
در قسمت جاوا اسکریپتش مقدار interval رو کم و زیاد کنید
موفق و پیروز باشید
سلام ممنون از اموزش خوبتون ببخشید برای من اون دکمه های کنترلی رو نشون نمیده
سلام بوت استرپ فقط همین دو بخشه؟
سلام و درود
خیر، دوره جامع آموزش بوت استرپ رو مشاهده کنید
موفق و پیروز باشید
سلام خيلي ممنون از آموزش بسيار خوبتان
استاد لطفا توضيح ميفرماييد براي دايناميك كردن همين اسلايدر به چه صورت بايد عمل كنيم
با استفاده از php
خيلي لطف ميكنيد
سلام و درود
برای داینامیک سازی باید PHP رو یاد بگیرید
پیشنهاد میکنم دوره متخصص PHP رو از دست ندید
موفق و پیروز باشید
استاد با بوت استرپ نميدونم چطوري تلفيقش كنم. php و با جي كوئري ميتونم دايناميك كنم.
همين اسلايدر و هم طبق آموزش شما رفتم جلو ولي تصاوير اسلايد نميشه و تصاوير زير هم اومده
سلام و درود
مطمئنا جایی از کد رو اشتباه نوشتید در غیر اینصورت حتما اسلایدرتون کار خواهد کرد
دقت کنید که فایل های بوت استرپ از جمله bootstrap.min.css و bootstrap.min.js رو در صفحه لینک کرده باشید ( اگر قرار دادید دوباره دانلود کنید و قرار بدید احتمال داره مشکل در فایل دانودی باشه)
موفق و پیروز باشید
سلام من دنبال یک دوره حرفه ای هستم که بتونم باهاش قالب های حرفه ای مثل قالب سایت شما طراحی کنم اگر میشه یک دوره خوب بهم معرفی کنید
یک سوال هم دارم برای ساخت قالب های حرفه ای مثل سایت شما به یادگیری این زبان هایی که در اینده میگم بسته؟
html,css,bootstrap,javascript,jquery
سلام و درود
ببینید کلا طراحی 0 تا 100 قالب یک سایت حرفه ای نیاز به دانستن یکسری زبان ها و تکنیک های کدنویسی دارد که میبایست یاد بگیرید
در مورد سوال اول و دوم تون در کل باید خدمتتون عرض کنم که داخل سایت ما یک سری دوره های کدنویسی رو تولید کردیم که تمرکز اصلی این دوره ها بر روی کدنویسی Front یا ظاهر و قالب سایت هست که به ترتیب زیر قرار میگیرن :
آموزش HTML
آموزش CSS
آموزش ریسپانسیوسازی با CSS
آموزش جاوا اسکریپت
آموزش جی کوئری
آموزش بوت استرپ
شما بعد از پشت سر گذاشتن این دوره های آموزشی به صورت کامل و حرفه ای حتی بهتر از قالب سایت آموزش تک رو قادر خواهید بود طراحی کنید با تمامی جزئیات و امکاناتی که در قالب سایت آموزش تک وجود داره
امیدوارم توضیحات مفید و روشن بوده باشه
موفق و پیروز باشید
سلام
ببخشید وقتی کروسل را در صفحه خودم قرار میدم عکسها را برای موبایل خوب نشون میده اما برای دسکتاپ یا بسیار بزرگ عکسها را نشون میده یا وقتی استایل میدم و ارتفاع را کم و زیاد میکنم عکسها کشیده میشن و ظاهر خوبی ندارن چطور اونو تنظیم کنم که عکسها هم در موبایل و هم دسکتاپ خوب نشان داده بشن ممنون جواب بدید چون مشکل دارم و با سرچ هم جواب مناسبی پیدا نکردم
سلام و درود
داخل دوره جامع آموزش بوت استرپ 4 به صورت کامل ریسپانسیوسازی و سیستم گرید آموزش داده شده که پیشنهاد میکنم حتما این دوره رو مشاهده کنید چون هم طراحی قالب رو یاد میگیرید هم ریسپانسیوی سازی قالب
موفق و پیروز باشید
استاد گوگل کروم اتصال به سایت شمارو بلاک میکنه میگه سایت safe نیست ! رسیدگی کنید.
سلام و دورد
بله مشکل مورد نظر برطرف گردید
با تشکر از اطلاع رسانی شما
موفق و پیروز باشید
سلام خسته نباشید واقعا سایت عالی بود
یه سوال دارم
اگه بخوام همین اسلایدر رو اطلاعاتشو یا عکس هایی که داخل اسلایدر نمایش داده میشه رو از بانک بخونم چطوریه
از <img src برابر قرار میدم با کد sql ولی عکس ها زیر هم نمایش داده میشه و کل سایت به هم میریزه خواستم راهنماییم بفرمایین مرسی
سلام و دورد
ببینید برای اینکار شما اول باید ساختار صفحه خودتون رو طراحی کنید و بعد با استفاده از PHP تصاویر رو از دیتابیس فراخوانی کنید
در حال تولید دوره ای به نام پکیج طراحی قالب وردپرس هستیم که به زودی منتشر خواهد شد و از صفر تا صد طراحی سایت رو توی این دوره آموزشی فرا خواهیم گرفت
موفق و پیروز باشید
با سلام و ممنون از آموزش عالیتون
فقط میخواستم بدونم از چه تم و چه اکستنشن(extention) هایی برای نرم افزار ویژوال استودیو کد توی این آموزش استفاده کردید؟
ممنون
سلام و دورد
از نظر ارزشمند شما سپاسگزاریم
تم : ayu
اکستنشن : HTML CSS Support ، Live Server
موفق و پیروز باشید
عالی بود کاملا خوب میشه یاد گرفت ممنونم راستی سایتتون استایلدهیش عالیه بازم از این اموزشا بزارید مرسی
سلام و درود
خیلی خوشحالیم که دوره ها مورد توجه شما قرار گرفته
از اینکه نظر ارزشمندتون رو با ما به اشتراک گذاشتید سپاسگزاریم
موفق و پیروز باشید