آموزش بوت استرپ 5 وب‌سایت‌های واکنش‌گرای تلفن همراه اول ایجاد کنید

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

Bootstrap 5 مقدمه ای برای شروع کار با Bootstrap Framework Bootstrap 5 Introduction to getting started with Bootstrap Framework

• Bootstrap 5 مقدمه Bootstrap 5 Introduction

• چگونه با Bootstrap 5 برای توسعه وب واکنشگرا شروع کنیم How to get Started with Bootstrap 5 for responsive web development

• نحوه استفاده از Bootstrap 5 Containers How to use Bootstrap 5 Containers

• نمونه کدنویسی کانتینرهای کد منبع برای بوت استرپ 5 Source Code Containers for Bootstrap 5 coding example

• Bootstrap 5 Grid Rows and Columns را کاوش کنید Explore the Bootstrap 5 Grid Rows and Columns

• نمونه های شبکه بوت استرپ 5 Bootstrap 5 Grid Examples

• متن و تایپوگرافی بوت استرپ 5 اعمال متن و تایپوگرافی در بوت استرپ 5 Text and Typography Bootstrap 5 Apply Text and Typography in Bootstrap 5

• کد منبع مثال Bootstrap 5 کلاس های تایپوگرافی و متن Source Code Example Bootstrap 5 Typography and Text Classes

• کلاس های تصاویر بوت استرپ 5 چگونه کلاس های تصویر را به روز کنیم Images Classes Bootstrap 5 How to update Image Classes

• نحوه اضافه کردن تصاویر How to add Images

• بوت استرپ 5 جدول بوت استرپ 5 کلاس جدول با مثال Bootstrap 5 Tables Bootstrap 5 Table Classes with Examples

• نمونه های کدنویسی جدول بوت استرپ 5 Bootstrap 5 table coding examples

• بوت استرپ 5 رنگ بوت استرپ 5 رنگ اطلاعات موفقیت اولیه خطر نور تاریک Bootstrap 5 Colors Bootstrap 5 Colors Primary Success Info Danger Dark Light

• کد منبع بوت استرپ 5 رنگ Source Code Bootstrap 5 Colors

• Bootstrap 5 Alerts Components Bootstrap 5 Alerts Components چگونه آنها را فعال کنیم Bootstrap 5 Alerts Components Bootstrap 5 Alerts Components how to activate them

• کد منبع Bootstrap 5 Alerts Components Source Code Bootstrap 5 Alerts Components

• Bootstrap 5 Accordion Components Bootstrap 5 Accordion Components مخفی و نمایش داده می شود Bootstrap 5 Accordion Components Bootstrap 5 Accordion Components hide and show

• کد منبع Bootstrap 5 اجزای آکاردئونی Source Code Bootstrap 5 Accordion Components

• Bootstrap 5 Buttons Components Bootstrap 5 Buttons Components Outline and more Bootstrap 5 Buttons Components Bootstrap 5 Buttons Components Outline and more

• کد منبع بوت استرپ 5 اجزای دکمه Source Code Bootstrap 5 Buttons Components

• بوت استرپ کامپوننت کارت 5 Card Component Bootstrap 5

• بوت استرپ کامپوننت کارت منبع کد 5 Source Code Card Component Bootstrap 5

• Nav و NavBar Responsive Bootstrap 5 Nav و NavBar Responsive Mobile آماده است Nav and NavBar Responsive Bootstrap 5 Nav and NavBar Responsive mobile ready

• کد منبع Nav و NavBar پاسخگو است Source Code Nav and NavBar Responsive

• Bootstrap 5 Carousel یک نمایش اسلاید با گزینه های تعاملی Image Slider ایجاد کنید Bootstrap 5 Carousel Create a slideshow with interactive options Image Slider

• کد منبع بوت استرپ 5 چرخ فلک Source Code Bootstrap 5 Carousel

• Bootstrap 5 Modal component Bootstrap 5 Modal component گزینه های Modal و بیشتر Bootstrap 5 Modal component Bootstrap 5 Modal component Modal options and more

• کد مثال Bootstrap 5 مؤلفه Modal Code example Bootstrap 5 Modal component

• Bootstrap 5 Utilities رنگ متن padding حاشیه تراز کردن عنصر موقعیت یابی اندازه Bootstrap 5 Utilities text color padding margin align sizing positioning element

• کد منبع Bootstrap 5 Utilities مثالهایی Source code Bootstrap 5 Utilities examples

بررسی اجمالی دوره Bootstrap 4 Bootstrap 4 Course Overview

• درس معرفی دوره بوت استرپ. Bootstrap course introduction lesson.

