سبد خرید (0)

درباره مدرس

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

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

(
بازدیدها: 4261
)

معرفی اجمالی محصول (آنچه در این آموزش خواهید دید)

1 بوت استرپ چیست؟
2 آموزش مدیا در بوت استرپ
3 طراحی منو ریسپانسیو در بوت استرپ
4 آیکون ها و دکمه ها در بوت استرپ
5 منوی کشویی در سایت
6 ساخت اسلاید شو
7 آموزش پروژه محور
و ...

دیگر مشخصات

حجم فایل: 508 مگابایت
مدت زمان: 3 ساعت
سطح آموزش: از مقدماتی تا پیشرفته
پیش نیازها: CSS, HTML
شماره درس: پکیج کامل
نوع آموزش: تصویری و کاملاً فارسی
مقدار: 
190,000 ریال
430,000 ریال
توضیحات کامل

Bootstrap چیست؟

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.

فیلم آموزش بوت استرپ (Bootstrap) شامل 13 قسمت می باشد.


قسمت اول فیلم آموزش بوت استرپ (Bootstrap) - (رایـــگــان)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • معرفی منابع مناسب برای یادگیری بوت استرپ
  • راه اندازی بوت استرپ
  • بوت استرپ چیست ؟
  • راه اندازی بوت استرپ فارسی
  • شروع به کار با بوت استرپ

 


قسمت دوم فیلم آموزش بوت استرپ (Bootstrap) - (رایـــگــان)

 آنچه در این فیلم آموزشی خواهید آموخت:

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

 


قسمت سوم فیلم آموزش بوت استرپ (Bootstrap) - (رایـــگــان)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • سفارشی کردن سایت براساس نیاز
  • استفاده از پلاگین های جیکوئری در بوت استرپ
  • شروع پروژه طراحی سایت واکنشگرا
  • طراحی منو ریسپانسیو در بوت استرپ
  • استفاده از پلاگین collapse
  • استفاده از فونت های دلخواه در سایت و تعریف فونت با font-face

 


قسمت چهارم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • معرفی مسائل تایپوگرافی در html
  • ساخت قسمت درباره ما سایت
  • معرفی کلاس های مناسب برای متن ها

قسمت پنجم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • جداول و کلاس های مورد استفاده برای آن ها
  • تکمیل قسمت درباره ما سایت و پیش نیازها سایت
  • تصاویر و ریسپانسیو کردن آن ها

قسمت ششم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • گروه های دکمه
  • آموزش عملی ستون بندی در سایت
  • استفاده از کلاس jumbotron
  • استفاده از کلاس well
  • آیکون ها و دکمه ها در بوت استرپ
  • منوی کشویی در سایت

قسمت هفتم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • طراحی قسمت سوالات متداول در پروژه
  • پنل ها و گروه های پنل در سایت

قسمت هشتم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • نمودار پیشرفت در سایت
  • پلاگین مودال
  • استفاده از badge

قسمت نهم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • ساخت اسلاید شو
  • پلاگین caresoul

قسمت دهم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • تب ها و pill
  • لیست های inline
  • ساخت قسمت دوره های اموزشی با تب ها

قسمت یازدهم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • آموزش مدیا در بوت استرپ
  • Pager و pagination

قسمت دوازدهم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • سایز بندی به عناصر فرم
  • فرم ها و label ها
  • فرم های افقی و عمودی

قسمت سوم فیلم آموزش بوت استرپ (Bootstrap)

 آنچه در این فیلم آموزشی خواهید آموخت:

  • پلاگین affix
  • پلاگین tool tip
  • پلاگین های بوت استرپ
  • پلاگین scrollspy
  • تکمیل پروژه
نظرات

دیدگاه‌ها  

