00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD
ثبت‌نام رایگان
  • دسترسی به کل جلسات ویدیویی از دوره
  • دسترسی به کل جلسات ویدیویی از دوره
  • اضافه شدن دوره به پروفایل
00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD

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

دوره‌های رایگان
32 جلسه
98٪ (348 رای)

کاربرد دوره آموزش رایگان بوت استرپ 5 (Bootstrap) چیست؟

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

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

 

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

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

 

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

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

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

 

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

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

سرفصل‌های دوره آموزش رایگان بوت استرپ 5 (Bootstrap)

فصل اول: آشنایی با بوت استرپ
00:36 ساعت
00:36
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

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

معرفی بوت استرپ
"11:01
بررسی وب‌سایت بوت استرپ
"07:49
الگوی شروع‌کننده (starter template)
"17:30
فصل دوم: چیدمان (layout)
01:34 ساعت
01:34
Combined Shape Created with Sketch. 7 جلسه
نمایش جلسات فصل  

در فصل دوم که به layout یا چیدمان پرداخته شده است شما با مفاهیم اصولی breakpoints و containerها آشنا شده و سپس آموزش‌های grid ،column و gutter به طور مفصل مورد بررسی قرار می‌گیرد. در مجموع این فصل شامل 7 قسمت خواهد بود.

نقاط شکست (breakpoints)
"16:18
grid - بخش اول
"14:41
grid - بخش دوم
"15:31
grid - بخش سوم
"15:15
columns - بخش اول
"14:04
columns - بخش دوم
"08:46
gutters
"09:55
فصل سوم: محتوا (content)
00:41 ساعت
00:41
Combined Shape Created with Sketch. 4 جلسه
نمایش جلسات فصل  

فصل سوم دوره آموزش رایگان بوت استرپ 5 شامل content یا محتوای موردنظر است که در 4 قسمت مجزا به آموزش کامل تصاویر و اشکال مختلف، reboot و تایپوگرافی و جداول پرداخته می‌شود.

راه‌اندازی مجدد و تایپوگرافی (reboot and typography)
"14:20
تصاویر و ارقام (images and figures)
"06:23
جدول‌‌ها (tables) - بخش اول
"07:01
جدول‌‌ها (tables) - بخش دوم
"13:36
فصل چهارم: Forms
01:34 ساعت
01:34
Combined Shape Created with Sketch. 9 جلسه
نمایش جلسات فصل  

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

ّ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
01:22 ساعت
01:22
Combined Shape Created with Sketch. 9 جلسه
نمایش جلسات فصل  
استاد دوره
علی شیخ علی شیخ

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

درباره برگزارکننده
وب ‌پروگ وب ‌پروگ (اطلاعات بیشتر)

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

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

آموزش HTML و CSS
اطلاعات بیشتر

نظرات  (3 نظر)

امیر
13:51 - 1400/07/15
کاربر‌ سایت
دوره خوبیه و کاربردیه. کمک زیادی در ریسپانسیو بهم کرد ، ممنون بابت ضبط دوره.
کاربر مکتب‌خونه
14:08 - 1400/06/24
کاربر‌ سایت
سلام من تا فصل دو رو دیدم با تشکر از شما فقط مشکلی که هست ، خیلی سریع و گذرا توضیح میدند ، حالا نمیدونم همه قسمت ها اینجوریه یا قسمت های اول.در هر صورت ممنون
محمد
21:25 - 1400/06/20
کاربر‌ سایت
دوره خوبی هست و کاربردی و استفاده کردم. با تشکر

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

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

اطلاعات بیشتر

بوت استرپ 5 چیست؟

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

به هنگام برنامه‌نویسی وب حتماً به جایی می‌رسیم که به طراحی فرم‌ها، تب‌ها، دکمه‌ها و... نیازمند خواهیم شد. این طراحی‌ها که شامل دستورات CSS ،HTML و جاوا اسکریپت است و توسط مجموعه ابزارهای رایگانی به نام Bootstrap انجام‌پذیر خواهد بود. البته که طراحی دستی این المان‌های مختلف امکان‌پذیر خواهد بود اما این بوت استرپ است که نه‌تنها سرعت طراحی را افزایش می‌دهد بلکه باعث می‌شود طراحی شما به‌صورت کاملاً استاندارد و با طراحی کاربرپسندتری پیش برود.

