آموزش Bootstrap Studio 5.4.1 طراحی وب سایت بدون کدنویسی!

روز 1 Day 1

• کلید مجوز Bootstrap Studio Student Version را به مدت یک سال دریافت کنید. Get Free Bootstrap Studio Student Version license key for one year.

• معرفی Bootstrap Studio Introduction to Bootstrap Studio

• درک رابط کاربری Understanding User Interface

• وارد کردن اولین م componentلفه Importing first component

• گزینه های Navbar Options of Navbar

• گزینه های Nav Options of Nav

• اسلایدر تصویر | درک چرخ و فلک Image Slider | Understanding Carousel

• گزینه های چرخ فلک Carousel options

• درک موقعیت Navbar. Understanding Navbar position.

• درک Navbar با جزئیات بیشتر. Understanding Navbar in more detail.

• درک Jumbotron Understanding Jumbotron

• گزینه های دکمه Bootstrap Options of Bootstrap Button

• استفاده از مonلفه های UI Using UI Components

• تغییر آیکون و پیوندها Changing Icon and Links

• طرح را صادر کنید Export the design

روز 2 Day 2

• درک ردیف و ستون ها Understanding Row and Columns

• وب سایت شخصی V1 Personal Website V1

• وب سایت شخصی V2 Personal Website V2

• فرم هوشمند Bootstrap Studio Smart Form of Bootstrap Studio

• تصویر را روی بدن اعمال کنید Apply image to body

• کار بر روی ظاهر وب سایت Working on appearance of website

• شناسه و پاسخگو بودن موبایل ID's and making mobile responsive

• انیمیشن Animation

• میزبانی در زیر دامنه رایگان Hosting on free sub-domain

• پایان روز 2 End of day 2

روز 3 Day 3

• مونتاژ دارایی برای طراحی تجارت الکترونیکی Assembling of asset for eCommerce design

• Navbar برای طراحی تجارت الکترونیکی Navbar for eCommerce design

• کشویی و نوار جستجو برای طراحی تجارت الکترونیکی Drop-down and search-bar for eCommerce design

• چرخ فلک برای طراحی تجارت الکترونیکی Carousel for eCommerce design

• طراحی کارت محصول برای طراحی تجارت الکترونیکی Designing of product card for eCommerce design

• ایجاد صفحه وب جدید از لیست محصولات Creating new web page of product list

• رنگ دکمه را تغییر دهید. ایجاد تغییر در سبک راه انداز Change the button color. Making changes to bootstrap style

• پیوند را به تصویر اعمال کنید و آن را هدایت کنید Apply link to image and redirect it

• شروع به طراحی صفحه جزئیات محصول کنید Start designing product details page

• Modal و Tabs Modal and Tabs

• دکمه رادیویی و راهنمای ابزار برای جزئیات محصول در صفحه وب Radio button and tool-tip for product details web page

• زبانه ها و جلوه های زبانه Tabs and tab effects

• تست ریسپانسیو موبایل Mobile Responsive testing

• بخشهای آرد سوخاری ، صفحه بندی و نظرات کاربران Breadcrumbs, Pagination and User comment section

روز 4 Day 4

• صفحه خروج را طراحی کنید Design the check-out page

• در حال بررسی مشکلات پاسخگو برای موبایل Checking mobile responsive issues

• داستان های رسانه Media Queries

• مدیریت کتابخانه BSS طراحی خود را ذخیره و به اشتراک بگذارید BSS Library Management Save and Share you design

• وارد کردن CSS و JS خارجی Importing external CSS and JS

• تغییرات کوچک در نوار Small changes in navbar

• طراحی ورود به سیستم Designing Login modal

• طراحی ایجاد حساب کاربری مود Designing Create Account Modal

• نحوه حذف اطلاعات در حالت بوت استرپ چگونه کار می کند How data dismiss work in bootstrap modal

• صفحه پروفایل من را طراحی کنید Design My Profile Page

• آکاردئون Accordion

• کپی کامپوننت در چندین صفحه و پیوند کپی Copy Component to multiple pages and link copy

روز 5 Day 5

• ادغام چت زنده Live Chat Integration

• تنظیمات پیشرفته Bootstrap Studio Bootstrap Studio Advance Setting

• وب سایت خود را در GitHub بارگذاری کنید Upload your website on GitHub

• منابع Resources

نسخه بوت استرپ استودیو 5.1.1 Bootstrap Studio Version 5.1.1

به روزرسانی نسخه Bootstrap Studio Bootstrap Studio Version Update

• نسخه بوت استرپ استودیو 5.1.1 Bootstrap Studio Version 5.1.1

دانشجویان تقاضای سخنرانی کردند Students Requested Lecture

• Side Navbar در Bootstrap Studio Side Navbar in Bootstrap Studio