+1 # فرنام 1396-04-14 14:22
سلام، لطفا لینک این بوت استرپ راست به چپی که توی فیلم استفاده کردینو بدین، من فیلم پیش نمایشو دیدم، هرچی تو اینترنت سرچ زدم نتونستم بوت استرپ راست به چپی رو پیدا کنم که مثل مال شما کاملا درست عمل کنه بلاخره یه جاییش راست چین نمکیرد و مشکل داشت.
با تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # احسان عباسی 1396-04-14 16:51
سلام این فایل در آدرس زیر قرار داره:
http://beyamooz.com/try_it_yourself/bootstrap/bootstrap-rtl.min_.css
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # farzad ehyaei 1395-12-06 12:05
فیلم آموزش پروژه محور بوت استرپ عالی بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # زهرا داوودی 1395-12-10 17:14
سلام. وقت بخیر
خوشحالیم و خدا رو شکر می کنیم که فیلم آموزش بوتسترپ برای شما کاربردی بوده است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # محمدمهدی 1395-11-23 16:53
باعرض سلام و احترام / میخواستم ببینم امکانش هست یه پیشنمایش از قالب تکمیل شده این پروژه رو برای نمایش قرار بدید ؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # علی کهنموئی 1395-10-24 14:56
سلام خسته نباشید.
میشه بی زحمت فایل های پروژه بوت استرپ رو قرار بدید.
من این آموزش رو تهیه کردم ولی تو برخی جاها دچار مشکل شدم. بی زحمت فایل های این آموزش رو قرار بدید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1395-10-24 19:22
سلام و عرض ادب
فایل های مربوط به فیلم آموزش پروژه محور بوت استرپ در آخرین درس، در فایل "bootstrap-site " قرار داده شده است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # علی کهنموئی 1395-10-24 19:27
خیلی ممنون
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # فهیمه 1395-08-15 00:14
سلام...با دیدن این آموزش از هر آموزش دیگری بی نیاز میشیم و میتونیم قالب رسپانسیو طراحی کنیم؟(آشنایی با طراحی قالب دارم html , css jquery و رو درحد متوسط بلدم)
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # زهرا داوودی 1395-09-19 22:48
سلام وقت شما بخیر
دوره پروژه محور بوت استرپ کامل است و مباحث کامل این فریم ورک به طور کامل توضیح داده شده است . اما در برنامه نویسی و طراحی وب همیشه موارد جدیدی وجود دارد که ممکن است دچار مشکل شوید اما اگر بیس کار را بدانید با یک جستجوی ساده میتوانید مشکل را حل کنید. من در کارهایم از بوت استرپ برای ریسپانسیو بودن استفاده میکنم . در موارد خاص نیز از مدیا کوئری استفاده میکنم .
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
Copyright www.maxx-marketing.net

راهنمای خرید از فروشگاه بیاموز (قوانین و مقررات)

کاربر عزیز به فروشگاه بیاموز خوش آمدید. جهت آشنایی بهتر با فروشگاه، نحوه خرید و ضمانت ما و موارد دیگر به نکات زیر توجه فرمایید:

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

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

نکته 3: لینک های دانلود، دارای قابلیت Resume هستند. یعنی در صورتی که Disconnect شدید، بعد از اتصال مجدد به اینترنت، می توانید دانلود فایل مورد نظر را ادامه دهید.

نکته 4: تمام درآمد حاصل از فروشگاه، صرف پیشرفت بیاموز خواهد شد. بنابراین با هر خرید از فروشگاه ما را قادر خواهید ساخت که مطالب رایگان بیشتری را به هموطنانمان ارائه کنیم.

نکته 5: تمام محصولات دارای پشتیبانی رایگان هستند، بنابراین فیلم ها را تا انتها تماشا کنید و اگر قسمتی از آن را متوجه نشدید از قسمت "دیدگاه ها" سوال خود را مطرح فرمایید.

نکته 6: هر پکیج آموزشی، شامل چندین درس است اما در بیاموز، امکان خرید هر درس بصورت مجزا وجود دارد. 

نکته 7: خریدهای پستی (پیشتاز) بین 24 الی 72 ساعت بعد از خرید به دست شما خواهد رسید.

نکته 8: این سایت دارای مجوز رسمی از جمهوری اسلامی ایران بوده و به استناد نماد اعتماد الکترونیک، خرید از این سایت کاملاً مطمئن و تایید شده می باشد.

نکته 9: اگر هنوز هم سوالی در ذهن شما باقی مانده، از طریق پُل ها ارتباطی زیر با ما مطرح فرمایید:

موبایل: 09132023142               ایمیل: این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید

در ویدئوی زیر، می توانید نحوه ی خرید و دانلود محصولات آموزشگاه بیاموز را مشاهده فرمایید: