×
زمان تقریبی انتشار: ۶ تا ۱۴ هفته

آموزش کار با Bootstrap 5 برای طراحی صفحات وب - پیش ثبت نام

آموزش کار با Bootstrap 5 برای طراحی صفحات وب - پیش ثبت نام

درخواست اطلاع رسانی انتشار این آموزش
وضعیت انتشار: در حال هماهنگی
زمان تقریبی انتشار: ۶ تا ۱۴ هفته (برای ۹۰ درصد آموزش‌های این مرحله)
این آموزش در صف شروع ضبط است و به زودی در فرادرس ارائه عمومی آن آغاز خواهد شد. شما می‌توانید با پیش ثبت نام در این آموزش، در اولین زمان، از انتشار نهایی این آموزش مطلع شوید.
آموزش کار با Bootstrap 5 برای طراحی صفحات وب - پیش ثبت نام

امروزه، طراحی رابط کاربری، یکی از نقاط قوت یک وب‌سایت محسوب می‌شود. به صورت ساده می‌توان گفت که هرچقدر رابط کاربری سایت شما زیبا، شکیل و کاربر پسند باشد، همان‌قدر میزان موفقیت وب‌سایت شما نیز بالا‌تر است. شما می‌توانید با استفاده از فریمورک Bootstrap، استایل‌ها و کامپوننت‌هایی که در اختیارتان قرار می‌گیرد، به سادگی رابط کاربری مورد نظر خود را طراحی کنید. در این فرادرس نیز، ما به بررسی کامپوننت‌ها و کلاس‌ها موجود در بوت‌استرپ می پردازیم و یاد میگیریم که چگونه می‌توانیم، رابط کاربری مورد نظر خود را طراحی کنیم.

آموزش کار با Bootstrap 5 برای طراحی صفحات وب - پیش ثبت نام

درخواست اطلاع رسانی انتشار این آموزش
وضعیت انتشار: در حال هماهنگی
زمان تقریبی انتشار: ۶ تا ۱۴ هفته (برای ۹۰ درصد آموزش‌های این مرحله)
این آموزش در صف شروع ضبط است و به زودی در فرادرس ارائه عمومی آن آغاز خواهد شد. شما می‌توانید با پیش ثبت نام در این آموزش، در اولین زمان، از انتشار نهایی این آموزش مطلع شوید.
مدرس
سید رضا هاشمیان

کارشناسی مهندسی فناوری اطلاعات (IT) - برنامه‌نویسی تحت وب

ایشان به عنوان برنامه‌نویس تحت وب فعالیت خود را آغاز کرده و همچنین به عنوان مدرس، در موسسه‌های آموزشی مختلف به تدریس تکنولوژی‌ها و زبان‌های برنامه‌نویسی تحت وب می‌پردازند. 

توضیحات تکمیلی

امروزه، طراحی رابط کاربری، یکی از نقاط قوت یک وب‌سایت محسوب می‌شود. به صورت ساده می‌توان گفت که هرچقدر رابط کاربری سایت شما زیبا، شکیل و کاربر پسند باشد، همان‌قدر میزان موفقیت وب‌سایت شما نیز بالا‌تر است. به منظور طراحی رابط کاربری یک وب‌سایت، روش‌های مختلفی وجود دارد. عده‌ای از از برنامه‌نویسان، به منظور طراحی رابط کاربری خود، به صورت مستقیم از دستورات CSS و عده‌ای هم از کتابخانه‌ها و چارچوب‌های آماده برای طراحی رابط کاربری استفاده می‌کنند.

استفاده از یک چارچوب یا کتابخانه آماده، به شما کمک می‌کند تا بتوانید در زمان کمتری، رابط کاربری زیباتری را طراحی کرده و در اختیار کاربران قرار دهید. همچنین، استفاده از کتابخانه‌های آماده و یا چارچوب‌های نرم‌افزاری ارائه شده به شما کمک می‌کند تا بتوانید از تعداد بالایی کامپوننت و المان از پیش طراحی شده استفاده کنید. به همین منظور است که بسیاری از کاربران، نسبت به استفاده از فریمورک‌ها و کتابخانه‌های طراحی رابط کاربری تاکید بیشتری دارند.


اما شاید برای شما این سوال مطرح شود که منظور از کتابخانه و یا چارچوب نرم‌افزاری چیست؟ در ابتدا باید گفت که بین کتابخانه و چارچوب نرم‌افزاری تفاوت‌هایی وجود دارد. در کتابخانه، شما می‌توانید با فراخوانی فایل‌های لازم، از قطعه کدهای از پیش نوشته شده استفاده کنید ولی ملزم به رعایت اصول خاصی نیستید و کتابخانه برای استفاده از توابع خود، شما را ملزم به رعایت دستورات خاصی نمی‌کند.

چارچوب نرم‌افزاری، مانند کتابخانه، شامل قطعه کد‌های از پیش نوشته شده است اما برای استفاده از یک چارچوب نرم افزاری یا Framework، شما ملزم به رعایت اصول و قوانین آن کتابخانه می‌شوید.


همانگونه که مطرح شد، به منظور طراحی رابط کاربری، کتابخانه و چارچوب‌های نرم‌افزاری متعددی معرفی شده است. یکی از این چارچوب‌های نرم‌افزاری، Bootstrap است. Bootstrap را می توان یکی از رایج‌ترین و پر استفاده‌ترین فریمورک‌های طراحی رابط کاربری دانست که توانسته است تا کنون در پروژه‌ها متعددی، جهت طراحی رابط کاربری مورد استفاده قرار گیرد.


