دوره ی اموزش کامل bootstrap 4 (بوت استرپ ۴) به صورت رایگان

چگونه با bootstrap 4 ( وت استرپ ۴ ) سایت های حرفه ای طراحی کنیم ؟

دوره ی اموزش کامل bootstrap 4 (بوت استرپ 4)

آیا با بوت استرپ میتوان سایت های ریسپانسیو و حرفه ای طراحی کرد ؟

به سادگی شما با فراگیری بوت استرپ میتوانید سایت هایی ریسپانسیو یا واکنشگرا که در دیوایس های مختلف مانند گوشی های هوشمند ، تبلت ها و صفحات کامپیوتری ظاهر های مختلفی داشته باشد را طراحی کنید.

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

بوت استرپ دارای مزایا و معایبی است که در کل و طی بررسی هایی که در دوره ی bootstrap و مقدمات این دوره انجام داده ایم به نتیجه ی مثبت رسیدیم که یادگیری ان بسیار کاربردی است.

شما هنگامی که بوت استرپ را بلد باشید ، میتوانید انواع سایت ها را طراحی کنید ، اکثر طراح های حرفه ای نیز برای سرعت بخشیدن به کار خود از بوت استرپ استفاده میکنند ، اکثر افراد مبتدی راحت تر میتوانند با bootstrap سایت طراحی کنند.

پیش نیاز های یاد گیری دوره bootstrap 4 چیست ؟

شما برای یاد گیری bootstrap 4 به هیچ پیش نیازی نیاز نخواهید داشت ، این دوره بصورت کاملا واضح توضیح داده شده است ، در ویدیوهای این دوره اموزش های لازم برای html, css و جاوا اسکریپت برای شما قرار داده شده است.

بعد از یاد گیری بوت استرپ برای حرفه ای تر کردن سایت خود به یاد گیری زبان هایی مانند جاوا اسکریپت ، php و یا angularjs نیاز خواهید داشت که با کلیک بر روی اموزش جاوااسکریپت ، اموزش php و اموزش angularjs میتوانید به این اموزش ها دسترسی داشته باشید.

ایا کدپز ویدیوی اموزشی در این باره قرار خواهد داد ؟

تیم کدپز به شما این امید را میدهد که این دوره بصورت کاملا رایگان باشد و همچنین اموزش های ویدیوی در سریعترین فرصت ممکن بعد از پست ها قرار بگیرند .

آیا دوره ی ویدیویی پروژه محور خواهد بود یا بصورت مبحث به مبحث ؟

این نوید به شما داده میشود که در ابتدا به بررسی تک به تک مباحث می پردازیم و بعد در یک دوره ی رایگان و کاملا ساده به شما طراحی سایت با (bootstrap) بوت استرپ را اموزش خواهید داد.

هنگامی که شما تک به تک مباحث را یاد بگیرید یاد گیری باقی مباحث برای شما ساده خواهد بود.

در این دوره به اموزش چه مباحثی خواهیم پرداخت ؟

قسمت اول bootstrap : اموزش نصب بوت استرپ + ویدیو

  • بوت استرپ چیست؟
  • ریسپانسیو یا واکنشگرا چیست؟
  • تفاوت بوت استرپت ۳ با بوت استرپ ۴
  • چرا از بوت استرپ استفاده کنیم؟
  • چگونه بوت استرپ را نصب کنیم؟
  • افزودن فایل های cdn bootstrap
  • دانلود بوت استرپ
  • ساخت اولین صفحه با استفاده از بوت استرپ ۴
  • ویدیوی این قسمت

قسمت دوم bootstrap : مفاهیم مقدماتی بوت استرپ + ویدیو

  • تقسیم بندی در bootstrap 4
  • کلاس های تقسیم بندی
  • ساختار پایه تقسیم بندی بوت استرپ ۴
  • سه ستون برابر
  • ستون های واکنشگرا
  • دو ستون نابرابر واکنشگرا
  • ویدیوی این قسمت

قسمت سوم bootstrap : نحوه ی تعریف انواع تایپوگرافی در بوت استرپ

  • ساختار های پیش فرض bootstrap 4
  • تگ های h1 تا h6
  • بخش های نمایش
  • تگ small
  • تگ mark
  • تگ abbr
  • تگ blockqoute
  • تگ dl
  • تگ code
  • تگ kbd
  • تگ pre
  • ویدیوی این قسمت

