آموزش بوت استرپ 3 ویژگی و انتقال جدید

Bootstrap 3 New Features and Migration

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Bootstrap 3 اینجاست و از طراحی موبایل و CSS پاسخگو بهتر از همیشه پشتیبانی می کند. برای مرور کلی کلاس های جدید ، رویکرد اول تلفن همراه و سایر پیشرفت های موجود در بوت استرپ 3 ، به نویسنده Ray Villalobos بپیوندید و بیاموزید چگونه سایت ها و پرونده های خود را به چارچوب جدید منتقل کنید. در مورد گزینه های جدید نصب ، به روزرسانی ها در شبکه ها و داربست ها ، و تغییر در نحوه استفاده از نوع ، تصاویر و JavaScript اطلاعات کسب کنید. سپس یاد بگیرید که گروه لیست جدید و اجزای پانل را در گردش کار خود ادغام کنید. این دوره با نگاهی به مهاجرت یک سایت نمونه از Bootstrap 2.3 به 3.0 ، از جایگزینی فایل های الگو به تغییر شبکه ، ناوبری و تصاویر ، پایان می یابد.
موضوعات شامل:
  • نصب بوت استرپ 3
  • استفاده از سیستم های جدید شبکه
  • کار با تایپوگرافی
  • درک به روزرسانی های کلاس پاسخگو
  • استفاده از پانل ها و گروه های لیست
  • مهاجرت از Bootstrap 2.3 به Bootstrap 3.0

سرفصل ها و درس ها

5. فراتر از قالب های سنتی تصویر Introduction

  • خوش آمدی Welcome

  • فایل های تمرینی Exercise files

رفتن به MoreIntroduction1. درک وب پاسخگو پاسخگو 2. طرح بندی شبکه های مایع در Dreamweaver3. در حال گسترش روی یک ساختار شبکه سیال 4. پیشرفته Query Media5. تصاویر انعطاف پذیر و MediaConclusionIntroduction1. شروع کار 2. سازماندهی Sass3 شما. ایجاد شبکه های پاسخگو با Susy4. انیمیشن کردن طرح بندی های شما درجستگاه 1 نمای کلی بنیاد 52. سیستم شبکه در Foundation3. نمای کلی CSS4. سیستم های ناوبری 5. JavaScript EffectsConclusionIntroduction1. برنامه ریزی و تنظیم Up2. داربست 3. ساختمان اصلی Content4. محتوای ما 5 را گسترش می دهیم صفحات اضافی6. در حال اتمام برنامه کاربردی ما ورود 1. Understanding the Changes

  • درک رویکرد تلفن همراه اول Understanding the mobile-first approach

  • دریافت و نصب Bootstrap 3 Getting and installing Bootstrap 3

  • با استفاده از سیستم شبکه جدید Using the new grid system

  • کار با تایپوگرافی بوت استرپ Working with Bootstrap typography

  • فرم های خود را به روز کنید Updating your forms

  • با استفاده از دکمه ها ، تصاویر و نمادها Using buttons, images, and icons

  • یادگیری به روزرسانی های کلاس پاسخگو Learning responsive class updates

  • درک تغییرات مؤلفه Understanding component changes

  • بررسی تغییرات JavaScript Reviewing JavaScript changes

رفتن به MoreIntroduction1. درک وب پاسخگو پاسخگو 2. طرح بندی شبکه های مایع در Dreamweaver3. در حال گسترش روی یک ساختار شبکه سیال 4. پیشرفته Query Media5. تصاویر انعطاف پذیر و MediaConclusionIntroduction1. شروع کار 2. سازماندهی Sass3 شما. ایجاد شبکه های پاسخگو با Susy4. انیمیشن کردن طرح بندی های شما درجستگاه 1 نمای کلی بنیاد 52. سیستم شبکه در Foundation3. نمای کلی CSS4. سیستم های ناوبری 5. JavaScript EffectsConclusionIntroduction1. برنامه ریزی و تنظیم Up2. داربست 3. ساختمان اصلی Content4. محتوای ما 5 را گسترش می دهیم صفحات اضافی6. در حال اتمام برنامه کاربردی ما ورود 2. Reviewing New Features

  • کار با پنل ها Working with panels

  • با استفاده از گروه های لیست Using list groups

رفتن به MoreIntroduction1. درک وب پاسخگو پاسخگو 2. طرح بندی شبکه های مایع در Dreamweaver3. در حال گسترش روی یک ساختار شبکه سیال 4. پیشرفته Query Media5. تصاویر انعطاف پذیر و MediaConclusionIntroduction1. شروع کار 2. سازماندهی Sass3 شما. ایجاد شبکه های پاسخگو با Susy4. انیمیشن کردن طرح بندی های شما درجستگاه 1 نمای کلی بنیاد 52. سیستم شبکه در Foundation3. نمای کلی CSS4. سیستم های ناوبری 5. JavaScript EffectsConclusionIntroduction1. برنامه ریزی و تنظیم Up2. داربست 3. ساختمان اصلی Content4. محتوای ما 5 را گسترش می دهیم صفحات اضافی6. در حال اتمام برنامه کاربردی ما ورود 3. Migrating a Bootstrap Site

  • مقایسه Bootstrap 2.3 با 3.0 Comparing Bootstrap 2.3 with 3.0

  • مهاجرت به نسخه جدید Migrating to the new version

  • برخورد با تغییرات شبکه Dealing with grid changes

  • رفع چرخ فلک Fixing carousels

  • به روزرسانی ماژول ها Updating modals

  • تنظیم ناوبری ما Adjusting our navigation

  • به دنبال تغییرات کلاس هستید Looking out for class changes

رفتن به MoreIntroduction1. درک وب پاسخگو پاسخگو 2. طرح بندی شبکه های مایع در Dreamweaver3. در حال گسترش روی یک ساختار شبکه سیال 4. پیشرفته Query Media5. تصاویر انعطاف پذیر و MediaConclusionIntroduction1. شروع کار 2. سازماندهی Sass3 شما. ایجاد شبکه های پاسخگو با Susy4. انیمیشن کردن طرح بندی های شما درجستگاه 1 نمای کلی بنیاد 52. سیستم شبکه در Foundation3. نمای کلی CSS4. سیستم های ناوبری 5. JavaScript EffectsConclusionIntroduction1. برنامه ریزی و تنظیم Up2. داربست 3. ساختمان اصلی Content4. محتوای ما 5 را گسترش می دهیم صفحات اضافی6. در حال اتمام برنامه کاربردی ما ورود Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش بوت استرپ 3 ویژگی و انتقال جدید
جزییات دوره
46m 52s
21
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
35,553
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ray Villalobos Ray Villalobos

مربی کارکنان ارشد در LinkedIn Learning

Ray Villalobos یک معلم طراحی/توسعه کامل و مدرس کارکنان ارشد در LinkedIn Learning است.

دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.

پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.