campaign-off40

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

۲۵۰ رای ۹.۲

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

قیمت : ۹۷ ۵۹ هزار تومان ٪ ۴۰ تخفیف

notifications_active ضمن تبریک عید سعید فطر، بدلیل افزایش قیمت ها از ابتدای تابستان، تا ۱ تیر می توانید تمام محصولات مجازی را با قیمت فعلی و ۴۰ درصد تخفیف ویژه خرید کنید.
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 : جمع بندی، معرفی منابع و توصیه های مهم و تکمیلی

reza replyپاسخ

سلام
از آموزش خوبتون خیلی ممنونم.
استاد عزیز من همه سوالاتمو خودم جوابشون رو پیدا کردم اما واقعا توی بخش اسلایدر درمونده شدم.
شما توی فیلم ها گفتین که برخی از دانشجوها گفتن که افکت اسلایدر(که همانند fade شدن هست) براشون عمل نکرده. دقیقا من هم همین مشکل رو دارم اما هر کاری کردم نتونستم درستش کنم. با اینکه دوره طراحی وبتون رو هم گذروندم اما نتونستم.
میشه لطفا بگین کجا رو باید درست کنیم؟
ممنون میشم جواب بدین

وحید صالحی

سلام خواهش می کنم اگر طبق آموزش پیش برید نباید مشکلی باشه

MRZ65 replyپاسخ

سلام جناب صالحی عزیز.دوره بسیار خوبی بود و من به حظ خود بهره کافی رو بردم.منتهی بعضی مطالب مثل بررسی تکنیک پارالاکس در طراحی صفحات وب رو در طراحی قالب مدرن پوشش ندادید.میشه توضیحاتی در مورد نحوه پیاده سازی این تکنیک یا مقاله مفید و مختصری معرفی کنید و اینکه آیا در فریم ورک بوت استرپ برای این تکنیک تدبیری اندیشیده شده است؟!ممنون

وحید صالحی

سلام خوشحالیم که مورد استفادتون قرار گرفته paralex و موارد مشابه ارتباطی با بوت استرپ ندارن و خودتون باید به css مسلط باشین یا از پلاگین های آماده استفاده کنید در پروژتون

یاسر پرهیزگار replyپاسخ

سلام بنده هرکاری میکنم فونتم به byekan تغییر نمیکنه و فونت پیشفرظ نمایش داده میشه دقیقا مثل آموزش شما عمل کردم اگر مواردی هست که باید چک کنم بیزحمت بهم بگید ممنون میشم 😀

وحید صالحی

احتمالا جایی رو اشتباه کردید در آدرس دهی به هر حال یکبار در مروگر زمانی که پروژه رو اجرا کردید کلیدهای ترکیبی ctrl+F5 رو فشار بدید ساید مرورگرتون کش کرده ,کش خالی بشه

ali rasapour replyپاسخ

لطفا دوره های آموزشی کاربردی CSS بزارین.
ساخت گیم انیمیت های ویژه و غیره .
UI هم مینطور.
با تشکر.

سحر بشری replyپاسخ

سلام اقای صالحی وقتتون بخیر. در قسمتی که از ihover استفاده کردید ایکن ها به شکل لینک نیستن اما من می خوام داخل پروژه ای از ihover استفاده کنم و طوری که ایکن های اون به شکل لینک قابل استفاده باشن مثلا روی ایکن فیس بوک کلیک میشه صفحه فیس بوک باز شه.میخواستم بدونم چنین امکانی با ihover ممکنه؟ چون من داخل هر li تگ a گذاشتم لینکش فعال نشد.

وحید صالحی

سلام بله میشه تگ li رو درون a قرار بدید باید درست بشه

سحر بشری replyپاسخ

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

وحید صالحی

سلام بله استاندارده و مشکلی نداره

Elnaz Eln replyپاسخ

سلام استاد خسته نباشید. متاسفانه من هر سوالی میپرسم شما جواب نمیدید. امیدوارم این سوالم رو جواب بدید
استاد من با توجه به درس های شما یک سایت طراحی کردم و هاست و دامنه هم خریدم و سایت رو بالا آوردم میخواستم اگه امکان داره راهنمایی کنید چطور میتونم مثلا بخش نظرات سایت رو به ایمیلم متصل کنم. که نظرات به ایمیلم بیاد سایتی که طراحی کردم مربوط به رزومم هست . خواهشمندم راهنمایی کنید. ممنون

وحید صالحی

سلام دوست عزیز اکثر سوالات شما ارتباطی با موضوع دوره نداره مثل همین سوال بخاطر همین مورد ممکنه پاسخ داده نشه… برای این کار باید از یک زبان سمت سرور مثل php استفاده کنید و توسط تابع mail و کدنویسی مورد نظر نظرات پس از ثبت توسط کاربر به ایمیلتون ارسال بشه

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

با سلام خدمت استاد
می خواستم بپرسم که اگر بخوایم منو سایت به صورت off canvas در دیوایس های کوچک دربیاد و مثله منوی کرکره ایه خود بوتسرپ نشه چی کار باید کرد.با تشکر لطفا سریع جواب بدهید.ممنون

وحید صالحی

سلام باید در مدیا کوئری مورد نظر منوی اصلی رو حدف و از offcanvas براش اسفاده کنید

محمدرضا replyپاسخ

عرض ادب خدمت مهندس صالحی و با آرزوی سلامتی برای ایشون
ببخشید استاد من یه سوال داشتم
لازم هست که CSS Reset رو هم به سندمون لینک کنیم یا خود فریم ورک این نرمال سازی رو برای مرورگرهای مختلف انجام میده ؟

وحید صالحی

سلام ممنون دوست عزیز بله اضافه کنید بهتر هستش مخصوصا برای مرورگر ie لازمه

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

احتملا تگ منو رو نبستید یا اسلایدر رو در تگ که منوی رو تعرف کردید قرار دادید

Masoud Azimi replyپاسخ

آقای مهندس منظورم این بود که تگ مربوط به اسلایدر از بالای مرورگر شروع میشه. درصورتی که فضای 70 پیکسل ابتدایی مرورگر باید مختص منو باشه.
یعنی ما باید اول منو رو میداشتیم. بعد در خط بعدی تصویر میومد. نمیدونم میتونم منظورم رو بروسنم یا خیر!!!

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

سلام شما از کلای container استفاده کردید که خودش یک سطر رو بصورت کامل پر می کنه و موارد بعدی در زیرش قرار میگیره مباحث شبکه بندی رو با دقت مشاهده و مرور کنید

نیاز به لاگین

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