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 : جمع بندی، معرفی منابع و توصیه های مهم و تکمیلی

سید احسان عظیمی replyپاسخ

چرا کلاس text-right تگ img رو هم به سمت راست برد؟کلا با کلاس های اینجوری مشکل دارم،نمیدونم رو چه تگهایی اعمال میشن،مخصوصا center-block

وحید صالحی

دوست عزیز باید به css و دستورات و حالت تگ ها آشنا بشید پیشنهاد می کنم ابتدا دوره طراحی وب رو فرا بگیرید و بعد برید سراغ فریم ورک ها… کلاس text-right برابر پراپرتی text-align:right; هست و عناصری که بلاکی نیستند رو به سمت راست هدایت می کنه…

سید احسان عظیمی replyپاسخ

سلام،هرکاری کردم نتونستم از search استفاده کنم،استایل زیبا برای لینک،استایل برای لینک،استایل برای link،همه ی این موارد رو امتحان کردم ولی چیزی مرتبط با این عناوین برام نیاورد

وحید صالحی

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

هوشمند امینی replyپاسخ

آقای صالحی
با سلام و تشکر بابت آموزش بسیار کامل و خوبی که دادین
من تا اینجای کار نصف دوره بوت استرپ رو دیدم چندتا سوال دارم
1- من سایت تابناک رو دیدم قالب جدیدشون تازه با بوت استرپ زدن کدهاشو چک می کردم
col-lg-17 col-md-15 visible-lg visible-md اعداد 17 و 15 عجیب بود برام مگه نباید تا 12 باشه ؟

2 – قالب سایتم قدیمی هست و می خوام با بوت استرپ طراحی جدید کنم ، ممکنه رنک سایتم خراب بشه . آخه خیلی ها می گن که تغییری تو اچ تی ام ال نده فقط استایل رو عوض کن رنکت خراب می شه لطفا این مورد رو جواب بدین سایتم این هست http://www.donyayekhodro.com/
3- من تو سایت بوت استرپ دیدم که نوشته به زودی نسخه 4 میاد ، اگه که اومد لطفا یه جلسه هم راجع به تغییراتش بزارین و یا اینکه یه توضیحاتی بدین که چه چیزهایی تو نسخه جدید اضافه شده یا تغییر کرده ؟

باتشکر

وحید صالحی

سلام دوست عزیز ممنون از شما :
در مورد سوال اولتون باید بگم که طراح خودش هم اومده یکسری مدیا کوئری تعریف کرده و نا کلای ها رو به این صورت قرار داده …
در مورد سوال دومتون هم باید عرض کنم که ما دو نوع تغییر در قالب سایت خود داریم؛ نوع اول تغییرات جزئی است که مثلاً ممکنه خواسته باشیم طول و یا عرض یک عنصر را کم یا زیاد کنیم. یا اینکه رنگ قسمتی از عناصر صفحه را عوض می‌کنیم. این تغییرات معمولاً از طریق cssو javascript قابل انجام هستش. این تغییرات اگر در جهت مثبت و افزایش کیفیت تجربۀ کاربریِ بازدید کنندگان باشه، با افزایش رتبۀ سایت مواجه خواهد شد. البته شاید موتورهای جستجو به طور مستقیم متوجه مثبت یا منفی بودن چنین تغییراتی نشوند. اما با بازخوردی که از کاربران سایت می‌گیرند، حتماً این تغییرات را بررسی می‌کنند.اما نوع دوم تغییرات ظاهر سایت، تغییر در قالب سایت است که به طور یکجا کدهای کل سایت دستخوش تغییر قرار می‌شه. در این مورد هم موتور جستجو به بازخوردی که از عملکرد بازدید کنندگان سایت دریافت می‌کنه و می‌تونه آنها را با بازخوردهای قبلی مقایسه کنه، بی توجه نیست. البته خود الگوریتم موتور جستجو هم شاخص‌هایی داره که اگر قالبی که تعویض کردید، آن شاخص‌ها را داشت و تغییر مثبت در نظر گرفته بشه حتماً باعث افزایش رتبۀ سایت شما خواهد شد.
در تغییر قالب سایت از نظر سئو اگر قابلیت این وجود داشته باشه که بتوانید کم کم قالب قسمت‌های مختلف سایت را عوض کنید، حتماً چنین کار رو بکنید چرا که اثرات سوء تغییر قالب تا حد امکان کمتر می‌‌‌‌‌‌شه.به طور کلی اگر موتور جستجو، بلاخص گوگل متوجه تغییر مثبتی در قالب سایت شما بشه، حتماً امتیاز مثبتی را برای سایت شما در نظر خواهد گرفت. مثلاً فرض می‌کنیم قالب قبلی شما واکنشگرا نبوده و الان با تغییر قالب سایت خود، سایت شما برای بازدید کنندگان حالت واکنشگرا پیدا کرده است. اینکه گوگل چطور متوجه این موضوع خواهد شد، عوامل زیادی دخیل هستند. اما مهم این است که حتماً متوجه خواهد شد. پس تغییرات مثبت در تغییر قالب سایت نه تنها بد نیست، بلکه یک نوع پیشرفت هم محسوب می‌شه. البته این خود نباید بهانه‌ای باشد که هر هفته قالب سایت را تغییر بدیم.پس از اینکه قالب سایت را تعویض کردید، ممکنه که چندان بازدید شما کم نشه. اما به احتمال قوی روی فهرست شدن نوشته‌های جدیدِ سایت تاثیر گذار خواهد بود. شاید تا مدتی مثلاً یک هفته یا بیشتر صفحات جدید سایت در گوگل Index نشه که این خود طبیعی است. البته باید رفتار گوگل در طی زمان‌های مختلف هم بررسی بشه. شاید در آینده نوع پس لرزه فرق کند. اما باز هم مهم این است که حتماً شامل پس لرزه خواهد بود.پس به طور کلی، اگر تغییر قالب سایت نوعی پیشرفت در سایت شما محسوب بشه، این می‌تواند تغییری خوبی قلمداد بشه. البته پس از این کار ممکن است تبعاتی گریبان سایت شما را بگیرد که پس از گذشت دوران پس لرزه، خواهید دید این تبعات کاملاً جبران خواهد شد. به شرطی که سعی در زنده نگه داشته باشید و محتوای بروز منتشر کنید…

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

