آموزش بوت استرپ – طراحی صفحات وب با Bootstrap 5 + گواهینامه

آموزش بوت استرپ – طراحی صفحات وب با Bootstrap 5 + گواهینامه

7 ساعت
0.0

Bootstrap چیست؟ Bootstrap، به عنوان نام یک چارچوب (Framework) متن‌باز نیز شناخته می‌شود که برای توسعه و طراحی وب‌سایت‌ها و برنامه‌های وب به کار می‌رود. Bootstrap توسط توییتر توسعه داده شده است و از ویژگی‌های آن می‌توان به کدهای HTML ،CSS و جاوا اسکریپت جهت طراحی وب‌سایت‌ها، اشاره کرد. اهمیت یادگیری طراحی صفحات وب با بوت‌استرپ چیست؟ بوت‌استرپ به عنوان یک چارچوب متن‌باز برای طراحی وب‌سایت‌ها، ابزارها و قالب‌هایی را فراهم می‌کند که فرایند توسعه و طراحی را تسهیل می‌کند. این فریم‌ورک، کمک می‌کند که توسعه‌دهندگان به سرعت و حرفه‌ای واکنش نمایشی و تجربه کاربری مطلوب را برای وب‌سایت‌ها ایجاد کنند. ریسپانسیو بودن و امکان تطبیق با اندازه صفحات مختلف، بهینه‌سازی زمان توسعه و ارائه طراحی مدرن و یکپارچه از جمله مزایای این فریم‌ورک است که اهمیت یادگیری و استفاده از آن را برای توسعه‌دهندگان و طراحان وب می‌کند. در این فرادرس چه چیزی یاد می‌گیریم؟ در این آموزش، ابتدا به نحوه تعریف ستون‌ها و مقداردهی اندازه هر ستون می‌پردازیم؛ سپس کار با تصاویر و جداول و کلاس‌های کمکی کار با Figureها را مورد بررسی قرار می‌دهیم. در انتها، آشنایی با Input Group و ایجاد آن، آکاردئون‌ها و طراحی صفحه اصلی – آماده‌سازی بخش محصولات را فرا خواهیم گرفت.

فرادرس
سید رضا هاشمیان

تریلر دوره

توضیحات کامل دوره

...

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

  • چکیده
    0:02:44

  • نصب و استفاده از Bootstrap
    رایگان 0:09:11
  • استفاده از نسخه RTL
    0:02:23
  • آزمون ۱

  • آشنایی با شبکه Grid
    رایگان 0:18:00
  • نحوه تعریف ستون‌ها، مقداردهی اندازه هر ستون
    0:08:55
  • آزمون ۲

  • کلاس‌های کار با نوشته‌ها و تایپوگرافی – هدینگ‌ها و پاراگراف‌ها
    رایگان 0:10:42
  • کلاس‌های کار با نوشته‌ها و تایپوگرافی – ویژگی‌های متون
    0:16:55
  • کار با تصاویر و جداول
    0:14:47
  • کلاس‌های کمکی کار با Figureها
    رایگان 0:02:31
  • آزمون ۳

  • کلاس Inputهای فرم، کنترل‌های پایه، متن و فایل
    0:10:53
  • کلاس Inputهای فرم و کنترل‌های انتخابگر
    رایگان 0:10:15
  • آشنایی با Input Group و ایجاد آن
    0:12:51
  • آشنایی با Input Group، تنظیمات و سایزبندی آن
    رایگان 0:13:09
  • آشنایی با اعتبارسنجی فرم‌ها
    0:17:13
  • آزمون ۴

  • آکاردئون‌ها
    0:12:06
  • هشدارها
    رایگان 0:07:09
  • کار با Badge و Breadcrumb
    0:10:41
  • کار با دکمه‌ها و Button Group
    0:16:45
  • کار با Card
    رایگان 0:09:34
  • آشنایی و کار با Carousel
    0:16:09
  • کار با Close Button و Collapse
    0:10:40
  • کار با Dropdowns
    رایگان 0:11:03
  • کار با List Group
    0:12:16
  • کار با Modal
    0:11:57
  • کار با Tab
    0:06:11
  • کار با Navbar
    رایگان 0:12:28
  • کار با Offcanvas و Pagination
    0:09:19
  • کار با Popovers و Progress
    0:10:11
  • کار با Spinners
    0:05:33
  • کار با Toasts
    0:10:41
  • کار با Scrollspy
    رایگان 0:14:24

  • کلاس‌های کمکی پایه
    0:07:42
  • رنگ‌بندی، حاشیه و موقعیت‌دهی
    0:10:43

  • حاشیه و فاصله
    0:11:17
  • رنگ‌بندی متون و نمایش
    0:06:20
  • چیدمان، ترازبندی و Flex
    0:10:21
  • کلاس‌های کمکی کار با متون
    0:14:56

  • استفاده از SASS
    رایگان 0:09:41
  • آشنایی با تنظیمات
    0:07:17
  • رنگ‌بندی‌ها و متغیرهای CSS
    0:08:34
  • شخصی‌سازی کامپوننت‌ها
    رایگان 0:07:06

  • طراحی صفحه اصلی – طراحی منو و اسلایدر
    0:09:18
  • طراحی صفحه اصلی – آماده‌سازی بخش محصولات
    0:06:46
  • طراحی صفحه اصلی – نهایی‌سازی محصولات و پاصفحه
    0:08:50
  • طراحی صفحه محصول
    0:07:02
  • طراحی صفحه سبد خرید و صفحه ثبت سفارش
    0:09:12

  • آموزش بوت استرپ – طراحی صفحات وب با Bootstrap 5

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

2,190,000 تومان
438,000 تومان
80% تخفیف
ثبت‌نام در دوره
این دوره شامل:
11 فصل آموزشی
7 ساعت ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/09
آخرین به‌روزرسانی: 2026-10-29 15:04:56
تعداد امتیازها: 0
تعداد دانشجو: 0
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: