subscriptions آموزش بوت استرپ 3

۲۵۰ رای ۹.۲

access_time طول دوره ۴۵ ساعت
event_seat تعداد جلسات ۲۴ جلسه
people دانشجویان ۷۸۰ نفر
headset_mic پشتیبانی دوره۳ ماه

قیمت : ۹۷ هزار تومان

schedule بلافاصله پس از ثبت نام به تمام ویدیو ها و کدها دسترسی خواهید داشت .
7Learn Experts
description توضیحات دوره list جلسات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. دوره مجازی بوت استرپ (جلسه 1): معرفی فریم ورک بوت استرپ - اهداف و مرور کلی این دوره play_circle_outlined
  2. دوره مجازی بوت استرپ (جلسه 2): پیشنیازها و آماده سازی محیط کار play_circle_outlined
  3. دوره مجازی بوت استرپ (جلسه 3): معرفی و بررسی سیستم شبکه بندی-قسمت اول play_circle_outlined
  4. دوره مجازی بوت استرپ (جلسه 4): معرفی و بررسی سیستم شبکه بندی-قسمت دوم play_circle_outlined
  5. دوره مجازی بوت استرپ (جلسه 5): معرفی و بررسی سیستم شبکه بندی-قسمت سوم play_circle_outlined
  6. دوره مجازی بوت استرپ (جلسه 6): معرفی و بررسی سیستم شبکه بندی-قسمت چهارم play_circle_outlined
  7. دوره مجازی بوت استرپ (جلسه 7): کامپوننت ها و css در بوت استرپ - بخش اول play_circle_outlined
  8. دوره مجازی بوت استرپ (جلسه 8): کامپوننت ها و css در بوت استرپ - بخش دوم play_circle_outlined
  9. دوره مجازی بوت استرپ (جلسه 9): کامپوننت ها و css در بوت استرپ -بخش سوم play_circle_outlined
  10. دوره مجازی بوت استرپ (جلسه 10): کامپوننت ها و css در بوت استرپ - تب ها و منو - بخش چهارم play_circle_outlined
  11. دوره مجازی بوت استرپ (جلسه 11) : کامپوننت ها و css در بوت استرپ - بخش پنجم (پایانی) play_circle_outlined
  12. دوره مجازی بوت استرپ (جلسه 12) : جاوااسکریپت در بوت استرپ - بخش اول - مدال ها play_circle_outlined
  13. دوره مجازی بوت استرپ (جلسه 13) : جاوااسکریپت در بوت استرپ - بخش دوم - اسلایدر ها play_circle_outlined
  14. دوره مجازی بوت استرپ (جلسه 14) : جاوااسکریپت در بوت استرپ - بخش سوم -اسکرول ها و منوهای چسبان play_circle_outlined
  15. دوره مجازی بوت استرپ (اطلاعیه) : شرکت در نظرسنجی و دریافت اعتبار هدیه play_circle_outlined
  16. دوره مجازی بوت استرپ (جلسه 15) : جاوااسکریپت در بوت استرپ - بخش پایانی -منوهای آکاردئون و تولتیپ ها play_circle_outlined
  17. دوره مجازی بوت استرپ (جلسه 16) : پروژه اول - طراحی قالب مدرن فلت به سبک Hero Header - بخش اول play_circle_outlined
  18. دوره مجازی بوت استرپ (جلسه 17) : پروژه اول - طراحی قالب مدرن فلت به سبک Hero Header - بخش دوم play_circle_outlined
  19. دوره مجازی بوت استرپ (جلسه 18) : پروژه اول - طراحی قالب مدرن فلت به سبک Hero Header - بخش سوم - پایانی play_circle_outlined
  20. دوره مجازی بوت استرپ (جلسه 19) : پروژه دوم - طراحی قالب خبری - آموزشی - بخش اول play_circle_outlined
  21. دوره مجازی بوت استرپ (جلسه 20) : پروژه دوم - طراحی قالب خبری - آموزشی - بخش دوم play_circle_outlined
  22. دوره مجازی بوت استرپ (جلسه 21) : پروژه دوم - طراحی قالب خبری - آموزشی - بخش سوم play_circle_outlined
  23. دوره مجازی بوت استرپ (جلسه 22) : پروژه دوم - طراحی قالب خبری - آموزشی - بخش چهارم- پایانی play_circle_outlined
  24. دوره مجازی بوت استرپ (جلسه 23 - آخر) : جمع بندی و توصیه ها play_circle_outlined

