×
ribbon

آموزش رایگان بوت استرپ 5 (Bootstrap)

مدرس:وب ‌پروگ

علی شیخ

توییتر در سال 2011 بوت استرپ (Bootstrap) را توسعه داد و در همان سال به عنوان نوعی فریمورک... بیشتر
4.7 (139)
53 دیدگاه
13,877دانشجو
12ساعت
سرفصل‌ها

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

آموزش بوت استرپ

آموزش طراحی سایت واکنشگرا

آموزش نحوه کار با بوت استرپ در وب

آموزش رایگان بوت استرپ به صورت کاربردی

این دوره شامل:

12 ساعت ویدئو

1 فایل ضمیمه قابل دانلود

دسترسی مادام‌العمر به محتوای دوره

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

8 فصل65 جلسه12 ساعت ویدیو
فصل اول: آشنایی با بوت استرپ
  معرفی بوت استرپ
11:01
  بررسی وب‌سایت بوت استرپ
07:49
  الگوی شروع‌کننده (starter template)
17:30
فصل دوم: چیدمان (layout)
  نقاط شکست (breakpoints)
16:18
  grid - بخش اول
14:41
  grid - بخش دوم
15:31
  grid - بخش سوم
15:15
  columns - بخش اول
14:04
  columns - بخش دوم
08:46
  gutters
09:55
فصل سوم: محتوا (content)
  راه‌اندازی مجدد و تایپوگرافی (reboot and typography)
14:20
  تصاویر و ارقام (images and figures)
06:23
  جدول‌‌ها (tables) - بخش اول
07:01
  جدول‌‌ها (tables) - بخش دوم
13:36
فصل چهارم: Forms
  ّForm Control
15:28
  Select
04:12
  Check and Radio
12:32
  دامنه (Range)
03:51
  گروه ورودی (input group)
11:22
  برچسب شناور (floating labels)
05:53
  چیدمان (layout)
16:54
  اعتبارسنجي (validation) - بخش اول
13:19
  اعتبارسنجي (validation) - بخش دوم
10:39
فصل پنجم: Utilities
  فاصله‌گذاری (spacing)
12:21
  رنگ و پس زمینه (color and background)
07:27
  حاشیه و نمایشگر (border and display)
12:33
  Flex
13:55
  مفهوم interaction و overflow
06:06
  موقعیت (position)
12:06
  سایه‌ها و اندازه‌ها (shadows and sizing)
04:52
  متن (text)
09:27
  تراز کردن عمودی و دید (vertical align and visibility)
03:36
Components
  Buttons
11:36
  Buttons Group
08:44
  List Group
12:11
  Collapse
14:03
  Alert & Close Button
12:06
  Badge
04:34
  Breadcrumb
04:35
  Card بخش اول
11:11
  Card بخش دوم
13:54
  Accordion
09:47
  Carousel
15:23
  Dropdowns بخش اول
11:24
  Dropdowns بخش دوم
11:49
  Modal
17:58
  Nav و Tabs
10:36
  navbar بخش اول
15:01
  navbar بخش دوم
13:41
  Offcanvas
09:15
  Pagination
05:53
  Popovers
10:17
  Progress
07:41
  Scrollspy
21:53
  Spinner
06:57
  toast
15:34
  Tooltip
07:22
Bootstrap Icon
  Bootstrap Icon
07:38
پروژه
  Header
13:38
  Section اول
14:41
  Section دوم
19:32
  Section سوم
11:12
  Section چهارم
08:53
  Section پنجم
09:47
  سخن پایانی
05:47

پیش‌نیاز‌ها

ازآنجایی‌که در بوت استرپ با کدهای CSS و HTML زیاد سروکار خواهید داشت، آشنایی کافی با CSS3 و HTML5 از جمله مفاهیم پیش‌نیاز این دوره در نظر گرفته شده است. البته دانش کافی در زمینه responsive layout و flex box نیز درک شما را نسبت به این دوره آموزشی بالا می‌برد. اما درصورتی‌که با این دو مورد آشنایی ندارید، می‌توانید به‌صورت هم‌نیاز، یعنی با شروع دوره آموزشی رایگان بوت استرپ، یادگیر مفاهیم responsive layout و flex box را شروع کنید. نکته قابل‌توجه اینجاست که سرعت یادگیری این دو مفهوم را باید نسبت به بوت استرپ کمی افزایش دهید تا زمانی که مقدمات بوت استرپ به پایان می‌رسد شما نیز به همه مفاهیم پیش‌نیاز این دوره تسلط کافی پیدا کرده باشید.

توضیحات دوره

توییتر در سال 2011 «بوت استرپ» (Bootstrap) را توسعه داد و در همان سال به‌عنوان نوعی فریمورک توسعه وب در GitHub منتشر شد. Bootstrap نوعی فریمورک منبع آزاد فرانت‌اند برای توسعه صفحات وب سریع و واکنشگرا برای دستگاه‌های تلفن همراه است. Bootstrap محبوب‌ترین چارچوب برای سازگاری با تمام مرورگرهای مدرن مانند Firefox ،Chrome ،Opera ،Safari ،Edge و غیره به‌حساب می‌آید. دوره آموزش بوت استرپ مکتب خونه با هدف آموزش این فریمورک محبوب تهیه و تدوین شده است. در ادامه به معرفی دوره آموزش رایگان بوت استرپ خواهیم پرداخت و در بخش بیشتر بدانید اطلاعات کاملی از Bootstrap را ارائه خواهیم داد.

