جمعه , ۲۸ مهر ۱۳۹۶
جدیدترین آموزش ها
خانه » فیلم آموزش Bootstrap » جامع ترین و کامل ترین پکیج آموزش bootstrap به زبان فارسی

جامع ترین و کامل ترین پکیج آموزش bootstrap به زبان فارسی

ریسپانسیو طراحی کنید…

آموزش bootstrap

آموزش Bootstrap

ریسپانسیو طراحی کنید

خب اگه دوره css آموزش سرا رو کامل دیده باشید یاد گرفتید که چه طور بیاید و به عناصر استایل بدید و اون ها رو جوری که خودتون دوست دارید طراحی کنید.
اما خب این کار تو حالت عادی برای یک پروژه بزرگ خیلی زمان گیره و وقت شما به شدت گرفته میشه
پس نیاز به یه چیزی دارید که سرعت شما رو خیلی بالا ببره
خب تو این دوره میبینید که ما چه قدر سریع می تونیم خیلی عناصر رو طراحی کنیم
مثل یه منو یا یه اسلایدر و خیلی چیزا دیگه
از همه مهم تر
الان دیگه اکثر سایت ها ریسپانسیو یا واکنشگرا هستن و برای شمایی که میخوای طراح وب بشی خیلی مهمه که این تکنیک رو بلد باشی
اگر بدونید،حتی جلو نمیفتید بلگه از عقب موندن جلوگیری کردید
خب ریسپانسیو کردن تو css به راحتی bootstrap نیست و درست کردن امکاناتی مثل bootstrap تو css برای ما سخته
ما میایم تو این دوره خیلی راحت با کمک bootstrap یه سایت تمام ریسپانسیو رو طراحی می کنیم
تو این دوره ما یه سوپرایز هم برا اونایی که می خوان جلوتر از بقیه باشن داریم
و اون هم طراحی به سبک متریال دیزاین هست که یه سبکه جدید هست و هنوز خیلیا باهاش آشنا نیستن
اگه می خوای بدونی این سبک چیه بهتره تو سایت یه سرچی بزنه
اگر هم می خوای با سبکش به طور عملی آشنا بشی به دمو پروژه طراحی شده در دوره bootstrap  یه نگاهی بندار
خب اگه بخوای این سبکو پیاده کنی باید یک فریم ورک جدید یاد بگیری که این خیلی زمان گیر و خسته کنندس
اما ما تو این دوره میام برای اولین بار اون رو در bootstrap پیاده سازی می کنیم
کاری که تو هیچ دوره دیگه مشابه انجام نشده
این آموزش کاملا منطبق بر سایت مرجع هستش و نزدیک به ۱۵ ساعت آموزش bootstrap هست
این حجم آموزش حتی در آموزشگاه های حضوری تدریس نمیشه و معمولا دوره bootstrap در قالب یک کارگاه ۲ ساعته هست و مبالغ دریافتی هم بسیار بالاتر هست و معمولا هم هیچ پروژه کاملی طراحی نمیشه
اما ما تو این دوره با هزینه کمتر تمام bootstrap رو به صورت دقیق از رو سایت مرجع بررسی و یک سایت ریسپانسیو رو از صفر تا صد فقط با کمک bootstrap طرحی می کنیم.
خب پس وقتشه شروع کنی……

پیش نیاز های این دوره HTML و CSS است.

جلسه اول :
به معرفی (presentation) بوت استرپ می پردازیم و در مورد ساختار bootstrap صحبت می کنیم.
پیش نیاز های این دوره را بیان می کنیم و ابزار مورد نیاز را معرفی می کنیم.به سایت های مطرح طراحی شده با bootstrap پرداخته و مزیت استفاده از این فریم ورک را می گوییم.
این دوره را هم مثل دوره های قبلی ما از صفر تا صد پیش می بریم و مباحث را به صورت کامل بیان می کنیم.

جلسه دوم :
به نحوه اتصال bootstrap به سندمان مي پردازيم و در رابطه با cdn ها صحبت مي کنيم.به کاربرد (meta tag) متا تگ view port مي پردازيم و کاربرد respond.js را بيان مي کنيم.

در جلسه سوم :
وارد مبحث مهم و پر کاربرد grid system مي شويم و نشان مي دهيم که اين بخش چه مقدار براي مبحث responsive مهم است و چه تاثير به سزايي در سرعت ما براي طراحي responsive دارد.سپس به توضيح دستگاه هاي مختلف در bootstrap مي پردازيم و کلاس هاي col-lg-*,col-md-*, col-sm-*,col-xs را به صورت دقيق توضيح داده و اشتباهات رايج در آن را بيان مي کنيم و کلاس هاي container و row و کاربرد هاي آنان را مطرح می کنیم.

