لطفا صبر کنید...

Hossein Badrnezhad حسین بدرنژاد

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

Bootstrap Course

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

درصد پیشرفت دوره : ۱۰۰٪

دوره به صورت کامل ضبط و منتشر شده است.

تصاویر دوره
  • مدت زمان8 ساعت آموزشی
  • تعداد دانشجو500+
  • تعداد جلسات14
  • سطح مهارتاز صفر تا صد
  • زبانفارسی
  • icon Thumb وضعیت دورهکاملا ضبط و منتشرشده
قیمت: تومان

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Shape Thumb
Shape Thumb

سر فصل‌های دوره (توشه مسیر)

  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. جمع بندی

نظرات همراهان بی‌نظیر هولوسن

Client Images
محمد دهقاني فرد

"سلام خدمت تيم و همراهان مجموعه هولوسن، من دانشجوي دوره 0 تا 100 كاتلين اين مجموعه هستم، بنظر من بزرگترین امتیاز دوره های هولوسن،پشتیبانی قوی و خوبشون هست من خودم تو نصب و راه اندازی ide به مشکل خورده بودم و تیم پشتیبانی با صبر و حوصله بالا مشکلم رو حل کردن،بنظرم اگر مثل من دوستانی که تجربه برنامه نویسی نداشتن و دنبال دوره ای هستن که از کوچکترین مسائل تا پیشرفته ترینش رو ساپورت کنه و پشتیبانی قوی داشته باشه،شک نکنن بهترین انتخاب تو کل ایران دوره های سایت هولوسن هستن.”

Client Images
سجاد موسوی

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

Client Images
عاطفه حیدریان

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

Shape Thumb
Shape Thumb

ویژگی دوره‌های آموزشی

دوره‌های آموزشی هولوسن چه ویژگی‌هایی دارند👇👇👇
ضمانت بازگشت وجه
در صورتی که مطالب خارج از سرفصل ارائه شد و احساس مفید نبودن مطالب برای شما پدید آمد، کمترین کار ممکن بازگشت بدون قید و شرط مبلغ سرمایه گذاری شده توسط شما است. برای وقت شما ارزش قائل هستیم به همین خاطر دوره‌های آموزشی جامع مخصوص بازار کار به صورت تخصصی و با دقت فراوان برای شما تولید کرده‌ایم.
آپدیت مادام‌العمر
محتوای دوره مادام‌العمر، کاملا رایگان برای اعضا آپدیت می‌گردد.
پشتیبانی VIP
پشتیبانی vip از طریق: سیستم پشتیبانی آنلاین/دایرکت مدرس/ایمیل مخصوص دوره/ اتصال به سیستم از طریق AnyDesk / صفحه پرسش از مدرس
پروژه‌محور
خروجی حاصل از این دوره‌ها یک اپلیکیشن کامل به صورت فروشگاهی هست که می تونی به عنوان اولین نمونه کارت برای ارائه به کارفرما یا استخدام استفاده کنی.

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

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


روش پرداخت

Holosen Installments
پرداخت اقساطی
  • پرداخت از طریق درگاه بانکی یا کارت‌به‌کارت
  • دسترسی به کل محتوای دوره بلافاصله بعداز پرداخت قسط اول
  • ✅ بدون نیاز به چک، سفته، ضامن و بدون سود
  • ✅ بدون سود
Card
پرداخت نقدی
  • پرداخت از طریق درگاه بانکی یا کارت‌به‌کارت
  • دسترسی به کل محتوای دوره بلافاصله بعد از پرداخت
Shape Thumb
Shape Thumb
Shape Thumb
Shape Thumb

مدرس دوره چه کسی است؟

Hossein Badrnezhad
حسین بدرنژاد

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

  • برنامه‌نویس ارشد جاوا (ازکی‌وام)
  • برنامه‌نویس جاوا (داتین)
  • راهبر فنی (خیریه کودکان فرشته‌اند)
  • راهبر فنی (روکا)
  • برنامه‌نویس ارشد دات نت (موسسه اعتباری نور)
  • برنامه‌نویس دات نت (گسترش انفورماتیک ایران)
  • تجربه پیاده‌سازی وب و موبایل اپلیکیشن‌های مورد استفاده در حوزه بانکی کشور توسط بانک‌های مطرحی مثل بانک سپه، صادرات، تجارت، پاسارگاد، رسالت، موسسه اعتباری نور و ...
  • تجربه بیش از ۱۰ سال برنامه‌نویسی در شرکت‌‌های بزرگ ایرانی و خارجی
  • تجربه بیش از ۴ سال تدریس تخصصی با بیش از ۱۰۰۰۰ دانشجو
مشاهده رزومه
Shape Thumb
Shape Thumb
Shape Thumb

سوالات متداول

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

بلافاصله بعد از ثبت نام می‌توانید دوره را دانلود کنید.

بله فقط یکبار نیاز هست که دوره را دانلود کنید بعد از یکبار دانلود هزاران بار میتوانید مشاهده کنید.
Shape Thumb
Shape Thumb
نظرات
5.0
(0 نظر)
5
1
4
0
3
0
2
0
1
0
نظرات
**پرسش و پاسخ** سوال خود را مطرح کنید.
در کمتر از 10 دقیقه پاسخگوی شما هستیم

آدرس ایمیل شما منتشر نخواهد شد. فیلدهای الزامی علامت گذاری شده اند *

امتیاز:
Captcha Image