آموزش بوت استرپ - از قالب HTML تا وردپرس

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

معرفی Introduction

• به دوره خوش آمدید Welcome to the Course

بیایید محیط کاری خود را تنظیم کنیم Let's Set Up Our Working Environment

• بیایید پوشه پروژه خود را تنظیم کنیم Let's Set Up Our Project Folder

• بیایید تمام فایل های لازم را دانلود کنیم Let's Download all the Necessary Files

• بیایید افزونه های Brackets را دانلود و نصب کنیم Let's Download and Install Brackets Plugins

• بیایید همه فایل های CSS و جاوا اسکریپت خود را پلاگین کنیم Let's Plugin All of our CSS and JavaScript Files

Master Bootstrap 4 Master Bootstrap 4

• درباره کلاس کانتینر بیاموزید Learn About the Container Class

• درباره کلاس ردیف بیاموزید Learn About the Row Class

• درباره ستون های بوت استرپ قسمت 1 بیاموزید Learn About Bootstrap Columns Part 1

• با ستون های بوت استرپ قسمت 2 آشنا شوید Learn About Bootstrap Columns Part 2

• با ستون های بوت استرپ قسمت 3 آشنا شوید Learn About Bootstrap Columns Part 3

• با ستون های بوت استرپ قسمت 4 آشنا شوید Learn About Bootstrap Columns Part 4

• با ستون های بوت استرپ قسمت 5 آشنا شوید Learn About Bootstrap Columns Part 5

• درباره Bootstrap Grid قسمت 1 بیاموزید Learn About The Bootstrap Grid Part 1

• درباره Bootstrap Grid قسمت 2 بیاموزید Learn About The Bootstrap Grid Part 2

• درباره Bootstrap Grid قسمت 3 بیاموزید Learn About The Bootstrap Grid Part 3

• درباره تنظیم ستون بوت استرپ بیاموزید Learn About Bootstrap Column Offsetting

• با تایپوگرافی بوت استرپ قسمت 1 آشنا شوید Learn About Bootstrap Typography Part 1

• با تایپوگرافی بوت استرپ قسمت 2 آشنا شوید Learn About Bootstrap Typography Part 2

• با تایپوگرافی بوت استرپ قسمت 3 آشنا شوید Learn About Bootstrap Typography Part 3

• با تایپوگرافی بوت استرپ قسمت 4 آشنا شوید Learn About Bootstrap Typography Part 4

• با تایپوگرافی بوت استرپ قسمت 5 آشنا شوید Learn About Bootstrap Typography Part 5

• با تایپوگرافی بوت استرپ قسمت 6 آشنا شوید Learn About Bootstrap Typography Part 6

• با تایپوگرافی بوت استرپ قسمت 7 آشنا شوید Learn About Bootstrap Typography Part 7

• بیایید تصاویر را با استفاده از بوت استرپ 4 سبک کنیم Let's Style Images Using Bootstrap 4

• درباره Jumbotron بیاموزید Learn About Jumbotron

• کاوش کنید که چه کلاس های هشدار بخش 1 هستند Explore What Alert Classes Are Part 1

• کاوش کنید که چه کلاس های هشدار بخش 2 هستند Explore What Alert Classes Are Part 2

• کاوش کنید که کلاس های دکمه چیست Explore What Button Classes Are

• بیاموزید که کلاس های دکمه گروهی قسمت 1 چیست Learn What Group Button Classes Are Part 1

• بیاموزید که کلاس های دکمه گروهی قسمت 2 چیست Learn What Group Button Classes Are Part 2

• بیاموزید که کلاس های دکمه گروهی قسمت 3 چیست Learn What Group Button Classes Are Part 3

• بیاموزید که کلاس های دکمه گروهی قسمت 4 چیست Learn What Group Button Classes Are Part 4

• بیاموزید که کلاس های نشان چیست Learn What Badge Classes Are

• یاد بگیرید که کلاس های نوار پیشرفت چیست Learn What Progressbar Classes Are

• یاد بگیرید که کلاس های صفحه بندی چیست Learn What Pagination Classes Are

• کلاس های Bootstrap4 برای آیتم های لیست Bootstrap4 Classes for List Items

• بیاموزید که کلاس های کارت چیست Learn What Card Classes Are