جلسه چهارم :
به ادامه مبحث grid system مي پردازيم و در ابطه با ordering در bootstrap و کاربرد آن صحبت کرده و مثالي را در نظر مي گيريم و سپس کلاس هاي push و pull را توضيح می دهيم و به سراغ offset مي رويم و نکات مربوط به آن را مي گوييم و nested يا ستون هاي تو در تو را توضيح مي دهيم و مثال آن را مطرح مي کنيم و در پايان کلاس clearfix در bootstrap مطرح و کاربرد آن را توضيح مي دهيم.

جلسه پنجم :
در رابطه با responsive utilities صحبت مي کنيم.کلاس هاي مفيدي که در طراحي responsive شديدا به ما کمک مي کنند و باعث مي شوند که ما يک مطلب رو در يک حالت خاص نمايش بديم و يا در يک حالت خاص نمايش نديم براي اشنايي بيشتر با کلاس هاي hidden-*,visible-*-* يک هدر ريسپانسيو و يک لوگوي ريسپانسيو را طراحي مي کنيم و با کلاس هاي visible-print و hidden-print آشنا مي شويم.

جلسه ششم :
در رابطه با Typography صحبت مي کنيم و با استايل هايي که به صورت پيش فرض براي bootstrap در نظر گرفته شده آشنا مي شويم و کلاس هايي که براي استايل دهي مطرح شده است را بيان مي کنيم.

جلسه هفتم :
وارد بحث component ها مي شويم و ابتدا در رابطه font-icon ها صحبت مي کنيم و با استفاده از css به استايل دهي آن ها مي پردازيم ، قابليتي که در عکس هاي پيکسلي ممکن نيست.
سپس به سراغ button ها مي رويم و انواع دکمه ها را بررسي مي کنيم و کلاس هاي:
btn
btn-default
btn-primary
btn-success
btn-info
btn-warning
btn-danger
btn-link
btn-lg
btn-sm
btn-xs
btn-block
active
disabled
مطرح مي کنيم و در پايان يک دکمه دانلود را با استفاده از مطالب گفته شده طراحي مي کنيم.

جلسه هشتم :
ابتدا در مورد responsive images یعنی ریسپانسیو کردن تصاویر در bootstrap صحبت می کنیم که از مباحث بسیار مهم است و تمام مشکلات قالب طراحی شده تا به اینجای کار را بررسی و رفع می کنیم تا نسبت به مباحث ریسپانسیو تسلط یابیم.پس از آن کلاس clearfix را به صورت دقیق تری بررسی می کنیم و سعی می کنیم حالت responsive کردن تصاویر در bootstrap را به کمک css خودمان پیاده سازی کنیم .در آخر به سراغ اشکالی که برای تصاویر در bootstrap وجود دارد می رویم و کلاس های img-rounded,img-circle,img-thumbnail را بررسی می کنیم و در نهایت کامپوننت thumbnail را معرفی کرده و قالبمان را توسط آن تکمیل می کنیم.

جلسه نهم :
ابتدا در مورد component زيباي jumbotron صحبت مي کنيم و حالت تمام عرض آن را نیز بررسي مي کنيم و در همين رابطه کلاس هاي pull-right و pull-left را مطرح مي کنيم تا عکسمان به شکل بهتري در jumbotron قرار گيرد و سپس به سراغ جداول (table) در bootstrap مي رويم و ريسپانسيو کردن آن ها را نیز بررسي مي کنيم در همين رابطه کلاس هاي :
table
table-condensed
table-striped
table-bordered
table-hover
table-responsive
contextual classes
را مطرح مي کنيم.

جلسه دهم :
ابتدا براي تمرين پروژه خود را کامل کرده و يک jumbotron تمام صفحه را ايجاد مي کنيم و نکات مربوط به آن را بيان مي کنيم سپس به سراغ گروهي کردن دکمه ها رفته و کلاس هاي
btn-group
btn-toolbar
btn-group-lg
btn-group-sm
btn-group-xs
btn-group-vertical
btn-group-justified
dropdown-toggle
dropdown-menu
divider
caret
dropup
را بيان مي کنيم و در اخر دکمه هاي dropdown را مطرح مي کنيم.

جلسه یازدهم :
navs  را به طور کامل بررسي مي کنيم و با حالت هاي tabs و pills آن اشنا مي شويم و سپس به سراغ پروژه خودمان مي رويم و منو nav را به همراه font-icon به پروژه افزوده و کلاس هاي تو در تو را تمرين مي کنيم و دکمه dropdown دانلود را نيز اضافه مي کنيم.
کلاس های بررسی شده در این جلسه:
nav
nav-tabs
nav-pills
active
nav-stacked
nav-justified
disabled

