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

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

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

معرفی

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

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

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

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

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

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

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

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

انتقال تجربه

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

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

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

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

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

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

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

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

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

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

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

توی این دوره یک پورتال اختصاصی برات روی سایت  فراهم کردم که میتونی به صورت مستقیم فایل ها رو دانلود کنی، فیلم با کیفیت  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 قسمت از دوره اموزش بوت استرپ را رایگان تهیه کنید.

اموزش جاوا

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

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

پشتیبانی

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

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

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

ثبت نام

برای خرید دوره آموزش بوت استرپ 5 از طریق زیر می توانید عمل کنید:

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

مدرس دوره

 

حسین بدرنژاد

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

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

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

آموزش بوت استرپ 5 کامل هست؟

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

پروژه محور هست؟

بله . به صورت واقعی و100درصد یک پروژه عملی را کد میزنیم.

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

دروه به صورت کامل ضمانت بازگشت وجه دارد. اگر رضایت نداشته باشید تمام مبلغ برای شما برگشت داده خواهد شد.

نظرات
۱۰ نظر
  • rrahiminassab
    ارسال در : ۰۷:۱۰h, ۲۱ بهمن پاسخ
    (5/5)

    با سلام و عرض خسته نباشید
    آیا امکان مشاهده نمونه فیلم آموزشی این دوره وجود دارد؟

    • هولوسن
      ارسال در : ۰۸:۳۰h, ۲۱ بهمن پاسخ

      سلام و عرض ادب
      امیدواریم که حالتون خوب و پر از انرژی مثبت باشید.
      فرم مربوط به دریافت سه قسمت رایگان به همین صفحه (https://holosen.net/اموزش-بوت-استرپ-۵/) اضافه شد. لطفا اطلاعات خود را در فرم “دانلود رایگان ۳ قسمت از اموزش بوت استرپ” وارد نمایید تا سه قسمت از دوره بوت استرپ به صورت کاملا رایگان برای شما ایمیل شود.
      با تقدیم احترام، هولوسن.

  • reza salehi
    ارسال در : ۰۶:۳۱h, ۰۳ اسفند پاسخ
    (5/5)

    salam
    dore shoma ro didam.ensafa kheiliiiiiiiiiiiiiiii khob bood
    bi marefati bood nazar ndm
    mersi

    • هولوسن
      ارسال در : ۱۰:۱۱h, ۰۳ اسفند پاسخ

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

      با تقدیم احترام، هولوسن

  • فرید خسروی
    ارسال در : ۰۹:۰۴h, ۲۵ اردیبهشت پاسخ
    (5/5)

    سلام خوبین . من به شبکه مسلطم و شغلم IT هست ولی هیچی از برنامه نویسی نمیدونم . عاشق front هستم و پایتون . ممنون میشم ازتون یک راه مشخص جلود بذارین از کجا شروع کنم ؟
    یه عده میگن اول html یاد بگیر یه عده میگن اول php یه عده میگن مستقیم برو پایتون

    هدفم اینه بعد از ۳ یا ۴ سال فرانت و بک مسلط باشم . روزی ۲ تا ۳ ساعتم میتونم وقت واقعی واسش بذارم.

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

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

    • حسین بدرنژاد
      ارسال در : ۱۷:۵۸h, ۲۵ اردیبهشت پاسخ

      سلام و عرض ادب خدمت آقای خسروی عزیز
      امیدواریم که حال دلتون خوب و پر از انرژی مثبت باشید.
      قطعا اطلاع دارید که برنامه نویسی وب به دو بخش فرانت و بک تقسیم بندی میشود.
      از پایتون (به همراه فریم ورک جنگو (dgango)) برای بک اند باید استفاده کنید و برای فرانت شما قطعا نیاز دارید تا html و css به همراه جاوااسکریپت کار کرده باشید و حتی مسلط باشید.
      همچنین برای فرانت بهتر هست تا یک فریم ورک جاوا اسکریپتی مثل react js یا angular یا vue js یاد بگیرید. برای این منظور میتونید یه سر به این لینک بزنید : https://holosen.net/اموزش-برنامه-نویسی-فرانت-اند/
      شما میتوانید هم زمان هم بک و هم فرانت کار کنید، اما پیشنهاد من این هست که یکی یکی سراغشان بروید.
      سعی کنید با html و css کارتان را شروع کنید. برای این منظور هم میتوانید به این آدرس وارد شوید و رایگان دوره خودتون رو شروع کنید : https://holosen.net/web-design/
      بعد از این ۲ نوبت به جاوا اسکریپت و فریم ورک جاوا اسکریپتی انتخابیتون میرسد.
      بعد از این مراحل که به فرانت مسلط شدید پیشنهاد میکنم جاوا، یا پایتون یاد بگیرید ( دقت کنید که فقط یک زبان کافیست جاوا، یا پایتون، یا سی شارپ)
      در ادامه هم به سمت فریم ورک سمت وب زبان انتخابیتون بروید.
      در صورتی هم که زبان انتخابیتون جاوا بود ما در این لینک و در این دوره در خدمتتون هستیم : https://holosen.net/اموزش-جاوا-از-صفر/
      با تقدیم احترام، حسین بدرنژاد

  • fashionmetal1359
    ارسال در : ۱۵:۵۱h, ۲۸ اردیبهشت پاسخ
    (5/5)

    سلام استاد.خسته نباشید.میخواستم بدونم الان که بوتسترپ ۵ دیگه نیاز به جی کوئری نداره آیا هنوز هم یادگیری جی کوئری لازم هستش؟و اینکه من HTML-CSS-JS رو تموم کردم و چند تا پروژه هم کار کردم.الان میتونم این دوره رو شروع کنم؟با سپاس

    • هولوسن
      ارسال در : ۱۶:۲۷h, ۲۸ اردیبهشت پاسخ

      دوست مهربان هولوسنی سلام
      امیدوار هستیم که خوب سرحال و سرشار از حس مثبت باشید.
      درود بی پایان خداوند بر شما که مشغول ارتقای مهارت های شخصی خود می باشید. تسلط شما بر HTML , CSS برای طراحی صفحات استاتیک سایت کافی می باشد. در ضمن شما فرموده اید که به JS هم مسلط هستید، جی‌کوئری یک کتابخانه (پر کاربرد و سریع) از JS می باشد. وقتی شما تسلط به Js دارید نیازی نیست که به جی‌کوئری مسلط باشید.
      بوت استرپ، ادامه ( تکمیل کننده، سرعت بخش) مهارت شما در بخش CSS است و اصلا ارتباطی با جی‌کوئری ندارد. پس با خیال راحت می توانید آموزش بوت استرپ خود را آغاز نمایید.
      با تقدیم احترام، هولوسن

  • m.raha988
    ارسال در : ۰۷:۰۷h, ۲۲ مرداد پاسخ
    (5/5)

    سلام وقت بخیر . من طبق اموزش پیش رفتم الان میخوام یه سایت مشایه دیوار ایجاد کنم و نیاز به کمک دارم. https://divar.ir/
    ممنون میشم یه انالیز روی سایت داشته باشین و بهم برای پیاده سازیش کمک کنید. من تا حدودی این پروژه رو ایجاد کردم که براتون ارسال میکنم

    • هولوسن
      ارسال در : ۰۷:۳۸h, ۲۲ مرداد پاسخ

      محمدرضا رخ عزیز سلام
      امیدوار هستیم که خوب، سرحال و سرشار از حس مثبت باشید.

      لطفا کدهای خود را از طریق پورتال اختصاصی خود در بخش “تمرین” ارسال کنید و در قسمت توضیحات، شرایط خود را ذکر بفرمایید. پورتال، شخصا توسط استاد مورد بررسی قرار خواهد گرفت. لطفا دقت فرمایید که کدهاای خود را کامل ارسال فرمایید.

      با تقدیم احترام، پشتیبانی هولوسن

**پرسش و پاسخ** سوال خود مطرح کنید.
امتیاز شما*