اموزش بوت استرپ

اموزش بوت استرپ 5 (5 Bootstrap)

اموزش بوت استرپ (آموزش بوت استرپ 5)

معرفی

اگر دوست داری دیزاین سایتت رو سریع تر طراحی کنی و از کامپوننت های بوت استرپ استفاده کنی، همراه من باش. قول 100% می‌دم بهت که آموزش بوت استرپ 5 برات مفید باشه.

دوره اموزش بوت استرپ مناسب چه کسانی است؟

دوره اموزش بوت استرپ مخصوص کسانی هست که میخواهند یاد بگیرند چطور می‌شود با استفاده از بوت استرپ، دیزاین UI پروژهای تحت وب را پیاده سازی کرد و فرانت استانداردتری ایجاد کرد.

دوره آموزش بوت استرپ به صورت کامل و تضمینی پاسخگوی نیاز بازار کار برای شما خواهد بود. پس از پایان دوره بوت استرپ شما قادر خواهید بود که به صورت کامل UI یک پروژه تحت وب رو با استفاده از بوت استرپ پیاده سازی کنید.

آخر دوره اموزش بوت استرپ چه کاره می‌شم؟

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

پیش نیاز باید چیزی بلد باشم؟

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

انتقال تجربه

احتمال بعد از تحقیق در اینترنت و دیدن کلی ویدیو آموزشی سوال هایی توی ذهنت به وجود اومده. اگر سوال‌هایی ذهنتو مشغول کرده که دید درستی نسبت به پاسخش نداری، مثلا پرسشهایی از جنس:

  • نقشه راه من در برنامه نویسی چیه؟
  • برای یادگیری بوت استرپ چه پیش‌نیازی لازم هست؟
  • چطوری تئوری هایی که بهم میگن رو در پروژه به کار ببرم؟
  • حتما باید تحصیلات دانشگاهی داشته باشم؟
  • اگر بخوام برای web برنامه نویسی کنم باید چیا بلد باشم؟
  • من n سالم هست، حالا یا عدد کم یا زیاد ؛ مثلا من 12 سالم هست آیا میتونم برنامه نویسی یاد بگیرم ؟
  • یا مثلا من 32 سال دارم ، دیر نیست برای “شروع” وارد این دنیا بشم؟

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

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

پروژه عملی بوت استرپ

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

پروژه عملی در دوره اموزش بوت استرپ

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

استارت از نقطه صفر

من توی این دوره، از صفر صفر صفر برای کسانی که اصلا با برنامه نویسی آشنایی ندارن، یا افرادی که مقداری با برنامه نویسی آشنایی دارن ولی تسلط کافی ندارن،  شروع به آموزش موارد مورد نیاز کردم.

پورتال اختصاصی اعضا

توی این دوره یک پورتال اختصاصی برات روی سایت  فراهم کردم که میتونی به صورت مستقیم فایل ها رو دانلود کنی، فیلم با کیفیت  HD و نسخه کم حجم رو دانلود یا مشاهده کنی، فایل های تمرین هر جلسه رو ببینی  و در صورت وجود پرسش از مدرس سوال کنی.

گارانتی بازگشت وجه

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

پس بدون هیچ ترسی ، همراه من باش.

مباحث دوره

مقدمه

  1. مقدمه ای بر بوت استرپ
  2. بوت استرپ چیست؟
  3. جایگاه بوت استرپ در طراحی UI سایت کجاست؟
  4. معرفی vscode
  5. بررسی تفاوت قالب آماده با بوت استرپ

راه اندازی

  1. ایجاد یک پروژه از صفر
  2. دانلود آخرین نسخه بوت استرپ
  3. اضافه کردن بوت استرپ به پروژه
  4. اطمینان از نصب درست بوت استرپ

شروع کار با بوت استرپ

  1. نحوه نصب با استفاده از npm
  2. بررسی فایل های موجود در بوت استرپ
  3. بررسی رزولوشن های مختلف در بوت استرپ
  4. بررسی انواع شکست ها برای رزولوشن ها
  5. کار با container ها
  6. بررسی ورژن های قدیمی بوت استرپ
  7. نحوه صحیح استفاده از row و col
  8. تقسیم بندی صحیح صفحه
  9. بررسی انواع layout بندی ها و grid ها
  10. آشنایی با gutter ها