جلسه دوازدهم :
به navbar پرداخته و کلاس هاي
navbar.
navbar-default.
navbar-header.
navbar-toggle.
collapsed.
icon-bar.
navbar-brand.
navbar-collapse.
collapse.
navbar-form.
navbar-left.
navbar-right.
navbar-btn.
navbar-text.
navbar-link.
navbar-fixed-top.
navbar-fixed-bottom.
navbar-static-top.
navbar-inverse.
را بيان مي کنيم و نکته اي را در رابطه با فرم ها در navbar مطرح کرده و آن را در پروژه خود پياده سازي مي کنيم.

جلسه سیزدهم :
به input groups مي پردازيم و کلاس هاي مربوط به آن را يک به يک بررسي مي کنيم و سپس آن را روي navbar پروژه مان پياده مي کنيم و مشکل سرچ جلسه پيش را برطرف مي کنيم و سپس به label ها مي پردازيم و مشکلات موجود در آن را بيان مي کنيم.
کلاس های مطرح شده در این جلسه:
label
label-default
label-primary
label-success
label-info
label-warning
label-danger
input-group
input-group-addon
input-group-lg
input-group-sm
input-group-btn

جلسه چهاردهم :
به طور کامل در رابطه با panel و کلاس هاي مربوط به آن صحبت مي کنيم و با استفاده از آن يک recent posts را براي پروژه مان طراحي مي کنيم و از lable ها براي تکميل آن استفاده مي کنيم.
سپس به سراغ breadcrumbs مي رويم و آن ها را بررسي کرده و در پروژه مان استفاده مي کنيم و راه تغيير ايکن آن را نيز بررسي مي کنيم.
سپس badges را بررسي کرده و کاربرد آن را توضيح مي دهيم و با کامپوننت هاي responsive embed و page header نيز آشنا مي شويم.
کلاس های مطرح شده در این جلسه:
panel
panel-default,primary,success,info,warning,danger
panel-body
panel-heading
panel-title
panel-footer
embed-responsive
embed-responsive-16by9
embed-responsive-4by3
embed-responsive-item
page-header
badge
breadcrumb

جلسه پانزدهم :
در رابطه به dropdown صحبت مي کنيم و کلاس هاي مربوط به آن را بررسي مي کنيم.سپس به سراغ media object ها رفته و نکات مربط به آن را شرح مي دهيم و توسط آن يک پنل آخرين ديدگاه ها را طراحي مي کنيم و در همين رابطه پروزه مان را تغیيرات اساسي مي دهيم تا از نظر responsive عملکرد بهتري داشته باشد.سپس badge را در پروژه مان پياده مي کنيم و در آخر list group ها را شرح مي دهيم.در اين جلسه هنگام ويرايش قالب شما کاملا اهميت استفاده از کلاس container يا container-fluid را درک مي کنيد.
کلاس های مطرح شده در این جلسه:
dropdown
dropdown-toggle
caret
dropdown-menu
dropup
dropdown-menu-right
dropdown-menu-left
dropdown-header
divider
disabled
media
media-left
media-object
media-body
media-heading
media-right
media-middle
media-top
media-bottom
media-list
list-group
list-group-item
active
disabled
list-group-item-success
list-group-item-info
list-group-item-warning
list-group-item-danger
list-group-item-heading
list-group-item-text

جلسه شانزدهم :
به آخرين بخش component ها مي پردازيم و با wells آشنا مي شويم.سپس به سراغ alerts مي رويم و توسط آن و list group ها يک پنل لاگين را پياده مي کنيم.سپس progress bar را بررسي کرده و يک نظرسنجي طراحي مي کنيم.
کلاس های مطرح شده در این جلسه:
progress
progress-bar
progress-bar-success,info,warning,danger
progress-bar-striped
active
alert
alert-success,info,warning,danger
alert-dismissible
close
alert-link
well
well-lg
well-sm

جلسه هفدهم :
به طور کامل به form در bootstrap پرداخته و کلاس های مربوط به آن را مطرح می کنیم و با پرداختن به مباحث helper classes و code بخش css را نیز به پایان می رسانیم.
کلاس های مطرح شده در این جلسه:
form-control
form-group
help-block
checkbox
form-inline
form-horizontal
radio
disabled
checkbox-inline
radio-inline
form-control-static
control-label
has-success
has-error
has-warning
has-feedback
form-control-feedback
input-lg
input-sm
form-group-lg
form-group-sm
text-muted
text-primary
text-success
text-info
text-warning
text-danger
bg-primary
bg-success
bg-info
bg-warning
bg-danger
center-block
invisible
show
hidden
sr-only
sr-only-focusable
text-hide

