هیچ دوره ای در سبد آموزش شما وجود ندارد
“آموزش Bootstrap4 در قالب سه پروژه عملی و کاربردی”
Bootstrap چیست؟
وقتی می‌خواهیم یک صفحه وب را طراحی کنیم باید از طریق html، css ، jquery و… صفحه مورد نظر را کدنویسی کنیم، حال اگر بخواهیم یک صفحه وب را در سریع‌ترین شکل ممکن به صورت واکنش گرا طراحی کنیم بهترین گزینه استفاده از Bootstrap است چون ابزاری‌هایی را در اختیار ما قرار میدهد که روند طراحی و کدنویسی را سریع‌تر می‌کند.
طراحی قالب یک وبسایت از پایه زمان‌بر است حتی برای کسانی که چندین سال کار کد نویسی قالب انجام داده‌اند و به زبان‌های html، css، جاوا اسکریپت و… تسلط دارند، تعدادی از طراحان و توسعه‌دهندگان سایت معروف توییتر در جهت رفع این مشکل، فریم ورکی به نام بوت استرپ ارائه کردند که طراحی صفحات وب را برای توسعه دهندگان و طراحان وب آسان‌تر کرد که در حال حاضر تعداد زیادی از طراحان صفحات وب از فریم ورک بوت استرپ استفاده می‌کنند.
آموزش پیشنهادی
ویژگی‌های جدید Bootstrap ورژن 4 :
- تغییر از LESS به SASS
- بهبود یافتن سیستم Grid
- پشتیبانی توکار از Flex box
- اضافه شدن ویژگی جدید Cards
- ثابت شدن تمام HTML Reset ها داخل یک ماژول جدید با نام Reboot
- قابلیت سفارشی سازی مدرن
- توقف پشتیبانی از IE8 و IE9 و استفاده از واحدهای em و rem
- بازنویسی مجدد پلاگین‌های جاوا اسکریپت در بوت استرپ 4
- بهبود یافتن مکان قرارگیری خودکار tooltip و popover
- بازنویسی تمام مستندات
- اما در بین این ویژگی‌های اضافه شده در سیستم فریم ورک، یک ویژگی خاص برای کاربران وجود دارد که از آن می‌توان به عنوان یک ویژگی منحصر بفرد در این نسخه نام برد. بوت استرپ 4 از بوت استرپ 3 پشتیبانی می‌کند و کاربران می‌توانند بدون نگرانی کتابخانه های خود را به بوت استرپ ۴ آپدیت کنند و به تدریج از امکانات جدید بوت استرپ ۴ استفاده کنند.
سرفصل‌های دوره بوتسترپ:
-معرفی دوره:
- معرفی دوره و توضیح پروژه ها
-تایپو گرافی:
- کلاس هدر و display و فونت ها و…
- ایجاد معماری فانکشنال برای پروژه و واکشی اطلاعات از دیتابیس
- کلاس float , fixtop و …
- کلاس های عرض و ارتفاع و border
- آموزش ریسپانسو کردن قالب
-دکمه ها :
- طراحی انواع دکمه ها در بوت استرپ 4
-Navbar:
- طراحی navbar ریسپانسیو
-List group ها:
- لیست گروپ ها و ایجاد تب با لیست گروپ
-Form group:
- کلاس های فرم ها و فرم گروپ ها
-جداول و alert:
- ایجاد جداول و نمایش پیغام ها با کلاس های alert
-صفحه بندی
-Card:
- کار با انواع card
-سیستم گرید
-Flexbox:
- Flexbox-automargin
-Collapse-Accordion-Tooltips
-modal
-پروژه اول:
- پروژه ساخت سایت استاتیک تک صفحه ای
-پروژه دوم:
- پروژه ساخت پنل مدیریت
-پروژه سوم:
- پروژه ساخت قالب رزومه شخصی
شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.
سجاد اسدی دانشجوی دوره
این دوره فوق العاده بوت استرپ را بطور کامل پوشش میدهد
Mahdi3421 دانشجوی دوره
سلام خسته نباشید اما واقعا دوره ی خوبی نیست
karimif1999 دانشجوی دوره
ممنون از شما اما حقیقتا دوره ضعیفی بود
پوریا
با سلام
برای ساخت قالب که راست به چپ و چپ به راست برای سایت چند زبانه پشتیبانی بکند ، پیشنهاد میکنید از flexbox بوت استرپ استفاده بشود یا از grid ؟ یا چنانچه فریمورک css دیگری برای این هدف وجود دارد متشکر میشوم نام ببرید.
با تشکر
meteor64
واقعا یکی از ضعیف ترین دوره ها بود.توضیحات ناقص ،عدم تسلط مدرس ،کیفیت پایین و…
ممنون میشم دوره ها رو قبل از انتشار بررسی تخصصی کنید
حسین
صدای این آموزش چرا اینقدر ضعیفه
پشتیبان نگینانی
سلام بررسی شد کیفیت صدا مشکلی نداره پلیرتون رو عوض کنید از kmplayer استفاده کنید ممنون
مهدی روحانی
سلام
زبان PHP یا ASP در این دوره تاثیری دارد؟
بنده ASP کار میکنم.
پشتیبان نگینانی
سلام خیر مربوط به html و css هست که واسه طراحی قالب میتونید ازش استفاده کنید.
مهدی روحانی
بخاطر این میپرسم که 3 پروژه انجام شده، پروژه های انجام شده حالت فقط دمو دارند؟
پشتیبان نگینانی
پروژه هاش فقط طراحی قالبه
امین کریمی مدرس دوره
با سلام اين دوره طراحي ظاهر و فرانت اند هست , بك اند رو ميتونيد روي هر زباني پياده سازي كنيد php asp nodejs ruby …
عرفان
سلام آیا بر اساس نسخه RTL آموزش داده شده؟
امین کریمی مدرس دوره
سلام ، خیر rtl رو خودمون انجام میدیم و از نسخه اصلی بوت استرپ استفاده شده
مسعود
این آموزش بر اساس نسخه نهایی است یا بتا؟
اسما رادفر
سلام
بله نسخه نهایی هست