دوره آموزشی یادگیری جامع بوت استرپ 4
6 ساعت 46 دقیقهمبتدی2020-08-10
مدرسین
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
جزئیات دوره
بوت استرپ - یک چارچوب جلویی با استفاده از HTML، CSS و jQuery - برای کمک به توسعه دهندگان طراحی شده است تا به سرعت و به راحتی وب سایت هایی پاسخگو و آماده برای موبایل بسازند که با مرورگرهای مختلف سازگار هستند. Bootstrap یک چارچوب منبع باز، دارای یک شبکه 12 ستونی و اجزایی است که آماده استفاده هستند. در این دوره، Ray Villalobos به شما کمک میکند تا با Bootstrap 4 شروع به کار کنید و یک نمای کلی از همه چیزهای موجود در این چارچوب محبوب ارائه میدهد. Ray گزینههای نصب را پوشش میدهد و سبکهای اساسی را که نحوه نمایش محتوای شما در پلتفرمها و مرورگرهای مختلف را عادی میکند، مرور میکند. او همچنین توضیح می دهد که چگونه از سیستم شبکه فلکس باکس برای ساختن تقریباً هر نوع طرح بندی که می توانید رویاپردازی کنید، استفاده از کلاس های مختلف برای دور زدن پروژه خود، کار با اجزای تعاملی مانند کرکره ها و چرخ فلک ها و موارد دیگر توضیح می دهد.
اهداف یادگیری
ایجاد یک قالب اولیه
بررسی سبک های پایه و تایپوگرافی
استفاده از رنگ ها با بوت استرپ
کار با کلاس هایی که به شما در برخورد با تصاویر کمک می کند
کار با ظروف توری
تنظیم ستون ها
استفاده از گروههای فهرست برای استایل دادن به فهرستها، دکمهها و پیوندها
استفاده از پودر سوخاری
بررسی اجزای چیدمان
استفاده از سبک های فرم
کار با اجزای تعاملی
اهداف یادگیری
ایجاد یک قالب اولیه
بررسی سبک های پایه و تایپوگرافی
استفاده از رنگ ها با بوت استرپ
کار با کلاس هایی که به شما در برخورد با تصاویر کمک می کند
کار با ظروف توری
تنظیم ستون ها
استفاده از گروههای فهرست برای استایل دادن به فهرستها، دکمهها و پیوندها
استفاده از پودر سوخاری
بررسی اجزای چیدمان
استفاده از سبک های فرم
کار با اجزای تعاملی
مهارت ها
BootstrapFront-End Web DevelopmentSoftware Development ToolsWeb DevelopmentOpen SourceSoftware Development
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
- 03 - از فایلهای تمرینی استفاده کنید
1. شروع به کار
- 04 - مقدمه
- 05 - گزینههای نصب
- 06 - ایجاد یک قالب اولیه
2. استفاده از سبکهای پایه
- 07 - مروری بر سبکهای پایه
- 08 - تایپوگرافی پایه
- 09 - ابزارهای تایپوگرافی
- 10 - نقل قولها و لیست ها
- 11 - استفاده از رنگها با بوت استرپ
- 12 - کار با تصاویر
- 13 - متغیرهای CSS
- 14 - انتخاب متن
3. تسلط بر Layout با بوت استرپ
- 15 - نمای کلی چیدمان
- 16 - استفاده از ظروف
- 17 - کار با سطر و ستون
- 18 - کلاسهای چند ستونی
- 19 - ستونهای افست
- 20 - ستونهای تو در تو
- 21 - سفارش سفارشی
- 22 - گزینههای تراز شبکه
- 23 - نمایش مشخصات
- 24 - گزینههای ظرف Flexbox
- 25 - عناصر منعطف منفرد
- 26 - عناصر شناور
- 27 - حاشیه و بالشتک
- 28 - دید
- 29 - ابزار اندازه گیری
- 30 - استفاده از حاشیه
4. استفاده از Navs و Navbar Components
- 31 - نمای کلی نوار ناوبری
- 32 - ناوبری اولیه را ایجاد کنید
- 33 - نوار ناوبری ایجاد کنید
- 34 - از برندینگ و متن استفاده کنید
- 35 - یک کشویی به مسیریابی اضافه کنید
- 36 - عناصر فرم را اضافه کنید
- 37 - کنترل موقعیت
- 38 - محتوای تاشو ایجاد کنید
5. نمای کلی عنصر سبک
- 39 - نمای کلی عنصر سبک پایه
- 40 - دکمه ایجاد کنید
- 41 - گروههای دکمه
- 42 - از نشانها استفاده کنید
- 43 - سبکهای نوار پیشرفت
- 44 - لیست گروه ها
- 45 - آرد سوخاری
- 46 - سایه ها
6. استفاده از Layout Component
- 47 - نمای کلی اجزای چیدمان
- 48 - یک جامبوترون اضافه کنید
- 49 - سبکهای جدول
- 50 - چیدمان کارت پایه
- 51 - کلاسهای محتوای کارت
- 52 - چیدمان کارت
- 53 - از شئ رسانهای استفاده کنید
7. استفاده از سبکهای فرم
- 54 - نمای کلی سبکهای فرم
- 55 - یک فرم اولیه ایجاد کنید
- 56 - چک باکسها و کلاسهای رادیویی
- 57 - گزینههای سبک
- 58 - اشکال چند ستونی
- 59 - گروههای ورودی ایجاد کنید
- 60 - اجزای فرم سفارشی
8. کار با اجزای تعاملی
- 61 - نمای کلی اجزای تعاملی
- 62 - نکات ابزار را اضافه کنید
- 63 - نمایش پاپاور
- 64 - ایجاد هشدار
- 65 - از کشویی استفاده کنید
- 66 - آکاردئونهای فروپاشی را اضافه کنید
- 67 - از مدال استفاده کنید
- 68 - چرخ و فلک بسازید
- 69 - از scrollspy استفاده کنید
- 70 - نان تست
- 71 - اسپینرها
- 72 - صفحه بندی
- 73 - پیوندهای کشیده
- 74 - تعبیه میکند
نتیجه
- 75 - مراحل بعدی