• بیاموزید که کلاس های کشویی چیست Learn What Dropdown Classes Are

• یاد بگیرید کلاس های آکاردئون چیست Learn What Accordion Classes Are

• کاوش کنید که چه کلاس های Navbar قسمت 1 هستند Explore What Navbar Classes Are Part 1

• کاوش کنید که چه کلاس‌های Navbar قسمت 2 هستند Explore What Navbar Classes Are Part 2

• کاوش کنید که چه کلاس های Navbar قسمت 3 هستند Explore What Navbar Classes Are Part 3

• کاوش کنید که چه کلاس های Navbar قسمت 4 هستند Explore What Navbar Classes Are Part 4

• کاوش کنید که چه کلاس های فرم قسمت 1 هستند Explore What Form Classes Are Part 1

• کاوش کنید که چه کلاس های فرم قسمت 2 هستند Explore What Form Classes Are Part 2

• کاوش کنید که کلاس های فرم قسمت 3 چیست Explore What Form Classes Are Part 3

• بیاموزید که کلاس های چرخ فلک چیست Learn What Carousel Classes Are

• یاد بگیرید که کلاس های مدال چیست Learn What Modal Classes Are

• یاد بگیرید که کلاس های راهنمای ابزار چیست Learn What Tooltip Classes Are

• بیاموزید که کلاس های پاپاور چیست Learn What Popover Classes Are

• یاد بگیرید که کلاس های مرزی چیست Learn What Border Classes Are

• بیاموزید که کلاس های ClearFix چیست Learn What ClearFix Classes Are

• بیاموزید که کلاس های شناور پاسخگو چیست Learn What Responsive Floats Classes Are

• بیاموزید که کلاس های ارتفاع و عرض چیست Learn What Height and Width Classes Are

• یاد بگیرید که کلاس های حاشیه و بالشتک چیست Learn What Margin and Padding Classes Are

• بیاموزید که کلاس های تراز عمودی چیست Learn What Vertical Alignment Classes Are

• بیاموزید که کلاس های Responsive Embade چیست Learn What Responsive Embade Classes Are

• بیاموزید که کلاس های دید چیست Learn What Visibility Classes Are

• بیاموزید که کلاس های Navbar Twicking چیست Learn What Navbar Twicking Classes Are

• قسمت 1 کلاس های فلکس باکس چیست Learn What Flex Box Classes Are Part 1

• قسمت 2 کلاس های فلکس باکس چیست Learn What Flex Box Classes Are Part 2

• بیاموزید که کلاس های اشیاء رسانه ای چیست Learn What Media Object Classes Are

• بیاموزید که کلاس های فیلتر چیست Learn What Filter Classes Are

بیایید یک وب سایت ثابت با استفاده از بوت استرپ ایجاد کنیم Let's Create a Static Website Using Bootstrap

• بیایید یک وب سرور XAMPP نصب کنیم Let's Install an XAMPP WebServer

• بیایید وردپرس را روی سرور XAMPP خود نصب کنیم Let's Install WordPress On Our XAMPP Server

• بیایید یک لوگو برای وب سایت خود طراحی کنیم Let's Design a Logo For Our Website

• بیایید سیستم ناوبری سایت خود را بسازیم Let's Build Our Site Navigation System

• بیایید چرخ فلک خود را بسازیم قسمت 1 Let's Build Our Carousel Part 1

• بیایید چرخ فلک خود را بسازیم قسمت 2 Let's Build Our Carousel Part 2

• بیایید بخش خوش آمدگویی خود را بسازیم Let's Build Our Welcome Section

• بیایید بخش تمرین خود را بسازیم Let's Build Our Practice Section

• بیایید قسمت 1 طراحی خود را تغییر دهیم Let’s Tweak Our Design Part 1

• بیایید قسمت 2 طراحی خود را تغییر دهیم Let’s Tweak Our Design Part 2

• بیایید بخش تمرین خود را ایجاد کنیم Let’s Create Our Practice Section

• بیایید بخش توصیفات خود را ایجاد کنیم Let’s Create Our Testimonials Section

• بیایید بخش پیشخوان خود را ایجاد کنیم Let’s Create Our Counter Section