آموزش بوت استرپ 3

با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...

مشاهده دموی قالب اول - طراحی شده در انتهای این دوره مشاهده دموی قالب دوم - طراحی شده در انتهای این دوره

   

دانلود PDF سرفصل های کامل دوره بوت استرپ

 

:: سرفصل های کلی دوره جامع آموزش فریمورک بوت استرپ

فصل 1 : معرفی بوت استرپ  ,پیشنیاز ها و آماده سازی محیط کار

فصل 2 :  سیستم شبکه بندی (Grid System) - مروری بر چارچوب کلی و اساس طراحی ریسپانسو تحت فریم ورک بوت استرپ

فصل 3 : ایجاد عناصر واکنش گرا در بوت استرپ - توسعه و طراحی توسط اجزا,ابزار و کامپونت های بوت استرپ

فصل 4 : تعامل جاوا اسکریپت و بوت استرپ

فصل 5 : سفارشی (شخصی) سازی بوت استرپ توسط جاوااسکریپت و CSS

فصل 6 : پیاده سازی آنچه آموخته ایم در قالب پروژهای کاملا کاربردی و طراحی قالب های کاملا مدرن

فصل 7 : جمع بندی، معرفی منابع و توصیه های مهم و تکمیلی

hojat replyپاسخ

سلام اقای صالحی
من برای طراحی یه سایت با عرض ثابت اقدام کردم ولی در اول کار به مشکل برخوردم.
یک عرض با 1200 تعریف کردم ولی در سایز های کوچک اسکرول افقی میخوره.
لطفا بررسی کنید.
فایل پروژه رو ارسال کردم.
http://s7.picofile.com/file/8266130400/project1.zip.html

هادی replyپاسخ

سلام جناب صالحی
منوی های بوت استرپ به صورت پیش فرض در اندازه صفحه 768 پیکسل جمع می شوند و مانند یک دکمه قرار میگیرند ، آیا می توان تنظیم کرد که در اندازه 992 پیکسل یا اندازه ای دیگر این اتفاق صورت گیرد ، اگر این کار امکان پذیر است لطفا راهنمایی بفرمایید. با تشکر از جنابعالی

وحید صالحی

باید مدیا کوئری ها رو تغییر درش بدید در جلسات شلکه بندی در موردش صحبت کردیم که مدیا کوئری ها به چه صورتن کافیه در فایل استایل خودتون مدیا کوئری مورد نظر رو تعریف و تمام کلای هایی منون رو درش قرار بدید

مازیار replyپاسخ

سلام
در این قالب اگر بخواهیم در قسمت دوره های اموزشی سون لرن،با کلیک برروی عبارت برنامه نویسی یا طراحی وب ویا … تصاویر زیر با انیمیشن جابجا و عسکهای دیگری بیاید چه کار باید انجام بدهیم .من فیلم آموزش رو کامل ندیدم نمی دونم توضیح دادید یا خیر ولی در این قسمت و قبلی اشاره نشده بود.

وحید صالحی

این موارد دیگه مربوط به تسلط شما بر css و مبحث انیمیشن هاش میشه که بتونید این گونه موارد رو ایجاد کنید و ارتباطی با بوت استرپ نداره

مازیار

شما خیلی سخت راهنمایی می کنید ،باید صد درصد مربوط به دوره های شما باشه پاسخ بدید اینطور که بنده متوجه شدم.
به هر حال تشکر که پاسخ دادید

وحید صالحی