حال اینکه بوت استرپ 5 نسخه‌ای از آن است که امروزه در میان برنامه‌نویسان وب کاربرد بیشتری داشته و دلیل آن هم امکانات و ویژگی‌هایی است که به آن اضافه شده است. این ویژگی‌ها عبارت‌اند از:

  • عدم پشتیبانی از اینترنت اکسپلورر
  • عدم نیاز به کتابخانه jQuery
  • بهبود فرم‌ها و NavBar
  • فونت‌های استاندارد و بهینه‌تر
  • به‌روزرسانی برخی از کلاس‌های موجود
  • و...

 

بوت استرپ 5 چه تفاوتی با بوت استرپ 4 دارد؟

همان‌طور که می‌دانید نسخه 5 این ابزار رایگان وب بهبودیافته نسخه قبلی خود یعنی نسخه 4 است. به‌طورکلی زمانی که یک نسخه جدید از کتابخانه، ابزارها، اپلیکیشن‌ها و... منتشر می‌شود بدین معناست که نه‌تنها خطاهای نسخه قبلی از پوشش داده شده بلکه ویژگی‌های جدید برای بهبود عملکرد آن‌ها نیز افزوده شده است. بوت استرپ 5 نیز از این قاعده مستثنا نبوده و با به‌روزرسانی از نسخه 4 به نسخه 5 همان‌طور که ذکر شده، برخی فرم‌ها، فونت‌ها و کلاس‌ها نیز به‌روز شده و ویژگی‌های جدیدی به آن افزوده گردیده است.

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

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

×

ثبت نظر

به این دوره از ۱ تا ۵ چه امتیازی می‌دهید؟

فصل اول: آشنایی با بوت استرپ
00:36 ساعت
00:36
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

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

معرفی بوت استرپ
"11:01
بررسی وب‌سایت بوت استرپ
"07:49
الگوی شروع‌کننده (starter template)
"17:30
فصل دوم: چیدمان (layout)
01:34 ساعت
01:34
Combined Shape Created with Sketch. 7 جلسه
نمایش جلسات فصل  

در فصل دوم که به layout یا چیدمان پرداخته شده است شما با مفاهیم اصولی breakpoints و containerها آشنا شده و سپس آموزش‌های grid ،column و gutter به طور مفصل مورد بررسی قرار می‌گیرد. در مجموع این فصل شامل 7 قسمت خواهد بود.

نقاط شکست (breakpoints)
"16:18
grid - بخش اول
"14:41
grid - بخش دوم
"15:31
grid - بخش سوم
"15:15
columns - بخش اول
"14:04
columns - بخش دوم
"08:46
gutters
"09:55
فصل سوم: محتوا (content)
00:41 ساعت
00:41
Combined Shape Created with Sketch. 4 جلسه
نمایش جلسات فصل  

فصل سوم دوره آموزش رایگان بوت استرپ 5 شامل content یا محتوای موردنظر است که در 4 قسمت مجزا به آموزش کامل تصاویر و اشکال مختلف، reboot و تایپوگرافی و جداول پرداخته می‌شود.

راه‌اندازی مجدد و تایپوگرافی (reboot and typography)
"14:20
تصاویر و ارقام (images and figures)
"06:23
جدول‌‌ها (tables) - بخش اول
"07:01
جدول‌‌ها (tables) - بخش دوم
"13:36
فصل چهارم: Forms
01:34 ساعت
01:34
Combined Shape Created with Sketch. 9 جلسه
نمایش جلسات فصل  

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

ّ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
01:22 ساعت
01:22
Combined Shape Created with Sketch. 9 جلسه
نمایش جلسات فصل