subscriptionsدوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته)

٢۴٩ رای ٩.٢

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

قیمت : ٨٧ ٧٠ هزار تومان ٪٢٠ تخفیف

notifications_active در جشنواره تابستانی سون لرن، می توانید با 20% تخفیف ویژه در دوره های سون لرن ثبت نام کنید! (تخفیف بیشتر می خواید؟) dicount arrow
schedule بلافاصله پس از ثبت نام به تمام ویدیو ها و کدها دسترسی خواهید داشت .
list جلسات description توضیحات دوره speaker_notes دیدگاه ها
description توضیحات کوتاه دوره

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

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

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

 

 

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

 

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

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

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

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

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

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

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

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

حامد

سلام
با توجه به بروز شدن های مکرر فریمورک بوت استرپ، شما در دوره آموزش جامع فریمورک بوت استرپ، کدام ورژنش رو آموزش داده اید؟ و آیا برای بروزرسانی های آینده برنامه ای دارید یا نه؟
باتشکر

سلام اگر منظورتون ورزن 4 بوت استرپ هست این ورژن هنوز بطور رسمی منتشر نشده و نسخه آزمایشی هست و دائما دز حال تغییر هست ما ورژن 3 رو آموزش دادیم که نسخه رسمی و stable هست اگر نسخه رسمی ورژن 4 هم منتشر بشه دوره قبلی به روز رسانی نمیشه بلکه یک دور جداگانه برای ورزن 4 برگزار خواهد شد

علی اسماعیلی

معمولا به روز رسانی میکنن خب اینجوری که باز میخواید پول جدا بگیرید
😛

وحید صالحی

این یه روال عادیه تمام شرکت های بزرگ مثل لیندا یا team tree house و… همین کار رو می کنن

Trypsin

سلام
آیا دوره ی بوت استرپ و php نیاز به آپدیت ندارند ؟ بوت استرپ که با ورژن 4 کلا دگرگون شده از مهمترین خصوصیاتش هم استفاده از sass بجای less هست و همینطور اینکه تغییرات زیاد تری داشته + لطفا 2 نظر قبلی بنده رو تایید کنید و همچنین سوالات در بخش js رو لطفا پاسخ بدید

وحید صالحی

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

Mr abbas

سلام بر استاد صالحی محترم سوالی داشتم خدمتتون
میخواستم بدونم : چرا وقتی مرورگر دکستاپ رو به اندازه موبایل درمیاریم سایت دیجی کالا ریسپانسیو نمیشه
ولی وقتی با موبایل واقعی این سایتو باز میکنیم ریسپانسیوه
؟
خودم فکر میکنم که از سیستم mvc استفاده کردن و دوتا ویو ساختن براش ! یکی دکستاپ و یکی موبایل
واگر کسی با موبایل به این سایت سر بزنه ویو موبایل نمایش داده میشه و هرکی با دکستاپ سایتو باز کنه ویویه دکستاپو میبینه
درسته؟

سلام
تشخیص دستگاه سمت سرور انجام میشه و همون اول کار در هنگام لود سایت نسخه مخصوص اون دستگاه باز میشه. حالا می شه به هر شکلی از جمله در معماری mvc اون رو پیاده سازی کرد.

sana_esi

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

بستگی به پروژه ای که میخواین انجام بدین داره. ممکنه برای یک پروژه مناسب باشه و برای یکی نباشه.

مهدی یزدانیان

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

لقمان آوند

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

حاجی زاده

درود.
درخواست می‌کنم آموزش خیلی کامل از پایه تا پیشرفته پیش‌پردازنده SASS هم به صورت مجازی ارایه کنید. همین طور آموزش خیلی کامل از پایه تا پیشرفته ASP.NET که گفته بودید امسال به صورت مجازی برگزار می‌کنید. تعداد جلسه‌های دروه‌های جدید رو دو تا سه برابر بیشتر کنید، اما در عوض مدت زمان هر جلسه رو بین ۳۰ تا حداکثر ۴۵ دقیقه در نظر بگیرید.
متشکرم.

Masoud Azimi

با سلام و تقدیم احترام
ببخشید یک سوال داشتم.
تو استفاده از پلاگین Easing چرا بررای رویدادش از متد bind استفاده شد؟ امکان نداشت مستقیم از متد Click استفاده بشه؟
ممنون

وحید صالحی

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

آرش ذاکری

سلام بر آقای وحید صالحی عزیز، خسته نباشید
در قسمت «تماس با ما» اول یه div با کلاس col-md-10 ایجاد کردین، بعدش یه form با کلاس col-md-12، اما بعدش دوتا div با کلاس col-md-5 ایجاد کردین(یکی برای نام و یکی برای ایمیل) و گفتین که هرکدوم 5 تا از اون div اولی با کلاس col-md-10 بهشون اختصاص داده میشه، این در حالیه که اگه بخوایم مطابق رویه Nesting عمل کنیم، می بایست به هرکدوم از این دوتا div، کلاس col-md-6 بدیم.این مورد برای div مربوط به پیام هم انجام شده، یعنی بجای کلاس col-md-12، کلاس col-md-10 اختصاص داده شده، میخواستم ببینم چرا اینجا متفاوته؟
مورد دیگه اینکه در ابتدای کار که اولین div رو با کلاس col-md-10 تعریف کردین، بهش offset-2 دادین و میخواستم ببینم چرا offset-1 ندادین؟
خیلی ممنون

وحید صالحی

چون خواستیم عرضش کمتر بشه دوست عزیز و از 10 استفاده کردیم تا 2 تا ستون کمتر استفاده بشه
اگر offset-1 می دایم فقط به اندازه 1 ستون حرکت می کرد و مجموع ستون ها هم 11 می شد
دوست عزیز با توجه به سوالاتتون احتمالا جلسات رو با دقت مشاهده نکرید بهتر یکبار دیگه با تمرکز بیشتر مشاهده کنید پاسخ این سوالاتتون رو بطور کامل میگیرید
موفق باشید

amirfff

سلام به دوستان و اساتید محترم
این{}checkbox-inline + .checkbox-inline .
دقیقا چه نوع سلکتوری هستش که توی هسته ی بوت استرپ وجود داره ؟؟؟؟

وحید صالحی

به عنصر درونی menu مارجین داره اعمال میشه

لقمان آوند

مجددا تست کنید …

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 22
مدرس و آمار دوره
Course-Teacher
وحید صالحی
مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با 4 سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای 6 سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک
library_books
٣٩٧ مقاله تخصصی
school
۶ دوره برگزار شده
١٨٩٧ علاقمندfavorite
١٧٢۵ دانشجوpeople
٧٠٠ رایstar
٪٩٢.۶ میانگین رضایت از مدرس
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در سامانه پشتیبانی مخصوص دانشجویان (برای دوره های حضوری)، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود. همچنین پس از خرید هر کدام از دوره های حضوری و یا مجازی سون لرن، شماره تماس و ایمیل مدرس در اختیار دانشجویان دوره قرار خواهد گرفت تا به سرعت پاسخ سوالات خود را دریافت نمایند.

contact_phone اطلاعات تماس با مدرس :
email va.s********@*****.***
phone ٠٩١٠*******
access_time شنبه تا پنجشنبه، ۱۲ الی ۲۱ عصر
info اطلاعات کامل تماس با مدرس، برای دانشجویان دوره در دسترس می باشد.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۶۶۴۵۲۴۶۹
email ایمیل : support@7Learn.com