• بیایید بخش تماس خود را ایجاد کنیم Let’s Create Our Contact Section

• بیایید بخش پاورقی خود را ایجاد کنیم Let’s Create Our Footer Section

• تبریک می گویم! Congratulations!

• بیایید افزونه Smooth Scrolling jQuery را اضافه کنیم Let’s Add the Smooth Scrolling jQuery Plugin

• بیایید برخی از ویژگی های جالب را به سایت خود اضافه کنیم Let’s Add Some Cool Features to Our Site

• بیایید Modal را پیاده سازی و سفارشی سازی کنیم Let’s Implement and Customize Modal

• بیایید یک پلاگین جالب جی کوئری را نصب کنیم Let’s Install a Cool jQuery Plugin

• بیایید وب سایت خود را به خوبی تنظیم کنیم قسمت 1 Let’s Fine Tune Our Website Part 1

• بخش 2 وب سایت خود را به خوبی تنظیم کنیم Let’s Fine Tune Our Website Part 2

• بیایید وب سایت خود را به خوبی تنظیم کنیم قسمت 3 Let’s Fine Tune Our Website Part 3

• بخش 4 وب سایت خود را به خوبی تنظیم کنیم Let’s Fine Tune Our Website Part 4

• بیایید انیمیشن خود را آغاز کنیم Let's Initiate Our Animation

• بیایید یک انیمیشن به سایت خود اضافه کنیم قسمت 1 Let’s Add an Animation to Our Site Part 1

• بیایید یک انیمیشن به سایت خود اضافه کنیم قسمت 2 Let’s Add an Animation to Our Site Part 2

• بیایید یک تعمیر سریع برای مشکل مودال خود انجام دهیم Let’s Do a Quick Fix To Our Modal Issue

PHP برای وردپرس PHP for WordPress

• معرفی PHP Introducing PHP

• در مورد دلایل نیاز ما به PHP بیاموزید Learn About The Reasons Why We Need PHP

• اطلاعاتی در مورد اینکه متغیر در PHP چیست Learn About What Variable Is in PHP

• با انواع داده های PHP آشنا شوید Learn About PHP Data Types

• با ایجاد یک تابع در PHP آشنا شوید Learn About Creating a Function in PHP

• با تفاوت های بین عملکرد اکو، چاپ، Print_r و Var_dump آشنا شوید Learn About the Differences Between Echo, Print, Print_r and Var_dump Function

• با اپراتورها در PHP قسمت 1 آشنا شوید Learn About Operators in PHP Part 1

• با اپراتورها در PHP قسمت 2 آشنا شوید Learn About Operators in PHP Part 2

• با اپراتورها در PHP قسمت 3 آشنا شوید Learn About Operators in PHP Part 3

• با بیانیه شرطی در PHP آشنا شوید Learn About Conditional Statement in PHP

• درباره نحوه عملکرد PHP while Loop بیاموزید Learn About the Way PHP While Loop Works

• درباره روش کار حلقه Foreach PHP بیاموزید Learn About the Way PHP Foreach Loop Works

تبدیل وب سایت استاتیک ما به وردپرس Converting our Static Website into WordPress

• بیایید پوشه پروژه خود را در داخل وردپرس انتقال دهیم Let's Transplant Our Project Folder Inside WordPress

• بیایید همه فایل های PHP لازم را ایجاد کنیم Let’s Create All the Necessary PHP Files

• بیایید وردپرس را فعال کنیم تا فایل‌های سبک و اسکریپت ما را بارگیری کند، قسمت 1 Let's Enable WordPress to Load Our Style and Script Files Part 1

• بیایید وردپرس را فعال کنیم تا فایل‌های سبک و اسکریپت ما را بارگذاری کند، قسمت 2 Let's Enable WordPress to Load Our Style and Script Files Part 2

• بیایید محتوای فهرست خود را تقسیم کنیم Let's Split Our Index Content

• درباره فراخوانی پویا تصاویر بیاموزید Learn About Calling Images Dynamically

• درباره ویرایش بخش پاورقی بیاموزید Learn About Editing the Footer Section

• درباره فعال کردن لوگو برای بازگشت به صفحه اصلی بیاموزید Learn About Enabling a Logo to Return Back to the Home Page

• درباره فعال کردن موتور جستجوی ما بیاموزید Learn About Enabling Our Search Engine

• درباره ایجاد پویایی ناوبری ما قسمت 1 بیاموزید Learn About Making Our Navigation Dynamic Part 1

• درباره ایجاد پویایی ناوبری ما قسمت 2 بیاموزید Learn About Making Our Navigation Dynamic Part 2

• درباره ایجاد پویایی ناوبری ما قسمت 3 بیاموزید Learn About Making Our Navigation Dynamic Part 3

• درباره فعال کردن Modal در ناوبری ما بیاموزید Learn About Enabling Modal on Our Navigation

• درباره پویا کردن متن اسلایدر ما بیاموزید Learn About Making Our Slider Text Dynamic

• درباره تبدیل بخش خوش آمدگویی ما از ایستا بودن به پویا بیاموزید Learn About Converting Our Welcome Section From Being Static to Dynamic

• درباره تبدیل بخش تمرین ما از ایستا به پویا بیاموزید Learn About Converting Our Area of Practice Section From Being Static to Dynamic

• درباره تبدیل بخش تیم ما از ایستا به پویا بیاموزید Learn About Converting Our Team Section From Being Static to Dynamic

• با نصب افزونه های ضروری آشنا شوید Learn About Installing Essential Plugins

• درباره تبدیل بخش گواهینامه ما از استاتیک به پویا بیاموزید Learn About Converting Our Testimonial Section From Static to Dynamic

• درباره تبدیل بخش شمارنده ما از استاتیک به پویا بیاموزید Learn About Converting Our Counter Section From Static to Dynamic

• درباره تبدیل بخش تماس ما از استاتیک به پویا قسمت 1 بیاموزید Learn About Converting Our Contact Section From Static to Dynamic Part 1

• درباره تبدیل بخش تماس ما از استاتیک به پویا قسمت 2 بیاموزید Learn About Converting Our Contact Section From Static to Dynamic Part 2

• درباره تبدیل بخش پاورقی ما از استاتیک به پویا بیاموزید Learn About Converting Our Footer Section From Static to Dynamic

• درباره جهانی کردن پاورقی ما بیاموزید Learn About Making Our Footer Global

• درباره ساخت صفحه وبلاگ ما قسمت 1 بیاموزید Learn About Building Our Blog Page Part 1

• درباره ساخت صفحه وبلاگ ما قسمت 2 بیاموزید Learn About Building Our Blog Page Part 2

• درباره ساخت صفحه وبلاگ ما قسمت 3 بیاموزید Learn About Building Our Blog Page Part 3

• درباره ساخت صفحه وبلاگ ما قسمت 4 بیاموزید Learn About Building Our Blog Page Part 4

• درباره ساخت صفحه وبلاگ ما قسمت 5 بیاموزید Learn About Building Our Blog Page Part 5

• درباره ساخت صفحه وبلاگ ما قسمت 6 بیاموزید Learn About Building Our Blog Page Part 6

• درباره ساخت صفحه وبلاگ ما قسمت 7 بیاموزید Learn About Building Our Blog Page Part 7

• درباره ساخت الگوی صفحه عمومی ما بیاموزید Learn About Building Our Generic Page Template

• درباره ساخت اپلیکیشن وضعیت پرونده ما بیاموزید Learn About Building Our Case Status App

• درباره ساختن برنامه وضعیت پرونده ما قسمت 1 بیاموزید Learn About Building Our Case Status App Part 1

• درباره ساختن برنامه وضعیت پرونده ما قسمت 2 بیاموزید Learn About Building Our Case Status App Part 2

• درباره ساخت صفحه جستجوی ما بیاموزید Learn About Building Our Search Page

• درباره افزودن فاویکون به برنامه ما بیاموزید Learn About Adding a Favicon to Our Application

• درباره افزودن یک لوگوی سفارشی به صفحه ورود به سیستم ما بیاموزید Learn About Adding a Custom Logo to Our Backend Login Page

• تبریک می گویم! Congratulations!

• دانلود منابع Download Resources

اطلاعات اضافی - کد منبع و موارد دیگر Extra Information - Source code, and other stuff

• سخنرانی و اطلاعات پاداش Bonus Lecture and Information