قسمت چهارم bootstrap :چگونه از انواع رنگ در بوت استرپ استفاده کنیم؟

  • رنگ های متن
  • رنگ های پس زمینه
  • ویدیوی این قسمت

قسمت پنجم bootstrap :چگونه با بوت استرپ جدول طراحی کنیم؟

  • جدول ساده
  • ردیف های راه راه
  • جدول مرز بندی شده
  • افکت در هنگام اشاره موس
  • جدول سیاه و سفید
  • جدول مشکی و راه راه
  • افکت موس در حالت تیره
  • جدول بدون حاشیه دور
  • کلاسهای متنی
  • جداول کوچک
  • جداول ریسپانسیو یا واکنشگرا
  • ویدیوی قسمت پنجم

قسمت ششم bootstrap : استایل دادن به عکس ها در بوت استرپ

  • تصاویر با حاشیه گرد
  • قاب گرد
  • عکس بند انگشتی
  • تراز بندی عکس ها
  • قرار گیری تصویر در وسط صفحه
  • عکس های واکنشگرا
  • ویدیوی قسمت ششم

قسمت هفتم bootstrap : جومبوترن ( Jumbotron ) چیست و چگونه تعریف میشود ؟

  • ساخت jumbotron
  • jumbotron تمام صفحه
  • ویدیوی قسمت هفتم

قسمت هشتم bootstrap : هشدار ها یا Alerts در بوت استرپ چگونه ساخته میشوند ؟

  • هشدارهای بوت استرپ ۴
  • افزودن لینک به هشدارها
  • افزودن انیمیشن به هشدارها
  • ویدیوی قسمت هشتم

قسمت نهم bootstrap : نحوه ی تعریف دکمه ها در بوت استرپ ۴

  • استایل دکمه ها در بوت استرپ ۴
  • طرح دیگری از دکمه ها
  • سایز دکمه ها
  • تمام عرض
  • فعال یا غیرفعال !
  • دکمه های چرخش

قسمت دهم bootstrap : نحوه ی تعریف گروه دکمه ها در بوت استرپ ۴

  • گروه دکمه ها
  • دکمه بزرگ :
  • دکمه عادی
  • دکمه کوچک
  • گروه دکمه های عمودی
  • منوهای گروهی و دکمه های کشویی
  • تقسیم دکمه کشو
  • گروه دکمه های عمودی با دکمه کشویی
  • گروه های دکمه ای

قسمت یازدهم bootstrap : نحوه ی تعریف نشانها در بوت استرپ ۴

  • نشانها
  • نشان های متنی
  • نشان های قرصی شکل

ویدیوهای قسمت نهم ، دهم و یازدهم به با کمی تاخیر در سایت قرار خواهند گرفت.

بابت تاخیر در قرارگیری به موقع اموزشها از کاربران عزیزی که مارا یاری میکردند بسیار پوزش میطلبیم . پیشنهاد میشود تا تکمیل اموزش های بوت استرپ از سایر اموزش ها مانند اموزش جامع انگولار جی اس یا اموزش صفر تا صد php استفاده کنید.

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

منبع اصلی اموزش bootstrap ( بوت استرپ ) چه سایتی است ؟

ما سعی بر این داریم تا اموزش هایی که از سایت اصلی getbootstrap.com است را ترجمه کنیم و با دانش خود به ان نقش و رنگ دهیم تا بصورت کاملا ساده و روان و کاربردی برای شما عزیزان قرار داده شود.

بیشتر بخوانید!

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

شاید گذراندن دوره ی رایگان و جامع انگولار جی اس برای شما عزیزان مفید باشد.

راه های ارتباطی

توجه داشته باشید، اگر چه آموزش ها به نحوی آماده سازی شده اند که جوابگوی تمامی سوالات شما عزیزان باشد، اما به هر حال ما در کنار شماییم و راه های ارتباطی با ما نیز همیشه باز خواهد بود. و شما نیز می توانید از طریق تلگرام و یا کامنت ها در پایان جلسات سوال های خود را مطرح نمایید.

موفق باشید