کار با محتوا

  1. تایپوگرافی
  2. هدینگ ها
  3. لیست ها
  4. تصاویر و سایزبندی و استایل ها
  5. کار با جداول و استایل مختلف جداول
  6. آشنایی با انواع رنگ بندی های بوت استرپ

فرم ها

  1. کار با فرم ها
  2. بررسی استایل input های text
  3. بررسی کنترل های select option
  4. بررسی استایل های checkbox و radio button
  5. بررسی کنترل range
  6. بررسی input group ها
  7. بررسی floating label input ها
  8. بررسی layout بندی فرم ها
  9. بررسی validation در فرم ها

کامپوننت ها

  1. بررسی کامپوننت های بوت استرپ
  2. Accordion
  3. Alerts
  4. Badge
  5. BreadCrumbs
  6. Buttons
  7. Button Group
  8. Card
  9. Carousel
  10. Close Button
  11. Collapse
  12. Dropdowns
  13. List group
  14. Modal
  15. Navs & tabs
  16. Navbar
  17. Pagination
  18. Popovers
  19. Progress
  20. Scrollspy
  21. Spinners
  22. Toasts
  23. Tooltips

کلاس های کمکی

  1. Clearfix
  2. لینک ها و رنگ بندی
  3. Ratio
  4. انواع Position ها
  5. Visually Hidden
  6. Stretched Link
  7. Text truncation

ابزارهای کمکی

  1. border ها و انواع رنگ بندی ها
  2. رنگ بندی های استاندارد بوت استرپ
  3. انواع کلاس های مربوط به display
  4. flex
  5. float
  6. interaction ها
  7. position ها
  8. سایه ها
  9. انواع سایزبندی
  10. فاصله های padding و margin
  11. کار با متن
  12. Vertical align
  13. قابلیت مشاهده

فونت آیکون

  1. آشنایی با Font Awesome
  2. دانلود Font Awesome
  3. اضاف کردن به پروژه
  4. بررسی نحوه استفاده از انواع فونت آیکون ها

پروژه عملی

  1. ایجاد ساختار پروژه
  2. اضافه کردن کتابخانه های بوت استرپ و Font Awesome
  3. اضافه کردن navbar به بالای سایت
  4. کاستومایز کردن navbar
  5. اضافه کردن فونت فارسی دلخواه به پروژه
  6. اضافه کردن قابلیت ScrollSpy به Navbar
  7. اضافه کردن Carousel به عنوان اسلایدشو سایت
  8. استفاده کردن از چند اسلایدشو با هم
  9. بررسی سایت طراحی شده در حالت ریسپانسیو موبایل
  10. استفاده از Card برای نمایش محصولات
  11. استفاده از Card به عنوان درباره ما
  12. جمع بندی
دانلود رایگان 3 قسمت از اموزش جاوا

 3 قسمت از دوره اموزش جاوا 0 تا 100 را رایگان تهیه کنید.

اموزش جاوا

ضمانت بازگشت وجه

دوره آموزشی بوت استرپ به صورت تخصصی و با دقت فراوان تهیه و تولید شده است. هدف از ارائه این آموزش تخصصی، یادگیری مهارتی دانش‌پذیران به صورت پروژه محور است. در این آموزش به صورت استاندارد می‌توانید قدم به قدم برای یادگیری بوت استرپ قدم بردارید. در صورتی که مطالب خارج از سرفصل ارائه شد و احساس مفید نبودن مطالب برای شما پدید آمد، کمترین کار ممکن بازگشت بدون قید و شرط مبلغ سرمایه گزاری شده توسط شما است.

پشتیبانی

پشتیبانی تلگرامی، عضویت در گروه مخصوص اعضا

ایمیل مخصوص دوره

فرم مخصوص پرسش مستقیم از مدرس در صفحه پورتال در وب‌سایت

ثبت نام

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

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

مدرس دوره

 

حسین بدرنژاد

(هم‌بنیانگذار هولوسن)

حسین بدرنژاد از سال 1391 وارد حوزه IT شده و در حال حاضر بزرگترین دغدغه وی، افزایش سطح دانش IT در کشور ایران می‌باشد.

سایر آموزش‌های مدرس

دوره آموزشی 0 تا 100 اندروید

آموزش اندروید

دوره آموزشی شکستن سد برنامه نویسی

آموزش برنامه نویسی

دوره آموزشی 0 تا 100 Java

آموزش جاوا از صفر

دوره رایگان طراحی سایت

اموزش طراحی سایت
نظرات
بدون نظر

فرم ارسال نظر