بوتکمپ بوتاسترپ 4
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یاد میگیرید چگونه وبسایتهای زیبا و واکنشگرا را سریع و بدون دردسر بسازید.
- از جدیدترین قابلیتهای HTML5 ،CSS3 و Flexbox در کنار بوتاسترپ 4 استفاده میکنید.
- به همه کامپوننتهای بوتاسترپ مسلط میشوید.
- از سیستم گرید در بوتاسترپ 4 برای ساخت طرحبندیهای پیچیده و انعطافپذیر استفاده میکنید.
- SASS خودتان را کامپایل میکنید تا بوتاسترپ را سفارشیسازی کنید.
- فایلهای منبع عجیبوغریب بوتاسترپ را بررسی میکنید.
- جزئیات و کاربرد کلاسهای یوتیلیتی جدید بوتاسترپ 4 را یاد میگیرید.
پیشنیازهای دوره
- باید با مبانی HTML و کمی CSS آشنا باشید. نیازی به تخصص ندارید.
- نیازی به تجربه با بوتاسترپ 3 (یا هر نسخه دیگری) ندارید.
توضیحات دوره
بوتاسترپ در حال حاضر پرکاربردترین کتابخانه در کل گیتهاب است و حتی ابزارهایی مثل ریاکت و انگولار را هم پشت سر گذاشته است. این ابزار فوقالعاده محبوب است و دلیل خوبی هم دارد: ساخت وبسایتهای واکنشگرا را بسیار ساده میکند.
این دوره شما را در عرض چند ساعت از یک مبتدی کامل به متخصص بوتاسترپ 4 تبدیل میکند. اگر هم از قبل بوتاسترپ 3 را میشناسید، این دوره یک راهنمای کامل برای همه تغییرات و بهبودهای جدید در بوتاسترپ 4 خواهد بود. زمانی که دوره را تمام کنید، شما به همه کامپوننتها، سیستم گرید قدرتمند و کلاسهای یوتیلیتی کاملاً جدید آن مسلط خواهید شد. در پایان دوره، وبسایتهای کامل و واکنشگرا میسازیم که روی همه دستگاهها ظاهر بسیار خوبی دارند. همچنین یاد میگیریم چگونه SASS بنویسیم و کامپایل کنیم تا نسخه دلخواه خودمان از بوتاسترپ را سفارشیسازی کنیم. علاوه بر این، چون بوتاسترپ 4 اکنون بر پایه Flexbox ساخته شده، در طول مسیر زمان زیادی را هم صرف یادگیری جزئیات و کاربردهای Flexbox خواهیم کرد.
آنچه دوره را خاص میکند؟
بیشتر دورههای بوتاسترپ الگوی مشابهی دارند: «ببین من کدنویسی میکنم. ببین من x را انجام میدهم. ببین من y را انجام میدهم». اما هیچ فرصتی برای تمرین واقعی چیزی که میبینید وجود ندارد. این دوره متفاوت است. هر بخش دستکم یک تمرین، فعالیت یا آزمون دارد تا هرچه سریعتر وارد مرحله تمرین شوید. گاهی موکاپهایی به شما نشان میدهیم و از شما میخواهیم طرحبندی را خودتان بازسازی کنید. گاهی هم کدهایی عمداً خراب به شما میدهیم و از شما میخواهیم آنها را فیکس کنید. همه فعالیتها بر اساس تجربه ما در آموزش بوتاسترپ در کلاس طراحی شدهاند و هدفشان این است که شما را درگیر نگه دارند و به یادگیری ادامه دهید.
برای اینکه این دوره را به بهترین دوره بوتاسترپ موجود تبدیل کنیم، زمان و انرژی زیادی صرف کردهایم. ویدئوی پیشنمایش را ببینید یا در دوره شرکت کنید و خودتان ببینید چرا بوتاسترپ در حال حاضر محبوبترین کتابخانه فرانتاند است. این ابزار توسعه وبسایتهای زیبا را فوقالعاده ساده میکند و حتی تا حدی لذتبخش است.
این دوره برای چه کسانی مناسب است؟
- کسی که میخواهد بوتاسترپ 4 را برای ساخت سریع وبسایتهای واکنشگرا و زیبا به خوبی یاد بگیرد.
- کسی که بوتاسترپ 3 را میشناسد و میخواهد دانش خود را به بوتاسترپ 4 ارتقا دهد.
بوتکمپ بوتاسترپ 4
-
خوشآمدگویی و معرفی دوره 02:48
-
مقدمهای بر بوتاسترپ 08:16
-
آیا سایتهای بوتاسترپ همه شبیه هم هستند؟ 05:53
-
مقایسه بوتاسترپ 3 و 4 05:40
-
مقدمهای بر ویرایشگر من - ویژوال استودیو کد 05:33
-
استفاده از Emmet 05:26
-
آزمون سریع Emmet (اختیاری) None
-
افزونه Live Server 06:05
-
اختیاری - تم و رنگهای من 03:56
-
مستندات بوتاسترپ 4 02:54
-
گنجاندن بوتاسترپ 4 11:20
-
اولین تمرین شما - مقدمه 03:46
-
اولین تمرین شما - راهحل 03:57
-
رنگها 09:27
-
دکمهها 09:53
-
آزمون رنگها و دکمهها None
-
تایپوگرافی 14:04
-
Jumbotrons 10:46
-
مقدمه تمرین 05:20
-
راهحل تمرین 09:21
-
نقاط شکست بوتاسترپ 4 07:11
-
ابزار Display 11:16
-
بوردرها و سایهها 06:49
-
مارجین و Padding 12:46
-
مقدمه تمرین 03:10
-
راهحل تمرین 04:22
-
کنترلهای فرم 14:20
-
چکباکسها و Form Checks 05:47
-
ورودیهای سفارشی 08:30
-
گروههای ورودی و آیکونها 10:40
-
فرمهای خطی 04:24
-
مقدمه تمرین 04:45
-
راهحل تمرین 18:22
-
کامپوننت ناوبری 06:11
-
Flexbox و ناوبریها 13:18
-
بررسی اختیاری Flexbox 08:08
-
نوارهای ناوبری 13:39
-
مطالب بیشتر درباره نوارهای ناوبری 10:05
-
باز هم درباره نوارهای ناوبری 05:39
-
مقدمه تمرین 02:31
-
راهحل تمرین 10:48
-
مقدمهای بر گرید 10:56
-
گرید واکنشگرا 07:39
-
ترازبندی گرید 09:44
-
افستها و تودرتوسازی 10:05
-
فرمها و گرید 08:29
-
مقدمه تمرین 05:33
-
راهحل تمرین 06:18
-
گروههای لیست 09:09
-
مبانی کارتها 13:58
-
کارتها با تصویر 08:39
-
طرحبندی کارتها 07:26
-
نشانها 05:22
-
Breadcrumbs 03:56
-
گروههای دکمه 05:21
-
صفحهبندی 06:23
-
نوارهای پیشرفت 06:20
-
هشدارها 07:26
-
Tooltips 07:34
-
پاپاورها 05:35
-
منوهای کشویی 10:12
-
Collapse و آکاردئونها 13:45
-
مودالها 06:58
-
Scrollspy 07:52
-
کاروسلها 14:12
-
مقدمه تمرین 04:34
-
راهحل تمرین 09:51
-
مقدمهای بر SASS و Koala 07:21
-
آشنایی با فایلهای منبع بوتاسترپ 09:15
-
سفارشیسازی رنگها 12:42
-
مقدمهای بر Aurora Grove 04:28
-
راهاندازی SASS 08:01
-
افزودن نوار ناوبری 13:13
-
ساخت بخش Showcase 11:47
-
افزودن یک Overlay 06:02
-
بخش آیکونها و درباره ما 05:55
-
بررسی و تجربه 05:08
-
افزودن نقلقولها 05:12
-
کاروسل تصاویر 07:30
-
گالری شبکههای اجتماعی 05:08
-
فوتر و فرم تماس با ما 08:21
-
مودال رزرو 12:41
-
Museum of Candy - بخش 1 05:16
-
Museum of Candy - بخش 2 14:01
-
Museum of Candy - بخش 3 12:41
-
Museum of Candy - بخش 4 16:39
-
Museum of Candy - بخش 5 09:41
مشخصات آموزش
بوتکمپ بوتاسترپ 4
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:87
- مدت زمان :11:42:20
- حجم :9.85GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی