دوره کامل بوت‌استرپ ۴ _ ساخت ۳ پروژه

ضبط شده

یک دوره کامل Bootstrap 4 برای مبتدیان. مبانی Bootstrap 4 را با ۳ پروژه تسلط پیدا کنید.

امتیاز دوره

هنوز امتیاز ندارد

زیرنویس فارسی و انگلیسی

ماراد، مرکز آموزش از راه دور

زندگی فعال
35 اپیزود
5 ساعت و 11 دقیقه

درباره دوره اپیزود ها توضیحات تکمیلی اطلاعات استاد کامنت ها

در این دوره چه چیز هایی می آموزید؟

درک کامل از کد بوت‌استرپ ۴

قادر خواهید بود که به تنهایی مستندات را بخوانید.

طراحی صفحات وب ریسپانسیو با بوت‌استرپ ۴

اپیزودها

اپیزود 1 مقدمه‌ای بر دوره

4 دقیقه

اپیزود 2 ابزارهایی که به آن‌ها نیاز خواهید داشت (همه ابزارهای رایگان و چندسکویی)

7 دقیقه

در این ویدیو ما Atom و یک مرورگر برای کار کردن نصب خواهیم کرد.

اپیزود 3 نصب دستی بوت‌استرپ

11 دقیقه

نصب بوت‌استرپ ۴ با دانلود فایل‌های CSS و JS

اپیزود 4 نصب CDN بوت‌استرپ - توصیه شده

6 دقیقه

نصب بوت‌استرپ ۴ با لینک کردن فایل‌های CSS و JS به صورت آنلاین، معروف به لینک‌گذاری CDN

اپیزود 5 بخش ۲ مقدمه

3 دقیقه

معرفی درباره آنچه در این بخش در پیش است

اپیزود 6 مبانی تگ‌های متنی در بوت استرپ ۴

11 دقیقه

بیایید با تگ‌های متنی مانند H1 تا H6 در بوت‌استرپ ۴ شروع کنیم

اپیزود 7 بیشتر در مورد متون

8 دقیقه

متنی مانند پاراگراف و نمایش ۱ می‌تواند مفیدتر باشد

اپیزود 8 مدیریت تصاویر در بوت‌استرپ ۴

9 دقیقه

بیایید به برخی از کلاس‌های داخلی برای تصاویر نگاهی بیندازیم

اپیزود 9 پروژه - صفحه فرود تماشا

13 دقیقه

اولین پروژه ما یک صفحه فرود ساعت است

اپیزود 10 پروژه - صفحه فرود و تماشا - افزودن تصویر کوچک

7 دقیقه

بیایید صفحه فرود ساعت را کامل کنیم

اپیزود 11 بخش ۳: مقدمه

3 دقیقه

مقدمه‌ای درباره آنچه در این بخش در پیش است

اپیزود 12 ظرف و ظرف‌های مایع

6 دقیقه

انتقال به مخازن و مخازن مایع

اپیزود 13 نقاط شکست رسانه‌ای در بوت‌استرپ ۴

11 دقیقه

نقاط توقف رسانه به ما کمک می‌کند تا CSS را بر اساس عرض صفحه نمایش تغییر دهیم

اپیزود 14 مبناهای شبکه ۱۲ ستونی

10 دقیقه

بوت‌استرپ دارای یک سیستم شبکه ۱۲ ستونی است که در این ویدیو به آن می‌پردازیم.

اپیزود 15 محتوای شبکه با عرض متغیر

6 دقیقه

بیایید ببینیم آیا می‌توانیم اندازه ستون‌ها را بر اساس اندازه صفحه نمایش تغییر دهیم

اپیزود 16 تغییر طرح‌بندی‌ها در صفحات نمایش مختلف

8 دقیقه

علاوه بر این، ما در صفحه نمایش‌های مختلف، چیدمان ستونی متفاوتی خواهیم داشت.

اپیزود 17 تراز کردن آیتم‌ها در فلیکس باکس

11 دقیقه

مبانی فلیکس باکس و تمرکز بر روی ویژگی تراز کردن آیتم

اپیزود 18 تراز کردن محتوا در فلکسباکس

8 دقیقه

حرکت به سمت یک ویژگی مهم دیگر در فلکس باکس، محتوای تراز کردن

اپیزود 19 قابلیت‌های فلکس و تو در تو کردن شبکه‌ها

12 دقیقه

بیایید از این ویژگی‌های فلیکس باکس برای تراز کردن و درون هم‌نشینی شبکه‌ها استفاده کنیم

اپیزود 20 پروژه ۲ - کد فوق‌العاده است

14 دقیقه

حالا بیایید از دانش طراحی شبکه برای بهتر کردن صفحه فرود خود استفاده کنیم

اپیزود 21 پروژه ۲ - کد فوق‌العاده نهایی

11 دقیقه

به پایان رساندن پروژه

