آموزش بوت استرپ 4 بوت کمپ

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

معرفی Introduction

• خوش آمد گویی و معرفی دوره Course Welcome and Introduction

• به انجمن بپیوندید! Join The Community!

• مقدمه ای برای بوت استرپ Intro To Bootstrap

• آیا سایت های بوت استرپ همه شبیه هم هستند؟! Do Bootstrap Sites All Look The Same?!

• مقایسه بوت استرپ 3 و 4 Comparing Bootstrap 3 and 4

راه اندازی محیط Environment Setup

• مقدمه ویرایشگر من: VSCode Intro to My Editor: VSCode

• با استفاده از Emmet Using Emmet

• آزمون سریع Emmet (اختیاری) Quick Emmet Quiz (Optional)

• برنامه افزودنی سرور زنده The Live Server Extension

• اختیاری: طرح زمینه و رنگ من Optional: My Theme and Colors

شروع کار با بوت استرپ 4 Getting Started With Bootstrap 4

• کد این دوره را دریافت کنید! GET THE CODE FOR THIS COURSE!

• مستندات Bootstrap 4 The Bootstrap 4 Documentation

• از جمله بوت استرپ 4 Including Bootstrap 4

• اولین تمرین شما: مقدمه Your First Exercise: Intro

• اولین تمرین شما: راه حل Your First Exercise: Solution

اصول اولیه بوت استرپ 4 Bootstrap 4 Basics

• رنگ ها Colors

• دکمه ها Buttons

• مسابقه رنگ ها و دکمه ها Colors and Buttons Quiz

• تایپوگرافی Typography

• جامبوترون ها Jumbotrons

• مقدمه ورزش Exercise Intro

• راه حل تمرین Exercise Solution

ابزارهای بسیار مفید Super Useful Utilities

• Bootstrap 4 Breakpoints Bootstrap 4 Breakpoints

• ابزار نمایش The Display Utility

• مرزها و سایه ها Borders and Shadows

• حاشیه و بالشتک Margin and Padding

• مقدمه ورزش Exercise Intro

• راه حل تمرین Exercise Solution

تشکیل می دهد Forms

• کنترل های فرم Form Controls

• چک باکس ها/چک های فرم Checkboxes/Form Checks

• ورودی های سفارشی Custom Inputs

• گروه ها و نمادهای ورودی Input Groups and Icons

• فرم های درون خطی Inline Forms

• مقدمه ورزش Exercise Intro

• راه حل تمرین Exercise Solution

نوارهای ناوبری و فلکس باکس! Navbars and Flexbox!

• مولفه Nav The Nav Component

• Flexbox و Navs Flexbox and Navs

• بررسی اختیاری Flexbox OPTIONAL Flexbox Review

• نوارهای ناوبری Navbars

• اطلاعات بیشتر درباره Navbars More About Navbars

• حتی بیشتر درباره Navbars Even More About Navbars

• مقدمه ورزش Exercise Intro

• راه حل تمرین Exercise Solution

سیستم شبکه جادویی The Magical Grid System

• مقدمه ای به شبکه Intro To The Grid

• شبکه پاسخگو The Responsive Grid

• تراز شبکه Grid Alignment

• افست و تودرتو Offsets and Nesting

• فرم ها و شبکه Forms And The Grid

• مقدمه ورزش Exercise Intro

• راه حل تمرین Exercise Solution

کارت ها و لیست گروه ها Cards and List Groups

• لیست گروه ها List Groups

• مبانی کارت Cards Basics

• کارت با تصاویر Cards With Images

• طرح بندی کارت ها Cards Layout

اجزای دیگر Other Components

• نشان ها Badges

• پودرهای سوخاری Breadcrumbs

• گروه های دکمه Button Groups

• صفحه بندی Pagination

• نوارهای پیشرفت Progress Bars

اجزای جاوا اسکریپت JavaScript Components

• هشدارها Alerts

• نکات ابزار Tooltips

• پاپاورها Popovers

• کشویی Dropdowns

• فروپاشی و آکاردئون Collapse and Accordions

• مدال ها Modals

• Scrollspy Scrollspy

• چرخ فلک ها Carousels

• مقدمه ورزش Exercise Intro

• راه حل تمرین Exercise Solution

سفارشی کردن بوت استرپ با SASS Customizing Bootstrap w/ SASS

• معرفی SASS و Koala Intro to SASS and Koala

• با فایل های منبع بوت استرپ آشنا شوید Meet the Bootstrap Source Files

• سفارشی کردن رنگ ها Customizing Colors

ساختمان شفق قطبی Building Aurora Grove

• معرفی Aurora Grove Intro to Aurora Grove

• راه اندازی SASS SASS Setup

• افزودن نوار ناوبری Adding the Navbar

• ساخت ویترین Building the Showcase

• اضافه کردن یک پوشش Adding an Overlay

• بخش نمادها و درباره The Icons and About Section

• کاوش/تجربه Explore/Experience

• اضافه کردن در نقل قول Adding in Quotes

• چرخ فلک تصویر Image Carousel

• گالری رسانه های اجتماعی Social Media Gallery

• پاورقی و فرم تماس Footer and Contact Form

• مدال رزرو The Booking Modal

پروژه جایزه: موزه آب نبات BONUS PROJECT: Museum of Candy

• نکته ای در مورد این پروژه A Note About This Project

• موزه آب نبات قسمت 1 Museum of Candy Part 1

• موزه آب نبات قسمت 2 Museum of Candy Part 2

• موزه آب نبات قسمت 3 Museum of Candy Part 3

• موزه آب نبات قسمت 4 Museum of Candy Part 4

• موزه آب نبات قسمت 5 Museum of Candy Part 5