بوت استرپ (bootstrap) چیست؟
بوت استرپ (bootstrap) یک فریم ورک طراحی وب سایت است که در ابتدا توسط توسعه دهندگان توییتر برای استفاده داخلی ایجاد شد. bootstrap پس از مدتی در دسترس عموم قرار گرفت و به مجموعه‌ای مناسب از ابزارها برای توسعه رابط‌های کاربری با هر میزان پیچیدگی تبدیل شد.
به زبان ساده بوت استرپ مجموعه ای از دستورات html و css و javascript است که از قبل توسط توسعه دهندگان آماده شده و ما با استفاده از کد های از پیش نوشته شده توسط توسعه دهندگان بوت استرپ میتونیم در زمان کوتاهی هر گونه وبسایتی با هر میزان پیچیدگی رو در قالب یک ساختار صحیح و استاندارد پیاده سازی کنیم.
چه سایت هایی رو میشه با بوت استرپ طراحی کرد؟
همونطوری که گفتم هر قالبی با هر میزان پیچیدگی رو میشه با بوت استرپ پیاده سازی کرد ، به عنوان مثال میتونیم سایت های فروشگاهی ، سایت‌های شرکتی ، سایت‌های خبری ، سایت های شخصی ، سایت های آموزشی ، پنل‌های مدیریت ، قالب‌های سیستم های مدیریت محتوا مثل وردپرس و… و هر نوع سایت دیگه ای رو با بوت استرپ پیاده سازی کنیم.
چرا باید از بوت استرپ استفاده کنیم؟
دلایل زیادی واسه استفاده از بوت استرپ برای طراحی سایت وجود داره ، استفاده از بوت استرپ این امکان رو به طراحان سایت ها میده که سایتی طراحی کنند که علاوه بر داشتن ظاهر کاربر پسند و جذاب ، دارای چارچوبی استاندارد باشه.
بوت استرپ با کلاس ها و توابع و دستورات مناسبی که از قبل ایجاد کرده به برنامه نویس ها و توسعه دهنده های قالب وب سایت ها کمک میکنه تا با صرف زمان کمتر ، بتونن سایتی مطابق با استاندارد های جهانی طراحی بکنن
یادگیری بوت استرپ خیلی خیلی ساده است ، به شرط اینکه پیش نیازهاش رو به خوبی بلد باشی ، خب حالا پیش نیاز های دوره چیه؟ باید دوره های زیر رو دیده باشین و بهش مسلط باشید
- دوره html و css (کانال یوتیوب نکست وان کد)
- دوره فلکس باکس (کانال یوتیوب نکست وان کد)
- دوره انیمیشن در وب (کانال یوتیوب نکست وان کد)
- دوره طراحی وب ریسپانسیو (کد تخفیف برای تهیه این دوره : bs50off )
به اعتقاد من برنامه نویسی و طراحی وب رو فقط با زدن پروژه های واقعی و رو به رو شدن با چالش های واقعی میشه یاد گرفت ، توی این دوره پروژه هایی زده میشه تا شما بوت استرپ رو به صورت کاملا پروژه محور یاد بگیرید و بهش مسلط بشید.
توی این دوره جدید ترین نسخه ای که در حال حاضر از بوت استرپ موجود هست یعنی نسخه 5.2 آموزش داده شده
بله قطعا ، هر بار که نسخه ی جدیدی از بوت استرپ منتشر بشه ، این دوره هم اپدیت میشه و تمام اپدیت ها به صورت رایگان در اختیار دانشجویان عزیز قرار میگیره.
به دانشجویان دوره یه ایدی تلگرام داده میشه که میتونید هر گونه سوال یا ابهامی داشتید رو از مدرس دوره بپرسید،پس خیالتون از این بابت هم راحته که هیچ سوالی از شما بی جواب باقی نمیمونه.
دانلود ویدئو ها
توی این بخش میتونید ویدئو ها رو به صورت فصل به فصل به صورت یکجا دانلود کنید
برای مشاهده لینک های دانلود اینجا کلیک کنید
پشتیبانی دوره
پشتیبانی دوره در تلگرام
آیدی پشتیبانی دوره
سرفصل های دوره
معرفی دوره و پیش نیاز ها و شروع کار با بوت استرپ
1 - پیش نیاز های دوره
2 - معرفی سایت رسمی بوت استرپ
3 - اضافه کردن بوت استرپ به پروژه - روش اول
4 - اضافه کردن بوت استرپ به پروژه - روش دوم
utilities
5 - bg color
6 - text color
7 - border
8 - interaction
9 - overflow , opacity
10 - position
11 - shadow
12 - sizing
13 - spacing
14 - text
15 - visibility
16 - flex
components
17 - button
18 - collapse
19 - accordion
20 - close btn
21 - offcanvas
22 - modal
23 - carousel
24 - button group
25 - dropdown
26 - navs & tabs
27 - navbar 1
28 - navbar 2
29 - pagination
30 - progress
31 - spinner
32 - badge
33 - list group
34 - card
content
35 - rebot & typography
36 - figures & images
37 - table 1
38 - table 1
form
39 - form control
40 - select
41 - checks & radios
42 - range
43 - input group
44 - floating label
layout
45 - breakpoints
46 - container
47 - Grid- equal width col
48 - Grid- unequal width col
49 - Grid- col-auto
50 - Grid- col-breakpoint
51 - Grid- col-breakpoint-num
52 - Grid- row-cols
53 - Grid- nesting
54 - columns - flex props on col
55 - columns - offset
56 - gutters
57 - hide on special breakpoint
پروژه پایانی دوره
58 - project introduction
59 - bootstrap icon
60 - project structure
61 - navbar
62 - navbar
63 - navbar
64 - navbar
65 - navbar
66 - navbar
67 - website for illustration
68 - intro section
69 - can everyone section
70 - course section
71 - sourse section
72 - counter section
73 - counter section
74 - faq section
75 - services section
76 - services section
77 - pricing section
78 - footer section
79 - footer wave
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- نظر واقعیت رو در مورد دوره بنویس ، تا بقیه با خوندن کامنت ها بهتر بتونن واسه شرکت توی دوره ها تصمیم بگیرن
499,000 تومان
shayan Sharifi( دانشجوی دوره )
دوره رو کامل دیدم و عالی بود فقط قسمت هایی که کم کاربرد تر بودن رو آموزش ندادید اگه میشه اون قسمت ها رو هم توی یه فصل جدید دیگه اضافه کنید 💙💙
میلاد بهرامی(مدیریت)
سلام شایان جان ، خیلی ممنونم ازت
تقریبا تمام قسمت های پر کاربرد رو توضیح دادم ، بخش های کمی که توضیحی در موردش ندادم استفادش توی پروژه های واقعی خیلی کم بوده
ولی بازم هر زمانی شما توی یه بخشی از بوت استرپ مشکلی داشتید با کمال میل در خدمتتون هستم و پاسخگوی سوالاتتون هستم.
بهادر خواجه میری( دانشجوی دوره )
سلام و تشکر مجدد 😊
استاد تو فصل 4 قسمت 35 نیست. تو بارگذاری جامونده یا شماره‌گذاری اشتباه شده؟ اگه جامونده لطفاً بذارینش. ممنون 🙏
میلاد بهرامی(مدیریت)
سلام بهادر جان ، وقتتون بخیر ، توی شماره گذاری اشتباه شده
farzanehnorouzi( دانشجوی دوره )
سلام استاد مبحث validationاز بخشformها رو نگفتین قراربودهم بگین
فرزانه نوروزی( دانشجوی دوره )
سلام وقت بخیر
استاد مبحث validaitionاز بخشformهارو اموزش ندادین ایا اموزشش رو نمیزارین
اشکان محمدپور( دانشجوی دوره )
سلام استاد
اشکان محمدپور( دانشجوی دوره )
استاد فصل هفت بخش اول دانلودش مشکل داره !!
میلاد بهرامی(مدیریت)
سلام اشکان جان ، یه بار دیگه بررسی کنید ، لینک دانلود اصلاح شد
لادن حضرتی( دانشجوی دوره )
سلام ممنون بابت دوره عالیتون🌸
فصل هفتم کِی آپلود میشه؟
میلاد بهرامی(مدیریت)
سلام م عرض ادب
بالای صفحه توی بخش دانلود ویدئو ها لینک های دانلود فصل 7 قرار داره
اگه نتونستید پیدا کنید لینک ها رو به ایدی پشتیبانی دوره توی تلگرام پیام بدین
Samira Vaeidi( دانشجوی دوره )
سلام وقت بخیر
ممنون از تدریس خوب تون ولی ایدی پشتیبانی کار نمیکنه انگار لطفا چک کنید ممنون
سید امیرحسین سجادی نژاد
میشه در کتار اموزش های جذاب فرانتتون بک اند هم آموزش بدید؟مثل php یا nodejs
پرهام دانش نژاد( دانشجوی دوره )
دوره عالی بود استاد⭐⭐⭐⭐⭐
اگه میتونید دوره php هم قرار بدید🙏🏻🌸