اپیزود 22 مقدمه بخش 4

3 دقیقه

مقدمه‌ای درباره‌ آنچه در این بخش در پیش است

اپیزود 23 رنگ‌ها در بوت‌استرپ ۴

10 دقیقه

بررسی طرح رنگ پایه در بوت‌استرپ مانند رنگ‌های اصلی، اطلاعات و خطر

اپیزود 24 دکمه‌ها در بوت‌استرپ ۴

6 دقیقه

نگاهی به انواع مختلف دکمه‌ها

اپیزود 25 Jumbotron در بوت‌استرپ ۴

8 دقیقه

جیمبوترون مانند یک ناحیه قهرمان در بوت استرپ است. این ناحیه به سرعت توجه را به صفحه جلب می‌کند.

اپیزود 26 رنگ‌های نوار ناوبری و ناوبری

12 دقیقه

ناوبار به‌طور کامل در بوت‌استرپ ۴ بازنویسی شده و ما به استایل‌های پایه و رنگ آن نگاهی خواهیم انداخت

اپیزود 27 یک نوار ناوبری سفارشی کامل، بخش ۱

11 دقیقه

بیایید یک نوار ناوبری سفارشی بسازیم

اپیزود 28 یک نوار ناوبری سفارشی کامل قسمت ۲

10 دقیقه

به پایان رساندن نوار ناوبری سفارشی با منوهای کشویی

اپیزود 29 کروسل در بوت‌استرپ ۴

12 دقیقه

وب‌سایت‌های مدرن به طور فراوان از اسلایدرها یا کُرُسل‌ها در بوت‌استرپ استفاده می‌کنند. بیایید یاد بگیریم که چگونه از آن‌ها استفاده کنیم.

اپیزود 30 بخش ۵ مقدمه

3 دقیقه

معرفی درباره آنچه در این بخش در پیش است

اپیزود 31 کارت‌های پایه در بوت‌استرپ

10 دقیقه

کارت‌ها معرفی جدیدی در بوت‌استرپ 4 هستند، بیایید اصول کارت‌ها را یاد بگیریم

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

13 دقیقه

اکنون بیایید با استفاده از آن‌ها یک کارت را در یک بخش تصویر افقی پیاده‌سازی کنیم

اپیزود 33 پروژه - ورود مدال

13 دقیقه

مقدمه‌ای بر مدال‌ها در بوت‌استرپ ۴

اپیزود 34 پروژه - ایجاد مدال

12 دقیقه

مدال دارای 2 مرحله برای کار کردن است، در این ویدیو ما با عنصر تریگر کار خواهیم کرد.

اپیزود 35 پروژه - پنجره ورود به پایان رسید.

9 دقیقه

در نهایت، بیایید پنجره مدال ورود را تمام کنیم و همچنین از فرم‌های ورودی استفاده کنیم.

اکشن های دوره

شرکت در دوره : 51,000 تومان

توضیحات دوره

به آموزش کامل Bootstrap 4 با ۳ پروژه خوش آمدید.

Bootstrap چیست؟

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

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

این دقیقاً همان چیزی است که Bootstrap است.

قبل از یادگیری Bootstrap 4 به چه دانشی نیاز دارم؟

اولین نکته، این دوره یک دوره کامل است و به هیچ نسخه قبلی Bootstrap وابسته نیست. اگرچه، مقداری HTML و CSS نیاز دارید. ما به موضوعاتی مانند اینکه تگ body چه کاری انجام می‌دهد یا چگونه می‌توانید یک پاراگراف با کلاس خاصی را در CSS انتخاب کنید، نمی‌پردازیم.

این دوره‌ای است که بعد از اینکه آموزش‌های پایه‌ای HTML و CSS خود را تمام کردید، کاملاً مناسب است.

در این دوره چه چیزهایی پوشش داده خواهد شد؟

این دوره شامل ۳ موضوع اصلی است.

Bootstrap 4 به‌صورت عمیق
مراحل ایجاد پروژه‌ها از ابتدا
توانایی خواندن مستندات

این ۳ نکته ممکن است واقعاً ساده به نظر برسند اما اینها بلوک‌های بنیادی برای شروع به عنوان یک توسعه‌دهنده وب هستند. هدف ما این است که شما را مطمئن کنیم که نحو Bootstrap 4 را بفهمید. سپس با هم پروژه‌هایی خواهیم ساخت تا بتوانید کل جریان کار ایجاد صفحات فرود و وب‌سایت‌ها را درک کنید. همچنین به بررسی پیدا کردن موارد مناسب از طریق جستجو در مستندات Bootstrap 4 خواهیم پرداخت. عناصر جدیدی مانند کارت‌ها و media queries نیز مورد بررسی قرار خواهد گرفت.

در اینجا چیزهای زیادی برای یادگیری وجود دارد، در دوره شما را ملاقات می‌کنم.

دانشجویان دیگر خریده اند