دوست عزیز شما بارها هم به بنده ایمیل زدید و مسائل متفرقه که ربطی به دوره نداره رو سوال کردید این راه های تماس و بخش کامنت دوره ها مربوط به دانشجو ها و سوالات مرتبط با دوره هست سوالات عمومی رو در انجمن باید مطرح کنید که برای همین کار تدارک دیدیم

داود دلورای replyپاسخ

سلام جناب صالحی
من هم سوال آخر زینب سادات رو داشتم
خواهشمندم در پست قرار بدهید

وحید صالحی

سلام دوست عزیز این موارد بر می گرده به تسلط شما به css و جز مبحث بوت استرپ نیست در این دوره هم عرض کردیم پیش نیاز این دوره آشنایی مناسب با css هست

داود دلورای

بله با css به راحتی میشه اینکار رو انجام داد
فکر میکردم در خود bootstrap کلاس خاصی براش تعبیه شده باشه
ممنون

فاطمه صنیعی replyپاسخ

سلام
من تمام فایل های بوتسترپ رو در index.html لینک کردم
تمام کلاس ها فراخوانی میشن فقط کلاس data-toggle فراخوانی نمیشه
علت چیه؟

وحید صالحی

data-toggle کلاس نیست یک اتریبیوت هست و اگر تمام فایل ها رو بدرستی فراخوانی کرده باشید کار می کنه کما اینکه نمایشش نده

فاطمه صنیعی

آره data-toggle رو نمایش نمیده چیکار باید کرد؟

فاطمه صنیعی

آقای صالحی من هنوز مشکلم برطرف نشده کدهایی که نوشتم به ایمیل شما ارسال کردم لطفا بررسی کنید و ببینید مشکل از کجاست
البته من از دریم ویوور استفاده میکنم ممکن است مشکل از این باشه؟
من توی فایل هایی مربوط به شما هم امتحان کردم باز data-target data-toggle navbar-left نه نمایش داده میشه و نه کار میکنه
خواهشا کمکم کنید تا این مشکل رفع بشه

فاطمه صنیعی

اما کار هم نمیکنه مثلا میخوام منو رو درست کنم زیر منو ها رو نمایش نمیده یا برای قسمت تب ها ، روی تب های بعدی که کلیک میکنم اصلا فعال نمیشن و چیزی رو هم نمایش نمیدن
چکار باید کرد؟

وحید صالحی

دوست عزیز کد هاتون رو که نمی دونم به چه صورته که بتونم راهنماییتون کنم اگر طبق آموزش عمل کرده باشید نیاید مشکلی باشه حتما جایی رو اشتباه کرید

وحید صالحی

مشکلی نیست استفاده کنید کار میکنه این برمی گرده به IDE که داردی ازش استفاده می کنید و ممکنه بعضی اتذیبیوت ها رو نمایش نده

فاطمه صنیعی replyپاسخ

سلام
من این کد رو $(document).ready(function() {
$(‘img’).addClass(‘img-responsive img-thumbnail’);

});
در قسمت custom.js وارد کردم ولی عکس ریسپانسیو نمیشه

حمید رضا مصطفی زاده replyپاسخ

استاد لطف میکنید بگید به چه صورت و یک راهنمایی کلی بفرمایید؟
یا لینکی بگذارید
چون سیستم col ها همه یه گرید مستطیلی و مربعی دارن

وحید صالحی replyپاسخ

بله دوست عزیز امکانش هست ربطی به col ها و سیستم گرید نداره و به راحتی قبل پیاده سازی هست

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 4 5 6 21
مدرس و آمار دوره
Course-Teacher
وحید صالحی
مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با 4 سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای 6 سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک
library_books
۵۰۸ مقاله تخصصی
school
۹ دوره برگزار شده
۳۷۹۱ علاقمندfavorite
۳۴۴۷ دانشجوpeople
۷۰۰ رایstar
٪ ۹۲.۶ میانگین رضایت از مدرس
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در بخش نظرات مطالب دوره ، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۴۴۰۲۰۴۸۲
email ایمیل : support@7Learn.com