• نسخه های بوت استرپ Bootstrap Versions

وب سایت بوت استرپ از ابتدا بوت استرپ 4.4 Bootstrap Website from Scratch Bootstrap 4.4

• Bootstrap 4 Introduction Mega Bootstrap 4 Introduction Mega

• منبع درس و راهنمای PDF پاداش Lesson resource and Bonus PDF guide

• مقدمه ای برای شروع بوت استرپ 4. Introduction to Bootstrap 4 Start.

• راه اندازی بوت استرپ Setup Bootstrap

• کد منبع Source CODE

• CSS استایل سفارشی Custom Styling CSS.

• کد منبع Source Code

• سازگاری با بوت استرپ Bootstrap compatibility

• کد منبع Source Code

• ساختار اصلی وب سایت Basic WebSite Structure

• کد منبع Source Code

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

• کد منبع Source Code

• شبکه بوت استرپ. Bootstrap Grid.

• کد منبع Source Code

• کلاس دید Visibility Class.

• تایپوگرافی اندازه متن پلاس Typography Text Sizes Plus

• کد منبع Source Code

• تصاویر پاسخگو و بیشتر. Images responsive and more.

• کد منبع Source Code

• جداول در بوت استرپ tables in Bootstrap.

• کد منبع source Code

• اجزای - کارت Components - Cards

• کد منبع Source Code

• اجزای - گروه لیست Components - List group

• کد منبع Source COde

• NavBar Bootstrap. NavBar Bootstrap.

• کد منبع Source Code

• پس زمینه و متن را رنگ می کند. Colors backgrounds and text.

• بررسی پروژه. Project Review.

• منبع کامل پروژه Full Project Source

وب سایت تک صفحه ای با بوت استرپ 4.4 Single Page Website with Bootstrap 4.4

• مقدمه وب سایت Sinlge Page Introduction Sinlge Page Website

• تنظیم ساختار صفحه Page Structure SetUp

• بخش های صفحه برای محتوا Page Sections for Content

• منبع Source

• NavBar Sticky Top Bootstrap 4. NavBar Sticky Top Bootstrap 4.

• کد منبع Source Code

• آیکون های رسانه های اجتماعی Social Media Icons

• کد منبع Source Code

• بخش یک ظاهر طراحی سفارشی Section Custom Styling

• کد منبع Source Code

• درباره Card Deck Bootstrap About Card Deck Bootstrap

• کد منبع Source Code

• چیدمان شبکه ای محصولات Products Grid Layout

• کد منبع Source Code

• چرخ فلک جزء نمایش اسلاید. Slideshow component Carousel.

• کد منبع Source Code

• فرم تماس بوت استرپ Contact Form Bootstrap

• کد منبع Source Code

• مطالب پاورقی Footer Contents

• کد منبع Source Code

• بوت استرپ ScrollSpy Bootstrap ScrollSpy

• کد منبع Source Code

• انیمیشن اسکرول صاف Smooth Scroll Animation

• کد منبع Source Code

• بررسی کد وب سایت Website Code Review.

• وب سایت تک صفحه منبع کامل Complete Source Single Page Website

Bootstrap Components Building با وایرفریم و بیلد Bootstrap 4.4 Bootstrap Components Building with Bootstrap 4.4 wireframe and build

• معرفی بوت استرپ Bootstrap Introduction

• چیدمان بوت استرپ Bootstrap Layout.

• معرفی Bootstrap Grid Bootstrap Grid Introduction

• کد منبع Source Code

• بوت استرپ اضافه کردن کلاس ها Bootstrap Add Classes

• کد منبع Source Code

• تصاویر بوت استرپ Bootstrap Images.

• کد منبع Source Code

• هشدار اجزای بوت استرپ Bootstrap Components Alert

• کد منبع Source Code

• نشان های اجزای بوت استرپ Bootstrap Components Badges

• کد منبع Source Code

• قطعات بوت استرپ BreadCrumbs. Bootstrap Components BreadCrumbs.

• کد منبع Source Code

• دکمه های اجزای بوت استرپ Bootstrap Components Buttons

• کد منبع Source Code

• کارت اجزای بوت استرپ. Bootstrap Components Cards.

• کد منبع Source Code

• چرخ فلک اجزای بوت استرپ Bootstrap Components Carousel

• کد منبع Source Code

• اجزای بوت استرپ جمع می شوند Bootstrap Components Collapse

• کد منبع Source Code

• کشویی اجزای بوت استرپ Bootstrap Components DropDown

• کد منبع Source Code

• فرم های اجزای بوت استرپ Bootstrap Components Forms

• کد منبع Source Code

• اجزای بوت استرپ Jumbotron. Bootstrap Components Jumbotron.

