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

۲۵۰ رای ۹.۲

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

آموزش بوت استرپ حرفه ای

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

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

   

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

 

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

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

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

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

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

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

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

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

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

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

لقمان آوند

سلام
خیر هیچ مشکلی نداره و می تونید بدون نگرانی همچنان از بوت استرپ 3 تا مدت ها استفاده کنید.
بوت استرپ 4 که الان رسمی روی سایت گذاشتند تازه اومده و ورژن بتا هست. ایشالله نسخه نهاییش که بیاد سعی می کنیم در موردش آموزش بزاریم.

امیرمحمد رضایی

خیلی ممنون اقای اوند

رضا replyپاسخ

سلام جناب صالحی
چطوری میشه تو فوتر مثه این وب سایت
http://ferdowsisummerschool.ir/%D9%85%D8%B1%D8%A8%DB%8C%D8%A7%D9%86-%D9%88-%D9%85%D9%86%D8%AA%D9%88%D8%B1%D9%87%D8%A7/

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

2- و همچنین اون قسمت پشتیبانی آنلاین گوشه سمت راست چطور ایجادش کنیم با بوت؟

وحید صالحی

قسمت فوتر توسط تکنیک پارالکس ایجاد شده که خیلی سادس گوگل کنید آموزش های زیادی در موردش هست قسمت چت هم با متدهای hide and show جی کوئری میشه پیاده سازیش کرد

Mogtaba Mazroei replyپاسخ

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

وحید صالحی

سلام این مورد رو باید با css و html ایجاد کنید البته توسط off-canvas ها هم که در پروژه دوم همین دوره توضیح دادیم میشه ایجادش کرد

رضا replyپاسخ

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

وحید صالحی

سلام ذوست عزیز توی دوره در مورد کلاس های hidden و visible بطور کامل توضیح دادیم و از همون موارد باید استفاده بشه موردی دیگه نداره به عنوان مثال برای نمایش تنها در سل سایز کوچکک باید کلاس visible-sm رو به المانتون اضافه کنید منظورشم نمایش تنها در حالت sm هست ویدئو های هر جلسه رو هم با دقت مشاهده کنید درش این موارد هست

آرش ذاکری replyپاسخ

با سلام خدمت استاد صالحی
1. اگر بخواهیم وقتی منوی Off-Canvas باز میشه صفحه اسکرول بخوره و ثابت نشه باید چکار کنیم؟
2. توی زمان 2:36:33 به نقطه چین هایی که در زمان هاور مشاهده میشه اشاره فرمودین که اتفاقا گاهی خیلی هم روی اعصابه، اینها رو باید چطوری مخفیشون کنیم؟
با تشکر

وحید صالحی

سلام برای نقطه چین ها در جلسات بعدی توضیح دادیم برای off-canvas هم تنظیمات فایل css ش رو باید تغییر بدید در گول جستجو کنید راه حل موجوده

Sohrab Gosheh replyپاسخ

سلام من با جاوا اسکریپت زیاد آشنایی ندارم به نظرتون میشه با همین آموزش هایی که شما تو دوره بوت استرپ دادین نیاز هارو برطرف کرد با توجه به اینکه دوره جاوا اسکریپت شما نزدیک 60ساعته و به نظرم خیلی زیاد هست
راستی درسته زمان دوره VIP من تموم شده ولی دلیل بر این نمیشه که سوال من رو جواب ندین
(قبلا یه سوال در مورد یکی بوت استرپ کرده بودم خبری نشد)

کیوان علی محمدی

سلام به شکل محدود می تونید برطرف کنید و حتما بهتره خود js رو یاد بگیرید.

PAS.PSK PSK replyپاسخ

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

وحید صالحی

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

سید روح اله حسینی replyپاسخ

سلام و عرض ادب
من فایل تمرینات شما را درمرورگر فابرفاکس ( آخرین ورژن ) باز میکنم ولی فونت ها به صورت معمولی نمایش میده و استایل فونت بی یکان را نمیگیرد . حتی تکس اینکودینک را روی unicode تنظیم کردم ولی بازم همون طوره …جالبه با انترنت اکسپلور و کروم خوب نمایش میده فقط با فابرفاکس مشکل داره لطفا راهنمایی کنید.

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

این مقدار رو از url جذف کنید :
:63342

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

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

PAS.PSK PSK replyپاسخ

مچکرم

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

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

نیاز به لاگین

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