جلسه هجدهم :
وارد مباحث حاوا اسکرپیت در bootstrap می شویم و تلاش می کنیم که با استفاده از data در html5 و امکاناتی که bootstrap برای ما فراهم کرده خود را تا حد ممکن از جاوا اسکریپت بی نیاز کنیم.در ابتدا tab را توضیح می دهیم و کلاس های tab-content,tab-pane,fade,in و کاربرد آن ها را بیان می کنیم.سپس نکاتی را در رابطه با تغییر استایل  tab می دهیم و اهمیت استفاده ار inspect را درک می کنیم.سپس یک تب را در پروژه مان ایجاد می کنیم.پس از آن به سراغ tooltip می رویم و بحث تغییر استایل در tooltip و پیچیدگی های آن را مطرح می کنیم و data های موجود در tooltip (همان توابع جاوا اسکریپتی در bootstrap) که
animation
container
content
delay
html
placement
selector
template
title
trigger
viewport
هستند را بیان می کنیم.

جلسه نوزدهم :
با توجه به مطالب جلسه گذشته یک tooltip را برای بخش دیدگاه پروژه ی مان طراحی می کنیم و نکاتی که در جلسه قبل مطرح کردیم را بررسی می کنیم و پس از آن به سراغ بحث popover می رویم و نکات و option های مربوط به popover را مطرح می کنیم و برای بخش table پروزه خود یک popover ایجاد می کنیم.سپس به سراغ alert می رویم و آن را شرح می دهیم.پس از آن به سراغ button در جاوا اسکرپیت می رویم و button states و button toggle را بررسی کرده و یک button states برای بخش login پروژه خود طراحی می کنیم.

جلسه بیستم :
مشکلات مربوط به alert پروژه طراحی شده را بررسی می کنیم و سپس به dropdown در جاوا اسکریپت bootstrap می پردازیم.پس از آن scrollspy  و کلاس ها و کد های data-spy وrefresh و offset را مطرح می کنیم.سپس به سراغ collapse رفته و کلاس های panel-collapse,collapse ,collapsing ,collapse.in,panel-group و کد های aria-expanded,aria-controls,data-parent,data-toggle را بیان کرده و یک Accordion menu را به صورت کامل بررسی و نکات آن را مطرح می کنیم.

جلسه بیست و یکم :
به ایجاد یک پروژه کوچک در bootstrap می پردازیم و بخش دیدگاه ها را اصلاح می کنیم.هدف از ایجاد این پروژه نحوه آشنایی با چگونگی برخورد با یک پروژه از پیش طراحی شده است.همچنین در این جلسه با سبک Material design در بوت اسرتپ آشنا می شویم و آن را یاد می گیریم و به صورت کامل روی پروژه مان پیاده سازی می کنیم.با استفاده از این سبک ما ۷۴۰ ایکون فونت جدید از ایکون های Material گوگل و رنگ بندی بسیار کامل و متنوع و انمیشن های جالب Material را به پروژه مان اضافه می کنیم.

جلسه بیست و دوم :
به بخش آخر جاوا اسکریپت می پردازیم.ابتدا به سراغ modal رفته و کلاس های
modal
modal-dialog
modal-content
modal-header
modal-title
modal-body
modal-footer
modal-lg
modal-sm
و data-dismiss=”modal” را برسی می کنیم و نحوه ی برخورد و inspect کردن کلاس ها را بیان می کنیم.پس از آن به سراغ crousel رفته ویک crousel ریسپانسیو در هدر پروژمان ایجاد می کنیم و کلاس های
carousel
slide
carousel-indicators
active
carousel-inner
item
carousel-caption
left
right
carousel-control
و data-ride=”carousel”,data-slide-to,data-slide را برسی می کنیم و به شرح تغییرات ایجاد شده در پروژمان می پردازیم . سپس به سراغ مبحث affix در bootstrap رفته و یک menu زیبا و انیمیشنی به کمک این پلاگین طراحی کرده و به بررسی تمام نکات و کلاس های آن می پردازیم.
در پایان در یک ویدیو تکمیلی bootstrap فارسی را مطرح می کنیم.

 

دمو پروژه

 سه جلسه اول در بخش زیر برای تست قرار داده شده است.

   دانلود
   دانلود
   دانلود

فایل های مورد نیاز

 

30000 تومان – خرید

 

 

درباره ی مدیر-محسن پور

من مهیار محسن پور هستم. علاقه شدیدی به طراحی وب مخصوصا به کد نویسی سمت سرور دارم . به زبان های html,css,javascript,jquery,php تسلط دارم. 6 ساله برنامه نویسی می کنم و شروع برنامه نویسیم هم با اسمبلی بوده. به برنامه سازی سیستم علاقه خاصی دارم چون حس میکنم درک بالایی از کامپیوتر به انسان میده. با زبان #C اشنایی دارم و برای یک پروژه دانشگاهی با این زبان قدرتمند بازی طراحی کردم. برای گوشی های دارای سیستم عامل اندروید برنامه طراحی کردم و تا حدودی با برنامه نویسی اندروید هم اشنا هستم. تو حوزه IT و امنیت مدت کوتاهی فعالیت کردم و به نسبت با شبکه اشنا هستم.

