طراحی سایتآموزش بوت استرپ ۵ برای طراحی سایت | Bootstrap 5
امتیاز دوره
6.3 از 8
1769
تعداد دانشجویان
۹۷۹٬۰۰۰تومان%90
۹۷٬۹۰۰تومان
اطلاعات کلی دوره
مدت زمان دوره06:19:59
تعداد جلسات58
عودت وجهدارد
آزموندارد
گواهینامهدارد
قابلیت دانلود یکجاداردتعداد آزمون شما0امتیاز دوره
6.3 از 8
درباره مدرس
مهدیه حاجی اسفندیاریمهدیه حاجی اسفندیاری هستم . طراح وب و دارای 2 سال سابقه تدریس دانشجویی و دانشجو کارشناسی نرم افزار هستم . خوشحالم از اینکه در این دوره در خدمت شما دانشجویان و علاقمندان به طراحی وب هستم . جهت ارتباط با من : ایمیل m.hajiesfandiyary@gmail.com
- سرفصل ها
- فایل ها
معرفی دوره
00:04:52نصب و راه اندازی بوت استرپ واستفاده از نسخه راست چین
00:17:39آشنایی با کلاس های Heading , Display , Load
00:03:31آشنایی با کلاس های list
00:02:46آشنایی با کلاس های Blockquotes
00:02:38آشنایی با کلاس ها Text Aligment
00:04:17آشنایی با کلاس های Text Wrapping
00:01:41آشنایی با کلاس های Word Break
00:01:41آشنایی با کلاس های Text Transform
00:01:42آشنایی با کلاس های Font Size
00:01:55آشنایی با کلاس های Font Weight , italic
00:03:53آشنایی با کلاس های Line Height
00:02:34آشنایی با کلاس های Font Monospace
00:01:37آشنایی با کلاس های Reset Color
00:01:24آشنایی با کلاس های Text Dicoration
00:01:32آشنایی با کلاس های Color
00:03:16آشنایی با کلاس های Backgrand
00:03:55اولین تمرین عملی
00:07:24آشنایی با کلاس های BreakPoint
00:12:06آشنایی با کلاس های Media Queries
00:06:19آشنایی با کلاس های Margin & Padding
00:06:55آشنایی با کلاس های Sizing
00:06:58آشنایی با کلاس های Borders
00:07:54آشنایی با کلاس های Display
00:07:38آشنایی با کلاس های Flaot
00:04:30آشنایی با کلاس های Position
00:16:14آشنایی با کلاس های Vertical Align
00:03:12آشنایی با کلاس های Shadows , Visibility
00:03:07آشنایی با کلاس های Interactions
00:03:52آشنایی با کلاس های Overflow
00:02:35آشنایی با کلاس های Felx-1
00:10:11آشنایی با کلاس های Felx-2
00:12:16آشنایی با کلاس های Grid System
00:14:20آشنایی با کلاس های Image
00:05:25آشنایی با کلاس های Table
00:06:34آشنایی با کلاس های Close button
00:02:23آشنایی با کلاس های Buttons
00:08:09آشنایی با کلاس های Buttons Group
00:07:17آشنایی با کلاس های Badge
00:02:52آشنایی با کلاس های Progress
00:06:09آشنایی با کلاس های Pagination
00:06:20آشنایی با کلاس های Alerts
00:06:01آشنایی با کلاس های List Group
00:13:24آشنایی با کلاس های Tooltip
00:06:29آشنایی با کلاس های Popovers
00:07:56آشنایی با کلاس های Drop Downs
00:07:30آشنایی با کلاس های Bread Crumb
00:03:33آشنایی با کلاس های Modal
00:14:34آشنایی با کلاس های Collaps
00:07:53آشنایی با کلاس های Nav and Tabs
00:09:55آشنایی با کلاس های Carousel
00:12:33آشنایی با کلاس های Navbar
00:10:17آشنایی با کلاس های Scrollspy
00:03:19آشنایی با کلاس های Card
00:11:40آشنایی با کلاس های Accordion
00:08:15آشنایی با کلاس های Forms
00:13:42آشنایی با کلاس های Spinners
00:07:58آشنایی با کلاس های Validation
00:03:27
دانلود یکجا
توضیحات دوره
آموزش بوت استرپ ۵ برای طراحی سایت | Bootstrap 5
اگر با HTML و CSS آشنا هستید و می‌خواهید طراحی صفحات وب را سریع‌تر و منظم‌تر انجام دهید، آموزش بوت استرپ ۵ برای طراحی سایت | Bootstrap 5 می‌تواند شما را با بخش مهمی از امکانات این فریم‌ورک آشنا کند. Bootstrap مجموعه‌ای از کلاس‌ها و کامپوننت‌های آماده را در اختیار توسعه‌دهنده قرار می‌دهد تا بتواند بخش‌های مختلف صفحات وب را با سرعت بیشتری پیاده‌سازی و برای نمایش در اندازه‌های مختلف صفحه تنظیم کند.
این دوره آموزش Bootstrap 5 را از معرفی و نصب شروع می‌کند و سپس به سراغ کلاس‌های کاربردی، طراحی واکنش‌گرا، سیستم Grid و Componentهای مختلف می‌رود. از نظر محتوای آموزشی، دوره از مباحث پایه شروع می‌شود و تا بخش قابل‌توجهی از امکانات کاربردی Bootstrap 5 پیش می‌رود.
Bootstrap 5 چیست و چه کاربردی دارد؟
Bootstrap یک فریم‌ورک محبوب برای توسعه رابط کاربری و طراحی صفحات وب است که مجموعه‌ای از کلاس‌های آماده برای استایل‌دهی، چیدمان و ایجاد عناصر مختلف در اختیار شما قرار می‌دهد.
یکی از کاربردهای مهم Bootstrap، طراحی سایت واکنش‌گرا (Responsive Web Design) است. با استفاده از امکاناتی مانند Breakpoint، Media Queries، Flex و Grid System می‌توان چیدمان عناصر صفحه را برای اندازه‌های مختلف نمایشگر تنظیم کرد.
در این دوره چه چیزهایی یاد می‌گیریم؟
در این آموزش Bootstrap 5 ابتدا با نحوه نصب و راه‌اندازی Bootstrap و استفاده از نسخه راست‌چین آشنا می‌شوید و سپس مباحث مختلف آن را مرحله‌به‌مرحله دنبال می‌کنید.
برخی از مباحث اصلی دوره عبارت‌اند از:
- آشنایی با کلاس‌های Heading، Display و List
- کار با Text Alignment، Text Wrapping و Word Break
- کار با Text Transform، Font Size، Font Weight و Line Height
- استفاده از Color و Background
- آشنایی با Breakpoint و Media Queries
- کار با Margin و Padding
- کار با Sizing، Border و Display
- آشنایی با Float، Position و Vertical Align
- کار با Shadows، Visibility و Overflow
- استفاده از Flex
- آشنایی با Grid System در Bootstrap 5
- کار با تصاویر و جداول
- ساخت Buttons و Button Groups
- کار با Badge، Progress و Pagination
- ایجاد Alerts و List Group
- کار با Tooltip و Popover
- ایجاد Dropdown و Breadcrumb
- کار با Modal و Collapse
- استفاده از Nav و Tabs
- ایجاد Carousel و Navbar
- آشنایی با Scrollspy
- کار با Card و Accordion
- ایجاد Forms
- آشنایی با Spinners و Validation
همچنین در طول دوره یک تمرین عملی نیز ارائه می‌شود تا برخی از مباحث آموزش‌داده‌شده را در عمل تمرین کنید.
این دوره برای چه کسانی مناسب است؟
این دوره جزئی از دوره های دپارتمان طراحی سایت است و برای افرادی مناسب است که با مبانی HTML و CSS آشنایی دارند و می‌خواهند استفاده از Bootstrap را در طراحی صفحات وب یاد بگیرند.
همچنین اگر در مسیر یادگیری طراحی سایت و Front-End هستید و قصد دارید به‌جای پیاده‌سازی بخشی از استایل‌ها و چیدمان‌ها از ابتدا، با کلاس‌ها و Componentهای آماده Bootstrap کار کنید، این دوره می‌تواند مکمل مناسبی برای مهارت‌های HTML و CSS شما باشد.
آیا این دوره پیش‌نیاز دارد؟
بله. پیش‌نیازهای اصلی دوره HTML و CSS هستند. برای درک بهتر بعضی از قابلیت‌های تعاملی Bootstrap، آشنایی با JavaScript می‌تواند مفید باشد، اما JavaScript در صفحه دوره به‌عنوان پیش‌نیاز اصلی معرفی نشده است.
اگر هنوز با HTML آشنا نیستید، می‌توانید ابتدا آموزش جامع HTML را دنبال کنید و سپس سراغ Bootstrap بروید. برای یادگیری مباحث مربوط به استایل‌دهی صفحات نیز آموزش CSS از صفر برای طراحی سایت می‌تواند پیش‌نیاز مناسبی باشد.
اطلاعات دوره Bootstrap 5
این دوره شامل ۵۸ جلسه با مجموع زمان حدود ۶ ساعت و ۲۰ دقیقه است. صفحه دوره دارای آزمون و گواهینامه است و امکان دانلود یکجای دوره نیز وجود دارد.
در مجموع، این آموزش روی استفاده عملی از کلاس‌ها و امکانات Bootstrap 5 تمرکز دارد و مباحثی مانند Responsive Design، Grid، Flex Components، Forms و Utility Classes را پوشش می‌دهد.