نسخه پنچم فریمورک Bootstrap به تازگی ارائه شده و تغییرات فراوانی را در آن شاهد هستیم، بهبودهای حاصل شده در این فریمورک، به شما کمک می‌کند تا بتوانید با خیال راحت‌تری، نسبت به طراحی رابط کاربری مورد نظر خود اقدام کنید. از مهم‌ترین بهینه‌سازی‌های اتفاق افتاده در این نسخه، می‌توان به بهبودهای ایجاد شده در بخش واکنش‌گرایی یا همان Responsive اشااره کرد. اضافه شدن کلاس‌هایی به منظور استایل‌دهی متون، قابلیت استفاده از mixinها، توانایی استفاده از توابع و… از جمله تغییراتی است که در این نسخه ارائه شده است.


در نسخه ۵ این فریمورک محبوب، دو تغییر بزرگ را شاهد هستیم، اولین تغییر، توقف استفاده از jQuery است. در این نسخه از Boostrap، شما دیگر نیازی به فراخوانی jQuery ندارید. دومین تغییر، تغییر شبکه Grid موجود در Bootstrap است که طی این تغییر ایجاد شده، دیگر اندازه‌ها بر اساس px نبوده و مبنای محاسبات rem است.


شما می‌توانید با استفاده از فریمورک Bootstrap، استایل‌ها و کامپوننت‌هایی که در اختیارتان قرار می‌گیرد، به سادگی رابط کاربری مورد نظر خود را طراحی کنید. در این فرادرس نیز، ما به بررسی کامپوننت‌ها و کلاس‌ها موجود در بوت‌استرپ می پردازیم و یاد میگیریم که چگونه می‌توانیم، رابط کاربری مورد نظر خود را طراحی کنیم.

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: شروع به کار
    • نصب و استفاده از Bootstrap
    • استفاده از نسخه RTL
  • درس دوم: شخصی‌سازی و بهینه‌سازی Boostrap
    • استفاده از SASS
    • آشنایی با تنظیمات
    • رنگ‌بندی‌ها
    • متغیرهای CSS
    • شخصی‌سازی کامپوننت‌ها
  • درس سوم: چیدمان و Layout
    • آشنایی با شبکه Grid
    • نحوه تعریف ستون‌ها و مقداردهی اندازه هر ستون
    • آشنایی با کلاس‌های کمکی
  • درس چهارم: امکانات کار با محتوا
    • کلاس‌های کار با نوشته‌ها و تایپوگرافی
    • کار با تصاویر
    • کلاس‌های کار با جداول
    • کلاس‌های کمکی کار با Figureها
  • درس پنجم: فرم‌ها
    • کلاس input‌های فرم
    • آشنایی با Input group
    • آشنایی با اعتبارسنجی فرم‌ها
  • درس ششم: کامپوننت‌ها
    • آکاردئون‌ها
    • هشدارها
    • کار باBadge یا نشان
    • کار با Breadcrumb
    • کار با دکمه‌ها
    • آشنایی با Button group
    • کار با Card
    • آشنایی و کار با Carousel
    • کار با Close button
    • کار با Collapse
    • کار با Dropdowns
    • کار با List group
    • کار با Modal
    • کار با Tab
    • کار با Navbar
    • کار با Offcanvas
    • کار با Pagination
    • کار با Popovers
    • کار با Progress
    • کار با Scrollspy
    • کار با Spinners
    • کار با Toasts
    • کار با Tooltips
  • درس هفتم: آشنایی و کار با کلاس‌های کمکی یا Helper
  • درس هشتم: آشنایی و کار با Utilities
  • درس نهم: پروژه نهایی و پیاده‌سازی قالب یک وب‌سایت فروشگاهی با Bootstrap 5
    • طراحی صفحه اصلی
    • طراحی صفحه محصول
    • طراحی صفحه سبد خرید
    • طراحی صفحه ثبت سفارش
مفید برای رشته‌های
  • طراحی سایت





اطلاعات تکمیلی

نام آموزش آموزش کار با Bootstrap 5 برای طراحی صفحات وب - پیش ثبت نام
ناشر فرادرس
کد آموزش FVBOT005
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)






نظرات

در حال حاضر، دیدگاهی برای این آموزش ثبت نشده است.
دسته‌بندی موضوعی: طراحی سایت
برچسب‌ها:
bootstrap Utilities | آشنایی با Bootstrap 5 | بهینه سازی Boostrap | بهینه سازی بوت استرپ | شبکه Grid | شخصی سازی Boostrap | شخصی سازی بوت استرپ | فرم ها در بوت استرپ | کار با Breadcrumb | کار با Carousel | کار با Close button | کار با Collapse | کار با Dropdowns | کار با List group | کار با Modal | کار با Navbar | کار با Offcanvas | کار با Pagination | کار با Popovers | کار با Progress | کار با SASS | کار با Scrollspy | کار با Spinners | کار با tab | کار با Toasts | کار با Tooltips | کار با تصاویر | کار باBadge | کامپوننت ها در بوت استرپ | کلاس Helper | نحوه ایجاد آکاردیون در بوت استرپ | نصب Bootstrap | نصب بوت استرپ
مشاهده بیشتر مشاهده کمتر

×
فهرست جلسات ۰ جلسه ویدئویی