آموزش مبتدیان بوت استرپ 4: یک صفحه فرود پاسخگو کدنویسی کنید

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

معرفی دوره Course Introduction

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

• چیزی که ایجاد خواهید کرد What you will be creating

• آزمون 1 Quiz 1

معرفی دوره Course Introduction

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

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

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

• چیزی که ایجاد خواهید کرد What you will be creating

• اجزای بوت استرپ Bootstrap components

• اجزای بوت استرپ Bootstrap components

• سیستم شبکه بوت استرپ Bootstrap grid system

• سیستم شبکه بوت استرپ Bootstrap grid system

• پرس و جوهای رسانه ای بوت استرپ Bootstrap media queries

• پرس و جوهای رسانه ای بوت استرپ Bootstrap media queries

• آزمون 1 Quiz 1

راه اندازی Setting Up

• ساخت ساختار فایل ما Creating our file structure

• دانلود تصاویر دوره Download Course Images

راه اندازی Setting Up

• در حال دانلود بوت استرپ Downloading bootstrap

• در حال دانلود بوت استرپ Downloading bootstrap

• ساخت ساختار فایل ما Creating our file structure

• فونت نسخه های عالی Font Awesome Versions

• فونت نسخه های عالی Font Awesome Versions

• فونت عالی Font Awesome

• فونت عالی Font Awesome

• دانلود تصاویر دوره Download Course Images

ساخت ناوبری ما Building our Navigation

• طراحی نوار پیمایش ما Styling our navigation bar

• فایل های بخش Navbar Navbar section files

ساخت ناوبری ما Building our Navigation

• کدگذاری نوار ناوبری بوت استرپ Coding the bootstrap navigation bar

• کدگذاری نوار ناوبری بوت استرپ Coding the bootstrap navigation bar

• طراحی نوار پیمایش ما Styling our navigation bar

• فایل های بخش Navbar Navbar section files

ساخت هدر ما Building our Header

• کدگذاری بخش هدر ما Coding our header section

• فایل های بخش هدر Header section files

ساخت هدر ما Building our Header

• کدگذاری بخش هدر ما Coding our header section

• حالت دادن به بخش هدر ما Styling our header section

• حالت دادن به بخش هدر ما Styling our header section

• آزمون 2 Quiz 2

• آزمون 2 Quiz 2

• فایل های بخش هدر Header section files

ساخت بخش اجتماعی ما Building our Social Section

• فایل های بخش اجتماعی Social section files

ساخت بخش اجتماعی ما Building our Social Section

• کدگذاری بخش اجتماعی ما Coding our social section

• کدگذاری بخش اجتماعی ما Coding our social section

• طراحی بخش اجتماعی ما Styling our social section

• طراحی بخش اجتماعی ما Styling our social section

• فایل های بخش اجتماعی Social section files

ساخت بخش "چه کسی" ما Building our 'Who' Section

• کدگذاری بخش "چه کسی" ما Coding our 'who' section

• حالت دادن به بخش "چه کسی" ما Styling our 'who' section

• فایل های بخش "چه کسی". 'Who' section files

ساخت بخش "چه کسی" ما Building our 'Who' Section

• کدگذاری بخش "چه کسی" ما Coding our 'who' section

• حالت دادن به بخش "چه کسی" ما Styling our 'who' section

• فایل های بخش "چه کسی". 'Who' section files

ساخت بخش "آخرین کار" ما Building our 'Latest Work' section

• کدگذاری بخش "آخرین کار" ما Coding our 'Latest Work' section

• فایل های بخش "آخرین کار". 'Latest work' section files

ساخت بخش "آخرین کار" ما Building our 'Latest Work' section

• کدگذاری بخش "آخرین کار" ما Coding our 'Latest Work' section

• طراحی بخش "آخرین کار" ما Styling our 'Latest Work' section

• طراحی بخش "آخرین کار" ما Styling our 'Latest Work' section

• فایل های بخش "آخرین کار". 'Latest work' section files

ساخت بخش "چرا" ما Building our 'Why' section

• حالت دادن به بخش "چرا" ما Styling our 'why' section

ساخت بخش "چرا" ما Building our 'Why' section

• کدگذاری بخش "چرا" ما Coding our 'why' section

• کدگذاری بخش "چرا" ما Coding our 'why' section

• حالت دادن به بخش "چرا" ما Styling our 'why' section

• امتحان 3 Quiz 3

• امتحان 3 Quiz 3

• فایل های بخش "چرا". 'Why' section files

• فایل های بخش "چرا". 'Why' section files

ساخت بخش نقل قول ما Building our Quotes section

• کدگذاری بخش "مشتریان" ما Coding our 'customers' section

• طراحی بخش "مشتریان" ما Styling our 'customers' section

• فایل های بخش نقل قول ها Quotes section files

ساخت بخش نقل قول ما Building our Quotes section

• کدگذاری بخش "مشتریان" ما Coding our 'customers' section

• طراحی بخش "مشتریان" ما Styling our 'customers' section

• فایل های بخش نقل قول ها Quotes section files

ساخت بخش قیمت گذاری ما Building our Pricing section

• طراحی بخش "قیمت" ما Styling our 'pricing' section

ساخت بخش قیمت گذاری ما Building our Pricing section

• کدگذاری بخش "قیمت" ما Coding our 'pricing' section

• کدگذاری بخش "قیمت" ما Coding our 'pricing' section

• طراحی بخش "قیمت" ما Styling our 'pricing' section

• فایل های بخش قیمت گذاری Pricing section files

• فایل های بخش قیمت گذاری Pricing section files

ساخت بخش تماس با ما Building our Contact section

• طراحی بخش تماس ما Styling our contact section

ساخت بخش تماس با ما Building our Contact section

• کدگذاری بخش تماس با ما Coding our contact section

• کدگذاری بخش تماس با ما Coding our contact section

• طراحی بخش تماس ما Styling our contact section

• فایل های بخش تماس Contact section files

• فایل های بخش تماس Contact section files

ساخت بخش پاورقی ما Building our Footer section

• کدگذاری بخش پاورقی ما Coding our footer section

• فایل های بخش پاورقی Footer section files

ساخت بخش پاورقی ما Building our Footer section

• کدگذاری بخش پاورقی ما Coding our footer section

• طراحی بخش پاورقی ما Styling our footer section

• طراحی بخش پاورقی ما Styling our footer section

• فایل های بخش پاورقی Footer section files

افزودن انیمیشن ما Adding our animation

• متحرک کردن صفحه ما Animating our page

• فایل های بخش انیمیشن Animation section files

افزودن انیمیشن ما Adding our animation

• Animate.css Animate.css

• Animate.css Animate.css

• WOW.js WOW.js

• WOW.js WOW.js

• متحرک کردن صفحه ما Animating our page

• فایل های بخش انیمیشن Animation section files

بخش پایانی ... The Final Section...

• مشاهده کار شما Viewing your work

• حالا کجا؟ Where now?

بخش پایانی ... The Final Section...

• مشاهده کار شما Viewing your work

• حالا کجا؟ Where now?

• فایل های صفحه نهایی Final page files

• فایل های صفحه نهایی Final page files