قراره تو این دوره چی یاد بگیرم؟

  • کلاس هدر و display و فونت ها و… را می شناسید .
  • با سایر کلاس ها در بوتسترپ آشنا می شوید.
  • با لیست گروپ ها آشنا می شوید.
  • کار با کلاس های فرم ها و فرم گروپ ها را می آموزید.
  • صفحه بندی در بوتسترپ را یاد می گیرید.
  • با سیستم گرید در بوتسترپ آشنا می شوید .
  • و ...

سرفصل های دوره

۱ فصل
۲۷ جلسه
۹ ساعت
۱

لیست ویدئوهای دوره

۲۷ قسمت
۰۸:۵۳:۱۹

قسمت اول- معرفی دوره و توضیح پروژه ها

رایگان
۰۱:۴۶

قسمت دوم-کلاس هدر و display و فونت ها و...

رایگان
۲۴:۲۸

قسمت سوم -ایجاد معماری فانکشنال برای پروژه و واکشی اطلاعات از دیتابیس

۱۴:۳۲

قسمت چهارم -کلاس float , fixtop و ...

۱۷:۴۲

قسمت پنجم-کلاس های عرض و ارتفاع و border آموزش ریسپانسو کردن قالب

۱۶:۴۰

قسمت ششم-طراحی انواع دکمه ها در بوت استرپ 4

۲۱:۴۳

قسمت هفتم-طراحی navbar ریسپانسیو

۲۷:۱۱

قسمت هشتم-لیست گروپ ها و ایجاد تب با لیست گروپ

۱۶:۰۳

قسمت نهم - کلاس های فرم ها و فرم گروپ ها

۲۰:۴۹

قسمت دهم -ایجاد جداول و نمایش پیغام ها با کلاس های alert

۱۳:۲۳

قسمت یازدهم -صفحه بندی

۱۳:۴۲

قسمت دوازدهم -کار با انواع card

۳۰:۱۷

قسمت سیزدهم -سیستم گرید

۱۵:۰۵

قسمت چهاردهم -Flexbox-automargin

۲۱:۲۲

قسمت پانزدهم -ساخت اسلایدر

۱۸:۵۷

قسمت شانزدهم -Collapse-Accordion-Tooltips

۲۲:۳۱

قسمت هفدهم -modal

۱۹:۳۵

قسمت هجدهم -پروژه ساخت سایت استاتیک تک صفحه ای

۲۹:۰۹

قسمت نوزدهم -پروژه ساخت سایت استاتیک تک صفحه ای

۳۰:۳۴

قسمت بیستم -پروژه ساخت سایت استاتیک تک صفحه ای

۱۸:۵۳

قسمت بیست و یکم -پروژه ساخت پنل مدیریت

۲۵:۲۵

قسمت بیست و دوم -پروژه ساخت پنل مدیریت

۲۳:۵۳

قسمت بیست و سوم -پروژه ساخت پنل مدیریت

۱۹:۱۲

قسمت بیست چهارم -پروژه ساخت پنل مدیریت

۱۷:۱۲

قسمت بیست و پنجم -پروژه ساخت قالب رزومه شخصی

۲۱:۵۹

قسمت بیست و ششم -پروژه ساخت قالب رزومه شخصی

۱۱:۳۵

قیمت بیست و هفتم -پروژه ساخت قالب رزومه شخصی

۱۹:۴۱

سورس

“آموزش 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 پشتیبانی می‌کند و کاربران می‌توانند بدون نگرانی کتابخانه های خود را به بوت استرپ ۴ آپدیت کنند و به تدریج از امکانات جدید بوت استرپ ۴ استفاده کنند.

Bootstrap

 

سرفصل‌های دوره بوتسترپ:

-معرفی دوره:

  • معرفی دوره و توضیح پروژه ها

-تایپو گرافی:

  • کلاس هدر و display و فونت ها و…
  • ایجاد معماری فانکشنال برای پروژه و واکشی اطلاعات از دیتابیس
  • کلاس float , fixtop و …
  • کلاس های عرض و ارتفاع و border
  • آموزش ریسپانسو کردن قالب

-دکمه ها :

  • طراحی انواع دکمه ها در بوت استرپ 4

-Navbar:

  • طراحی navbar ریسپانسیو

-List group ها:

  • لیست گروپ ها و ایجاد تب با لیست گروپ

-Form group:

  • کلاس های فرم ها و فرم گروپ ها

-جداول و alert:

  • ایجاد جداول و نمایش پیغام ها با کلاس های alert

-صفحه بندی

-Card:

  • کار با انواع card

-سیستم گرید

-Flexbox:

  • Flexbox-automargin

-Collapse-Accordion-Tooltips

-modal

-پروژه اول:

  • پروژه ساخت سایت استاتیک تک صفحه ای

-پروژه دوم:

  • پروژه ساخت پنل مدیریت

-پروژه سوم:

  • پروژه ساخت قالب رزومه شخصی

 

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.

توضیحات بیشتر

مدرس

امین کریمی

امین کریمی مدرس

به عنوان شخصی از روی علاقه و به صورت حرفه ای در زمینه برنامه نویسی وب با زبان برنامه نویسی php فعالیت میکنم ، بسیار علاقه مند
هستم تا تخصصو انگیزه خود را با تیمه شما به اشتراک بگذارم، چند ویژگی بارز من که می تواند در پیشبرد اهداف سازمانی شما مفید باشد
روحیه بالای کار تیمی و علاقه مندی به حل مسایل می باشد ، شخصیت خود انگیخته و پویا به همراه سخت کوشی تاکنون در موفقیت های
حرفه ای من بسیار موثر بوده است.