Somayeh Shams replyپاسخ

سلام استاد.خسته نباشید
ببخشید کلاس های well-lg , well-sm که گفتید، برای سایزهای lg و sm هستند یا در همه ی مدیاها قابل استفاده اند؟

وحید صالحی

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

Hoom@n replyپاسخ

ضمن عرض سلام به استاد عزیز جناب مهندس صالحی
استاد عزیز، الان دو روزه که همچنان منتظر پاسخ شما هستم. 😕

وحید صالحی

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

Hoom@n replyپاسخ

ضمن عرض سلام به استاد عزیز جناب مهندس صالحی
استاد عزیز، ضمن عرض تشکر مجدد از آموزش های خوبتون، من یک سایت بسیار خوب و باب میلم با استفاده از آموزشهای شما ساختم و الان در حال تبدیل به وردپرس هستم و از این بابت خیلی خیلی از شما ممنونم.اما متاسفانه در مرحله تبدیل منو به مشکل برخوردم(البته میدونم که مبحثش به این دوره مربوط نمیشه) . ظاهراً تبدیل منو بوت استرپ به وردپرس یک کم پیچیده هست. من این پلاگین https://github.com/twittem/wp-bootstrap-navwalker را برای تبدیل منو پیدا کردم و طبق دستورش پیش رفتم اما در مدیا کوئری های پایین که منو collapse میشه با کلیک بر روی دکمه باز کننده منو هیچ اتفاقی نمی افته و منو باز نمیشه. اگه ممکن هست بنده رو راهنمایی کنید که چطور میتونم منو های سایتم رو که دقیقاً مشابه پروژه 2 هست وردپرس کنم .
ضمناً اگه تبدیل قالبهای طراحی شده با بوت استرپ به وردپرس رو شخصاً در یک دوره مجزا آموزش بدید خیلی خیلی عالی میشه و فکر کنم بیشترین مبحثی هست که متقاضی داره.
یک دنیا از لطفتون و آموزشهای خوبتون سپاسگذارم. 😉

وحید صالحی

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

علی رضایی replyپاسخ

چه کاری باید انجام شود

مازیار replyپاسخ

ارسال شد.
تشکر

مازیار replyپاسخ

مواردی رو که در این صفحه هستش رو بعضی موارد رو اعمال می کنم نتیجه کامل نمی ده.دقیقا چه مواردی رو اشاره می کنه:
http://getbootstrap.com/getting-started/#disable-responsive

وحید صالحی

مورد زیر رو به فایل استایلتون اعمال کنید:
.container {
width: 970px !important;
max-width: none !important;
}

مازیار

باز حل نشد؟!

وحید صالحی

دوست عزیز سورس پروژتون رو به ایمیل بنده ارسال کنید

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

یکبار کلید های ctrl+F5 رو زمانی که سند باز هست بزنید کلا برای این کار باید کلاس های فریم ورک رو حذف کنید تا از حالت رسپانسیو خارج بشه و از ساختار static استفاده کنید

مازیار replyپاسخ

اینکار رو انجام دادم متاسفانه تاثیری نداشت

نیاز به لاگین

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