آموزش بوت استرپ 4: ایجاد چهار پروژه دنیای واقعی [ویدئو]

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

خوش آمدی Welcome

• معرفی Introduction

• بوت استرپ چیست؟ What is Bootstrap?

• برپایی Setup

• چگونه از دوره بیشترین بهره را ببرید How to get the most out of the course

تایپوگرافی و ابزارهای کاربردی Typography and Utilities

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

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

• متن و رنگ Text and Colors

• متن و رنگ Text and Colors

• نقاط شکست پاسخگو Responsive Breakpoints

• نقاط شکست پاسخگو Responsive Breakpoints

• فاصله گذاری و اندازه Spacing and Sizing

• فاصله گذاری و اندازه Spacing and Sizing

• شناورها و موقعیت ها Floats and Positions

• شناورها و موقعیت ها Floats and Positions

تایپوگرافی و ابزارهای کاربردی Typography and Utilities

طرح بندی (CSS Flexbox/Bootstrap Grid) Layout (CSS Flexbox / Bootstrap Grid)

• CSS Flexbox- مقدمه CSS Flexbox- Introduction

• CSS Flexbox- مقدمه CSS Flexbox- Introduction

• CSS Flexbox- خواص کانتینر CSS Flexbox- Container Properties

• CSS Flexbox- خواص کانتینر CSS Flexbox- Container Properties

• CSS Flexbox- ویژگی های مورد فلکس CSS Flexbox- Flex item Properties

• CSS Flexbox- ویژگی های مورد فلکس CSS Flexbox- Flex item Properties

• Bootstrap Grid System - قسمت 1 Bootstrap Grid System- Part 1

• Bootstrap Grid System - قسمت 1 Bootstrap Grid System- Part 1

• Bootstrap Grid System - قسمت 2 Bootstrap Grid System- Part 2

• Bootstrap Grid System - قسمت 2 Bootstrap Grid System- Part 2

طرح بندی (CSS Flexbox/Bootstrap Grid) Layout (CSS Flexbox / Bootstrap Grid)

پروژه 1 - وب سایت Pure Bootstrap Project 1 - Pure Bootstrap Website

• بررسی اجمالی پروژه Project Overview

• بررسی اجمالی پروژه Project Overview

• نوار ناوبری Navbar

• نوار ناوبری Navbar

• بخش بنرها Banners Section

• بخش بنرها Banners Section

• بخش مهارت ها Skills Section

• بخش مهارت ها Skills Section

• بخش پروژه ها Projects Section

• بخش پروژه ها Projects Section

• بخش تیم Team Section

• بخش تیم Team Section

• بخش پیشرفت Progress Section

• بخش پیشرفت Progress Section

• بخش تماس Contact Section

• بخش تماس Contact Section

• پاورقی Footer

• پاورقی Footer

پروژه 1 - وب سایت Pure Bootstrap Project 1 - Pure Bootstrap Website

پروژه 2 - داشبورد مدیریت Project 2 - Admin Dashboard

• بررسی اجمالی پروژه Project Overview

• بررسی اجمالی پروژه Project Overview

• Navbar - قسمت 1 Navbar - Part 1

• Navbar - قسمت 1 Navbar - Part 1

• Navbar - قسمت 2 Navbar - Part 2

• Navbar - قسمت 2 Navbar - Part 2

• Navbar - قسمت 3 Navbar - Part 3

• Navbar - قسمت 3 Navbar - Part 3

• مدال Modal

• مدال Modal

• بخش کارت ها Cards Section

• بخش کارت ها Cards Section

• بخش جداول - قسمت 1 Tables Section- Part 1

• بخش جداول - قسمت 1 Tables Section- Part 1

• بخش جداول - قسمت 2 Tables Section- Part 2

• بخش جداول - قسمت 2 Tables Section- Part 2

• پیش رفتن Progress

• پیش رفتن Progress

• فهرست وظیفه یا لیست کار Task list

• فهرست وظیفه یا لیست کار Task list

• فعالیت ها Activities

• فعالیت ها Activities

• ارسال سریع Quick Post

• ارسال سریع Quick Post

• پاورقی Footer

• پاورقی Footer

پروژه 2 - داشبورد مدیریت Project 2 - Admin Dashboard

پروژه 3 - PhotoX Project 3 - PhotoX

• بررسی اجمالی پروژه Project Overview

• بررسی اجمالی پروژه Project Overview

• بنر Banner

• بنر Banner

• نوار ناوبری Navbar

• نوار ناوبری Navbar

• ماموریت - قسمت 1 Mission- Part 1

• ماموریت - قسمت 1 Mission- Part 1

• ماموریت - قسمت 2 Mission- Part 2

• ماموریت - قسمت 2 Mission- Part 2

• مجموعه Collection

• مجموعه Collection

• آلبوم عکس Gallery

• آلبوم عکس Gallery

• بخش مشتریان Customer Section

• بخش مشتریان Customer Section

• قیمت گذاری Pricing

• قیمت گذاری Pricing

• مخاطب Contact

• مخاطب Contact

• پاورقی Footer

• پاورقی Footer

پروژه 3 - PhotoX Project 3 - PhotoX

پروژه 4 - فروشگاه کتاب Project 4 - Book Store

• بررسی اجمالی پروژه Project Overview

• بررسی اجمالی پروژه Project Overview

• سرتیتر Header

• سرتیتر Header

• گالری - قسمت 1 Gallery- Part 1

• گالری - قسمت 1 Gallery- Part 1

• گالری - قسمت 2 Gallery- Part 2

• گالری - قسمت 2 Gallery- Part 2

• نویسندگان معروف Famous Writers

• نویسندگان معروف Famous Writers

• کتاب های پیشنهادی Suggested Books

• کتاب های پیشنهادی Suggested Books

• کتاب های محبوب - قسمت 1 Popular Books- Part 1

• کتاب های محبوب - قسمت 1 Popular Books- Part 1

• کتاب های محبوب - قسمت 2 Popular Books- Part 2

• کتاب های محبوب - قسمت 2 Popular Books- Part 2

• کتاب های محبوب - قسمت 3 Popular Books- Part 3

• کتاب های محبوب - قسمت 3 Popular Books- Part 3

• تماس - قسمت 1 Contact- Part 1

• تماس - قسمت 1 Contact- Part 1

• تماس - قسمت 2 Contact- Part 2

• تماس - قسمت 2 Contact- Part 2

• پاورقی Footer

• پاورقی Footer

• ناوبری - قسمت 1 Navigation- Part 1

• ناوبری - قسمت 1 Navigation- Part 1

• ناوبری - قسمت 2 Navigation- Part 2

• ناوبری - قسمت 2 Navigation- Part 2

پروژه 4 - فروشگاه کتاب Project 4 - Book Store