آموزش دوره کرش توسعه قالب با بوت استرپ 4 بوت کمپ

درس ها Lessons

• مقداری محتوا به وب سایت اضافه کنید Add some content to the website

• SASS چیست (scss) What is SASS (scss)

• تمرین 1 - ساخت یک فرم سفارش محصول بوت استرپ ساده Exercise 1 - building a simple bootstrap product ordering form

• سیستم شبکه و ظرف The Grid System & container

• افست سیستم شبکه Grid system offset

• مقدمه Introduction

• راه حل - صفحه ثبت نام با بوت استرپ 4 Solution - Registration page with Bootstrap 4

• راه حل - صفحه محصولات با بوت استرپ 4 Solution - Products page with Bootstrap 4

• اضافه کردن پاورقی Adding a footer

• Navbar - مهمترین بخش وب سایت Navbar - most important part of website

• نقاط شکست Break points

• مقدمه ای بر مستندات بوت استرپ 4 Introduction to bootstrap 4 documentation

• چرا سیستم گرید مهم است؟ Why is the Grid system important

• تشکیل می دهد Forms

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

• کد ویژوال استودیو Visual Studio Code

• چرا باید از Bootstrap 4 استفاده کنید؟ Why should you use Bootstrap 4?

• اولین الگوی hello world خود را با بوت استرپ تنظیم کنید Set up your first hello world template with bootstrap

• نوار لغزنده در صفحه اصلی Slider on Homepage

• کامپایل CSS سفارشی Compiling the custom CSS

• جامبوترون Jumbotron

• چگونه بوت استرپ را به قالب html خود اضافه کنید - CDN How to include Bootstrap to your html template - CDN

• NPM را نصب کنید Install NPM

• طرح بندی سند پایه Basic document layout

• راه حل - صفحه ورود با بوت استرپ 4 Solution - Login page with Bootstrap 4

• بوت استرپ را از طریق NPM نصب کنید Install Bootstrap via NPM

• اصولا خداحافظ Basically bye

• امت Emmet

• کوالا Koala

• معین Modal

• رنگ ها و دکمه ها Colors and buttons

• تغییر رنگ های پیش فرض Changing the default colors

• مقدمه ای بر تم بوت استرپ Introduction to bootstrap theming

• راه حل - محصولات مدال با بوت استرپ 4 Solution - Products Modal with Bootstrap 4