معرفی دوره آموزش بوت استرپ

دوره آموزش بوت استرپ مکتب خونه با هدف آموزش نسخه ٥ این فریمورک تهیه و تدوین شده است. این دوره در ٥ فصل و ١٢ ساعت محتوا آموزشی به کاربران ارائه می‌شود و در آن دانشجویان و متقاضیان یادگیری بوت استرپ می‌توانند به‌صورت عملی و پروژه محور نحوه کار با این فریمورک محبوب فرانت‌اند را یاد بگیرند.

کاربرد دوره آموزش بوت استرپ 5 چیست؟

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

این یک دوره آموزشی جامع اما رایگان از بوت استرپ 5 بوده که در مکتب ‌خونه عرضه شده است. ازاین‌رو هرآنچه که درباره بوت استرپ 5 نیاز دارید بدانید در این دوره، در 5 فصل مختلف و حدود 6 ساعت آموزش مفید ارائه خواهد شد.

هدف از یادگیری دوره آموزش رایگان بوت استرپ چیست؟

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

دوره آموزش بوت استرپ مناسب چه کسانی است؟

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

البته اگر قبلاً هم با بوت استرپ 4 یا نسخه‌های قبلی کار کرده‌اید همچنان این دوره آموزش رایگان بوت استرپ 5 برایتان کاربردی خواهد بود. چراکه جزئیات این نسخه را به‌صورت اصولی درک کرده و در میان طراحی دچار سردرگمی نخواهید شد.

بعد از فراگیری دوره آموزش رایگان بوت استرپ چه مهارت‌هایی کسب خواهید کرد؟

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

پیش‌نیاز اصلی دوره آموزش بوت استرپ چیست؟

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

برای رفع پیش‌نیازهای خود جهت یادگیری بوت استرپ می‌توانید از دوره‌های آموزش جاوا اسکریپت و آموزش html css مکتب خونه استفاده کنید. در مکتب خونه دوره‌های آموزش رایگان و پولی زیادی برای این هدف وجود دارد که نیاز شما را پوشش خواهد داد.

دیدگاه کاربران

4.7

بر اساس امتیاز 139 دانشجو

1
2
3
4
5

زهرا باقریان

16 روز پیش

5

هنوز موفق نشدم کاملش کنم ولی یه دوره کامل و عالیه ممنون از استاد عزیز

ایلیا بازیار

1 ماه پیش

5

شاهکار

فیروزه

6 ماه پیش

5

دوره ی خیلی خوب و کاملی هست ممنون از استاد عزیز و سایت خوبتون🙃🙏

دانشجوی دوره

8 ماه پیش

5

تدریستون واقعا عالی و با جزییات هست. درود برشما اقای شیخ .ممنون از زحماتی که میکشید

یلدا آرین

11 ماه پیش

5

عالی توضیح میدین، با حوصله و دقیق و برنامه ریزی شده. درود بر شما و همواره تندرست و موفق باشید.

دانشجوی دوره

11 ماه پیش

5

سلام خیلی عالی اموزش دادین ممنون که سریع صحبت میکنید :-D

19دوره
46,707دانشجو
817نظر و امتیاز

علی شیخ در سال ۱۳۹۴ در رشته مهندسی کامپیوتر فارغ‌التحصیل شد و به عنوان برنامه‌نویس وب در شرکت معدنی و صنعتی چادرملو شروع به کار کرد. تخصص اصلی ایشان در زبان‌های جاوا اسکریپت و php است. وی به دلیل این که به آموزش علاقه زیادی داشت، تصمیم به راه‌اندازی وب‌سایتی در این زمینه به نام وب پروگ گرفت و اکنون از سال 1398 تاکنون توانسته‌است سهم کوچکی در آموزش به افراد علاقه‌مند به برنامه‌نویسی را داشته باشد.

مهارت‌هایی که می‌آموزید

دوره‌های مشابه

دیگر دوره‌های علی شیخ

سوالات پرتکرار

آیا ممکن است برخی جلسات یک درس ناقص باشند؟

معمولا تمامی جلسات هر درس به‌طور کامل ضبط می‌شوند؛ اما گاهی به دلیل برخی ناهماهنگی‌ها ممکن است یک یا چند جلسه ضبط نشده باشد. جزئیات این موارد در توضیحات هر درس درج شده است.

اگر لینک دانلود یا پخش ویدئو مشکل داشت، چه کاری باید انجام داد؟

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

آیا می‌توان ویدئوهای یک درس را به‌صورت سی‌دی یا دی‌وی‌دی از شما تهیه کرد؟

در حال حاضر امکان ارسال دروس به‌صورت سی‌دی یا دی‌وی‌دی وجود ندارد و همه محتواها به شکل آنلاین ارائه می‌شوند.