• کد منبع Source Code

• لیست بوت استرپ گروهی List Group Bootstrap

• کد منبع Source Code

• اجزای بوت استرپ معین. Components Modal Bootstrap.

• کد منبع Source Code

• Components Nav Bootstrap Components Nav Bootstrap

• کد منبع Source Code

• کامپوننت ها NavBar را بوت استرپ می کنند. Components Bootstrap NavBar.

• کد منبع Source Code

• اجزای Bootstrap Scrollspy Components Bootstrap Scrollspy

• کد منبع Source Code

• کامپوننت ها بوت استرپ صفحه بندی Components Bootstrap Pagination

• کد منبع Source Code

• اجزای Bootstrap Popovers و Tooltip Components Bootstrap Popovers and tooltip

• کد منبع Source Code

• نوار پیشرفت و اسپینرها. Progress bar and Spinners.

• کد منبع Source Code

• نتیجه گیری جزء Component Conclusion

بخش دوره های آلفا و بتا Bootstrap 4 Bootstrap 4 alpha and Beta Course Section

• معرفی دوره بوت استرپ 4 Course Introduction Bootstrap 4

• به روز رسانی های بتا بوت استرپ 4 Bootstrap 4 Beta Updates

• نسخه بوت استرپ برای دوره Bootstrap Version for the course

• Bootstrap 4 مقدمه ای بر تغییرات و آنچه ممکن است Bootstrap 4 Introduction to changes and what is possible

شروع به کار: راه اندازی Bootstrap 4 Getting Started: Setting Up Bootstrap 4

• راه اندازی بوت استرپ Setting up Bootstrap

• نمونه هایی از استایل بوت استرپ Examples of Bootstrap styling

• کارهایی که می توانید با منابع بوت استرپ انجام دهید What you can do with Bootstrap Resources

• پیوند به منابع بوت استرپ Links to Bootstrap Resources

• سازگاری مرورگر Bootstrap 4 Bootstrap 4 Browser Compatability

ساخت وب سایت با بوت استرپ Creating Websites with Bootstrap

• ساختار بوت استرپ Structure of Bootstrap

• ظروف بوت استرپ Bootstrap Containers

• معرفی بوت استرپ به Grid Bootstrap introduction to the Grid

• کار با Grid Working with the Grid

• کد منبع به روز شد Source Code Updated

• شبکه بوت استرپ فشار کشش افست Bootstrap grid push pull offset

• مخفی کردن عناصر در بوت استرپ Hide elements in Bootstrap

• کلاس های شبکه Grid classes

• جداول بوت استرپ Bootstrap Tables

• فرم های بوت استرپ Bootstrap Forms

• دکمه های بوت استرپ Bootstrap Buttons

• گروه بندی دکمه ها با بوت استرپ Button Grouping with Bootstrap

• دکمه های کد منبع Source Code Buttons

• کار با تصاویر در بوت استرپ Working with Images in Bootstrap

• تصاویر کد منبع Source Code Images

• بوت استرپ JumboTron Bootstrap JumboTron

• اعمال برچسب بر روی محتوا در بوت استرپ Applying Labels to Content in Bootstrap

• ایجاد هشدار در بوت استرپ creating alerts in Bootstrap

• مقدمه ای بر استفاده از کارت ها در بوت استرپ 4 Introduction to using Cards in Bootstrap 4

• کار با کارت در بوت استرپ Working with Cards in Bootstrap

• کارت کد منبع Source Code Cards

• کلاس های Nav در بوت استرپ Nav classes in Bootstrap

• کد منبع Nav Source Code Nav

• یک نوار ناوبری با بوت استرپ ایجاد کنید و آن را سفارشی کنید Create a navbar with Bootstrap and customize it

• تابع collapse را به نوار ناوبری اضافه کنید Add collapse function to navbar

• یک نوار ناوبری پاسخگو ایجاد کنید Create a responsive Navbar

• راه اندازی پودر سوخاری در بوت استرپ Setting up breadcrumbs in Bootstrap

• کد منبع ناوبر Source Code Navbar

• صفحه بندی با بوت استرپ Pagination with Bootstrap

• اضافه کردن Modals به وب سایت شما Adding Modals to your website

• کد منبع Modal Source Code Modal

• راه اندازی چرخ فلک در بوت استرپ Carousel setup in Bootstrap

• وب سایت بوت استرپ را به روز کنید Update Bootstrap website

• کد منبع وب سایت بوت استرپ 4 Source Code Bootstrap 4 website

منابع دوره Course Resources

• ویرایشگر منابع Resources Editor

• سخنرانی پاداش Bonus Lecture