93 دیدگاه

  1. s
    saeed - رتبه بر اساس تعداد نظرات : خواننده

    قمیتش یه خورده ……….؟؟؟؟

  2. ج
    جلیل - رتبه بر اساس تعداد نظرات : خواننده

    شما عالی هستید

    هما کاش این آموزش هارا رایگان به دسترس ما قرار می دادین…

  3. ا
    امیر اسپروز - رتبه بر اساس تعداد نظرات : خواننده

    میدونستید عالی هستید؟
    مرسی

  4. s
    sina - رتبه بر اساس تعداد نظرات : خواننده

    تو این آموزش درباره استفاده rtl در بوت استرپ صحبت کردید؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      استفاده rtl دقیقا مثل ltr هست
      فقط باید نسخه rtl رو استفاده کرد که بنده توضیح دادم

  5. د
    دانش - رتبه بر اساس تعداد نظرات : خواننده

    سلاام استاد من آموزشتانو خریداری کردم اما قسمت ۱۷ یادم رفته دانلود کنم اگه میشه لینک قسمت ۱۷ رو به ایمیل من بفرستین.

    daneshmirzazadeh@gmail.com

    ممنون.

  6. د
    دانش - رتبه بر اساس تعداد نظرات : خواننده

    با همین ایمیل هم خریداری کردم daneshmirzazadeh@gmail.com

  7. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    سلام به استاد گرامی
    ببخشید واسه چی قیمت این بسته آموزشی بالا و پایین میشه؟
    چند روز قبل ۱۸۰۰۰ تومن بود!!؟؟

  8. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    سلام جناب محسن پور
    خسته نباشید
    من الان دارم یک سایت ریسپانسو طراحی میکنم
    توی html و css و js و jq و بوت استرپ موردی ندارم
    فقط وقتی میخوام نسخه rtl بوت استرپ رو استفاده کنم نمیشه
    خود فایل گیت هاب که مرتضی گذاشته کلا همه چیز رو به هم میریزه و حتی ریز کدهاشم دیدم ، یا اینکه خیلی ساده بوده یا اینکه من متوجه نشدم 😀 و اینکه خودم هم میخوام دستی با css درستش کنم نمیشه
    قسمت navbar سایت وقتی عرض رو تغییر میدیم ، دکمه ها دونه دونه میان پایین ، درسته؟
    من میخوام که ، بجای اینکه دکمه ها از سمت راست دونه دونه بیان پایین ، از سمت چپ دونه دونه پایین قرار بگیرن
    در واقع الان طبق الگو انگلیسی عمل میکنه و بی اهمیت ترین دکمه رو سمت راستی میدونه اما توی سایت فارسی ، با اهمیت ترین دکمه ما سمت راست قرار داره که همون خونه هست
    امیدوارم برای فارسی سازی یک اموزش کامل تر بذارین و یا اینکه حداقل برای navbar ی راه حل بدین
    اخه برای قسمت های دیگه با کدهای css یا کلاس های بوت استرپ درست میشه و عمل میکنه، اگر rtl هم استفاده نکنیم اتفاقی نمیفته اما برای navbar هرکاری میکنم نمیشه 😀

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      متشکرم
      راتسش دوره فارسی سازی رو بنده قرار هست تدریس کنم ولی نه به زودی و نه در این مقطع
      بعد از دوره وردپرس و در دوره فارسی سازی قالب وردپرس
      چون اونجا بحث کامل شده و جا برای مانور زیاد هست
      اگر بنده بخوام الان تدریس کنم مبحث جامعی نخواهد شد
      و حقیقتا دیباگ کرده کد های css با وجود سادگی زبان سخت ترین نوع دیباگ گیری هست
      علتش هم این هست که هیچ زبانی وجود نداره که شما یه خطی کد غلط وارد کنید جای دیگه ای از برنامه تاثیراتش رو حس کنید
      ولی شما در css یک float غلط در header قرار بدید
      امکان داره چیزی رو در header حس نکنید و footer که کاملا بی ربط هست بهم بریزه
      پس واقعا من نمی تونم تو این مطلب کمکی به شما بکنم و پشت کار شمارو میطلبه
      اگر شما مشکلاتون واقعا nav هست به نظر من خودتون دوباره طراحی کنید اون منو رو و درگیره بوت استرپ نشید

  9. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    خب اگر من خودم بشینم از صفر navbar رو ببندم ، چجوری ریسپانسیوش کنم اون نوبار رو ؟ 😀
    که مثلا توی حالت موبایل تبدیل به دکمه بشه و مستقیم نشون داده نشه و یا اینکه موقع تعیین عرض گزینه ها دونه دونه بره پایین
    برای من پویا بودنش مهمه
    اموزش های زیادی از وردپرس دارم اما تا حالا اصلا ندیدم و هیچ ایده ای ازش ندارم
    یعنی اگر وردپرس بجای بوت استرپ استفاده کنم از نظر کتابخونه ای فرقی نداره؟ منظورم سرعت عمل هست و سبک بودن و معیار های دیگه( مثلا الان با بوت استرپ راحتم چون تسلط نسبی به html css jquery دارم و خودم هم شخصی سازیش میکنم)
    مثلا بوت استرپ کار کنم و کنارش mysql و فریم ورک php برای بالا اوردن سایت ، با اینکه وردپرس کار کنم و mysql و php ، بین این دو تفاوتی نیست؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  10. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    اینکه با کدوم یک از کتابخونه های php کار کنیم ، ربطی به کارکردن با wordpress داره؟
    کدوم یک از کتابخونه هارو پیشنهاد میکنین؟ چون لاراوال رتبه اوا داره پس بهترین هم هست؟
    اگر یکی رو بلد باشیم کافیه؟
    مثلا من چون jquery رو بلدم حس کردم دیگه نیاز نیست angular هم یاد بگیرم.
    اینکه ادم این کلیات توی ذهنش حل بشه ، خیلی کمک به یادگرفتنش میکنه 😀

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      وردپرس برای مدیریت محتوا هست و لاراول یک فریم ورک php
      بسته به نیازتون هر کدوم یک کاربردی داره
      مثال غلطتتون هم میشه همون angular
      شکرت بزرگی مثل گوگل هیچوقت نمیاد یک زبان تکراری رو تولید کنه و کلا برنامه نویس ها وقتی یک زبان نیاز هست اون رو تولید می کنند
      بخوام کامل تر بگم
      هر زبانی برای یک کاربرد خاص ساخته شده
      اگر این طور نبود تلگرام نسخه وب با انگولار طراحی نمیشد از jquery استفاده می کردن
      پس حتما یه تفاوتی داشته که نمی تونستن این کار رو کنن

  11. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    خیلی غلط غولوط توی حرفامه 😀
    حس میکنم چیزی نگم سنگین ترم 😀
    متوجه بودم که منظورتون مدیا کوئری ها هست برای ریسپانسیو اما خب یکم تنبلم 😀 ( من دیوونه مبحث css شما هستم ) 😀
    ولی خب واقعا چون با وردپرس کار نکردم شاید سوال ازش نپرسم بهتره چون در حد یک cms میشناسمش فقط
    ممنون از راهنماییتون
    میشه نتیجه گرفت چون شما از ورد پرس استفاده کردین برای طراحی سایتتون پس ارجحیت داره ؟کجاها از ورد پرس استفاده کنیم بهتره؟و مجاها از بوت استرپ؟
    این نیاز شامل چی میشه؟
    یک برنامه نویس قبل از اینکه بخواد یاد بگیره باید این چیزها براش حل بشه تا بدونه چی قراره یاد بگیره ،درسته؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      باید درمورد اون زیان یا فریم ورک تحقیق کنید
      شما نیاز به سایت ریسپانسیو دارید پس بوت استرپ نیاز دارید
      کار کردن با js سخته پس jquery رو یادبگیرید
      میخواید وب اپلیکشن بسازید انگولار رو یاد بگیرید
      میخواید محتوای سایت داینامیک باشه خب پس از یک cms مطمئن مثل وردپرس استفاده کنید
      cms اختصاصی مخواید ولی از یه طرف کد نویسی زیاد php براتون سخته و نیاز به ابزاری دارید که خیلی چیز ها رو اماده براتون قرار بده پس لاراول رو یاد بگیرید
      من منظورم media query ها در css نبود هرچند که میشه از اون استفاده کرد
      اما وقتی ابزار اماده تری تو بوت استرپ اومده رو داریم پس به سراغ چیزی که راحت تره میریم یعنی grid system که من خیلی روش اوایل بوت استرپ تاکید کردم
      و اینکه چی ارجح تره
      باید ببینید برای مشتری شما چی ارجح
      تو سایت ما همه چی استفاده شده و اگه یکی نباشه کل سایت بهم میریزه پس همه یک اهمیت رو دارن
      در قالب بعدی سایت انگولار هم استفاده شده اما تو این قالب نیاز نبوده پس الان اهمیتی نداشته انگولار برای سایت

  12. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  13. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    سلام خسته نباشید
    جلسات اول تا ۳ رو دیدم یعنی فوق العاده بود فوق العاده واقعا like دارین استاد محسن پور
    بیصبرانه منتظر اموزش های جاوااسکریپت و جیکوئری هستم توروخدا این اموزش رو ادامه بدین

  14. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  15. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    اطلاعات من رو برسی کردین؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      متاسفانه چیزی به دست من نرسید
      میخواید اطلاعات رو تو نظرات قرار بدید
      من نظر شمارو پاک میکنم و بعد از برطرف شدن مشکل اعلام شده برای شما لینک رو به ایمیلتون ارسال می کنم

  16. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    اقای محسن پور خرید من انجام نشده بود؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  17. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    ممنون استاد.

  18. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    سلام ببخشید مشکل برطرف نشد اموزش رو برا من بفرستین؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      متاسفانه هنوز سرویس دهنده به ما پاسخی نداده
      سعی بنده هم این هست که هرچه سریع تر مشکل برطرف بشه

  19. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    خب پس با این حساب من باید تا کی منتظر بمونم؟

  20. s
    safa - رتبه بر اساس تعداد نظرات : خواننده

    با سلام پرداخت برای خرید این دوره انجام شد لطفا لینک دانلود را برایم ایمیل کنید باتشکر

  21. s
    safa - رتبه بر اساس تعداد نظرات : خواننده

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

  22. ر
    روح اله - رتبه بر اساس تعداد نظرات : تحلیلگر

    سلام و ممنون از آموزش های خوب شما
    لطفا در مورد bootstrap-4.0.0-alpha.2 و تغییرات و نحوه فارسی سازی اون توضیح کامل بدهید ….

    ممنونم شاد باشید.

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      بوت استرپ ۴ فعلا در مرحله آزمایشی قرار داره و خیلی مطلب خاصی نمیشه در موردش توضیح داد
      و یک بوت استرپ هم بیشتر نداریم
      توییتر بوت استرپ همون بوت استرپ هست

  23. ر
    روح اله - رتبه بر اساس تعداد نظرات : تحلیلگر

    بازم سلام
    و بگوید چند نمونه بوت استراپ داریم …
    توییتر بوت‌استرپ چیست ؟…

  24. ر
    روح اله - رتبه بر اساس تعداد نظرات : تحلیلگر

    سلام
    من در فایل css خود میخوام به navbar-defualt یک backgruond-color بدم ولی هیچ تغییری اعمال نمیشه ولی در فایل bootstrap.css خیلی راحت میتونم به .navbar-default بکگراند بدم و رنگ را عوض کنم .
    و تنها راهی که تونستم بدون تغییرات بر روی فایل اصلی بوت استراپ تغییرات اعمال کنم استفاده از اتربیوت style درونی در سند html بود .

    پس چرا رنگ بکگراند من در سند styelsheet.css خودم نمی تونم تغییر بدم.
    .navbar-default {
    background-color: aqua;
    border-color: #e7e7e7;
    }

  25. ر
    روح اله - رتبه بر اساس تعداد نظرات : تحلیلگر

    سلام وقت بخیر
    ما با این آموزشها فقط میتونیم سایت های اسیتا طراحی کنیم آیا برنامه ای برای آموزش سایتهای داینامیک مثلا cms یا غیره دارید؟ بعد از بوت استراپ چه آموزشی میگذارید ؟ لطفا از نوع برنامه نویسی سایتهای داینامیک که بتوانیم مطالب آن را بروز کنیم توضیح بدهید… مثلا مثل جوملا ، وردپرس و… ممنون

  26. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    سلام خسته نباشین ببخشین فایل های بوت رو نمیتونم دانلود کنم error 404 میده؟علتش چیه؟

  27. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    سلام من از این موضوع مطلع نبودم اخه سایت ها دیگه محدودیتی برای زمان دانلود نمیذارن

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  28. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    سلام عذرخواهی میکنم پس کی فعال میکنید؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  29. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    ممنونم

  30. ب
    برنامه نویس - رتبه بر اساس تعداد نظرات : خواننده

    با سلام. واقعا خسته نباشید. می خواستم بدونم منویی مثل سایت http://adco.ir با استفاده از css3 امکان پذیر هست؟ یا نیاز به زبان دیگری هست؟

  31. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

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

  32. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      از تگ ویدیو استفاده کنید
      با مرورگر دیگه تست کنید
      ادرس فایل ویدیوییتون رو چک کنید

  33. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    ادرس که درسته چون صدای فیلم رو پخش میکنه
    از تگ ویدئو هستم استفاده کردم چیزی تغییر نکرد
    مرورگرم که کروم هست فیلم رو توی سایت دیگه با همین تگ ها پشتیبانی میکنه من متحیر از اینکه چه چیزی متفاوت هست.

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      با مرورگر دیگه هم تست کنید
      فیلمتون رو تغییر بدید ببینید نتیجه چی میشه
      شاید با فرمت و کدینگ فیلم مشکل داشته باشه

  34. M
    M - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    سلام
    ببخشین این نوع فرمت فونت مربوط میشه به font awesome یا فونت دیگه میشه منو راهنمایی کنید باید چی رو دانود کنم و به پروژم اضافه کنم تا کار کنه؟

  35. پ
    پویا - رتبه بر اساس تعداد نظرات : خواننده

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

    این دوره بوت استرپ که گذاشتین فرقش با css و html چیه ؟( شاید سوالم یکمی سطح پایین باشه ببخشید ولی درک درستی از موضوع ندارم )

    یعنی این دوره برای زیبا سازی css و html بکار میره ؟
    آیا بوت استرپ یک زبان جدایه از cssو html است؟
    آیا این دوره شما برای طراحی سایت های فارسی هم مناسب است ؟
    لطفا یک توضیح کامل و واضح برایم بدهید .

    ممنون از توجهتون.

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      بله برای فارسی هم استفاده میشه
      این دوره کمک می کنه که خیلی کار ها که ما با css تو ۲۰ خط انجام میدیم رو تو یه خط انجام بدیم
      زبان جدا نیست یک فریم ورک جداست
      در ضمن بیشتر در طراحی سایت های ریسپاسنیو به شدت مورد استفاده قرار میگیره

  36. پ
    پویا - رتبه بر اساس تعداد نظرات : خواننده

    سلام
    قسمت ۲۱ مشکل د اره دانلود نمیشه

  37. س
    سِِِرور - رتبه بر اساس تعداد نظرات : خواننده

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

  38. M
    Mohammad Amin - رتبه بر اساس تعداد نظرات : خواننده

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

  39. م
    محمد اصلانی - رتبه بر اساس تعداد نظرات : خواننده

    سلام استاد خسته نباشین من د ر تاریخ ۵شنبه ۲۷ ابان ۹۵ اقدام به خرید بسته اموزشی بوت استرپ کردم ولی لیتنکهای که سیستم به من داده هست مشکل دارند و حدود ۷۰ درصدششو نتونستم دانلود کنم خواهشمند رسدیگی کرده وبه این بنده حقیر اطلاع بدهید با تشکر

  40. r
    ruhan - رتبه بر اساس تعداد نظرات : تحلیلگر

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  41. r
    ruhan - رتبه بر اساس تعداد نظرات : تحلیلگر

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      اگر اماتور هستید پیشنهاد من به شما این هست که به سراغ php در ابتدا برید
      این معتبر ترین لیک در وردپرس هست
      https://codex.wordpress.org/Theme_Development

      • r
        ruhan - رتبه بر اساس تعداد نظرات : تحلیلگر

        سلام مثل همیشه یک راهنمایی خوب …
        یک سوال دیگه بنظر شما آموزش PHP آقای بهنام آقاجانی (سایت خانه اندروئید ) مورد تایید شما هستش ؟ در حقیقت من آموزش های اندروئید ایشون را برای همسرم خریدم و و ایشون رضایت کامل از لحاظ کیفیت آموزشی را دارند ولی من ، دو به شک هستم که آیا آموزش PHP بر پایه LAMP که ایشون ارائه کردند در چه سطحی هست. مرسی بازم زاهنمایی کنید ممنونم.

  42. b
    behnam - رتبه بر اساس تعداد نظرات : خواننده

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

  43. m
    mohhammad - رتبه بر اساس تعداد نظرات : خواننده

    با عرض سلام و خسته نبشید استاد میخواستم بابت این اموزش محشرتون تکشر کنم و به همه دوستانی که این قصد خرید ایناموزشو دارم بگیم کهمطمعن باشید از خریدش پشیمون نمیششین به نظر من با این قیمت شما بری بیرون نمیتونی یدونن شلوار بخری انوقت یه کسی ب این همه تسلت اومده علمشو در اختیارت گذاشته پس مطمعن باشید که ارزششو داره و ارزشش از اینا بیشتر شما برو تو سایت های دیگر بگرد دو ساعت فیلمو زده ۴۵ هزار واقعا ممنونم از سایت زیباتون و بهتون خسته نباشید و خدا قوت میگم

  44. s
    soheila - رتبه بر اساس تعداد نظرات : خواننده

    با سلام و خسته نباشید
    من میخواستم این پکیج رو تهیه کنم ولی میترسم باز هم قسمت جدید اضافه بشه و من تهیه نکرده باشم.
    میخواستم بدونم اموزش تمام شده یا هنوز قسمت دیگری هم در راه هست.
    با تشکر

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *