دوره هیولای بوت استرپ – دوره جامع صفر تا صد طراحی سایت با بوت استرپ Bootstrap در ساری

دوره هیولای بوت استرپ - دوره جامع صفر تا صد طراحی سایت با بوت استرپ Bootstrap در ساری
دسته بندی:

نمونه پروژه های ساخته شده توسط مدرس

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

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

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

بوت استرپ چیست؟

بوت استرپ توسط یک طراح و یک توسعه دهنده توییتر در سال ۲۰۱۱ ارائه شد و خیلی سریع به یکی از محبوب ترین فریم ورک های طراحی سایت و پروژه های منبع باز در جهان تبدیل شد. عبارت بوت استرپ به تنهایی به معنای “خود راه انداز” می باشد و کلمه Bootstraping به معنای راه اندازی یک فرآیند به صورت مستقل و بدون استفاده از منابع خارجی می باشد. این عبارت در علم کامپیوتر کمی کوتاه تر شده است و با عنوان Booting به کار می رود، که فرآیند راه اندازی سیستم و واردسازی اطلاعات اولیه نرم افزار در حافظه کامپیوتر را نشان می دهد.

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

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

چرا باید بوت استرپ یاد بگیرید؟

موضوعی که در سالهای اخیرا مطرح شده نمایش مناسب محتوای وبسایت ها در موبایل ها و دستگاه های قابل حمل این چنینی است که این موضوع به طراحی واکنشگرا یا Responsive اشاره میکند. وب سایت های که در گذشته طراحی می شدند اکثرا موضوع رسپانسیو را نداشتند و هنگام که سایتی را در تلفن های همراه باز می کردیم وب سایت بسیار کوچک نشان داده می شد و ما باید مقدار زیادی زوم می کردیم تا محتوای وب سایت را واضح تر و بزرگ تر ببینیم .همان طور که گفته شد یکی از مزیت های بوت استرپ ساده سازی طراحی واکنشگرا است.

  • سرعت توسعه
  • طراحی سایت ریسپانسیو
  • از کامپوننت های Javascript پشتیبانی می کند
  • بوت استرپ جامعه پشتیبان بزرگی در پشت آن وجود دارد
  • بوت استرپ با توجه به مشخصات پروژه شما قابل تنظیم است.

مخاطبین این دوره چه کسانی هستند؟

  • دانشجویانی که کلاس طراحی سایت با HTML/css را گذرانده اند و به دنبال واکنش پذیر کردن وب سایت هستند
  • دانشجویانی که قصد دارد به عنوان طراح رابط کاربری وارد بازار کار شوند
  • اشخاصی که تمایل دارند پنل کاربری وب سایت و یا سایت های واکنش گرا ایجاد کنند
  • اشخالصی که تمایل دارند وارد بازار کار طراحی سایت های ریسپانسیو یا واکش گرا شوند.

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

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

اهداف کلی دوره چیست؟

  • توانمندسازی دانشجویان برای فعالیت در حوزه وب
  • طراحی ریسپانسیو یا همان واکنش گرای صفحات وب جهت نمایش در موبایل، تبلت و … طراحی صفحات وب با سرعت بالا و ساده تر
  • کسب مهارت لازم برای ارتقای سطح شغلی و درآمد.

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

  • طراحی UI سایت
  • طراحی قالب و فروش آن در مارکت ها

درآمد یک برنامه‌نویس بوت استرپ چقدر است؟

طبق اطلاعات دریافتی از گزارش حقوق وب سایت Iran Celery ، متوسط حقوق یک برنامه نویس در ایران ۶،۰۰۰،۰۰۰ تومان است.
حقوق این برنامه نویس ها و طراحان سایت از ۸،۰۰۰،۰۰۰ تومان (حداقل) تا ۲۰،۰۰۰،۰۰۰ تومان (حداکثر) است.
متوسط حقوق یک بوت استرپ کار در آمریکا حدوذ ۱۰۳ هزار دلار است.

نرم افزارهای مورد نیاز

  • Chrome
  • ++Notepad
  • VScode

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

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

• طراحی واکنش گرا (Responsive) چیست؟ به چه نحوی کار می کند
• معرفی فریم ورک های موجود برای طراحی واکنش گرا
• تاریخچه بوت استرپ ۵
• بوت استرپ ۵ چیست؟
• مزیت ها و دلایل استفاده از بوت استرپ ۵؟
• از کجا شروع کنیم؟
• معرفی IDE های مناسب برای کار با بوت استرپ 5
• دانلود بوت استرپ ۵
• بررسی محتویات فایل بوت استرپ ۵
• راست چین کردن فایل بوت استرپ 5 (RTL)
• معرفی CDN های بوت استرپ 5
• مزایای و معایب استفاده از CDN های بوت استرپ 5
• بررسی متا تگ مورد نیاز برای پشتیبانی و نمایش صحیح قالب در موبایل ها
• بررسی متا تگ های مورد نیاز برای پشتیبانی صحیح در مرورگر IE
• اتصال فایل های بوت استرپ ۵ و جاوااسکریپت به سند

• کلیات
• Sass
• تنظیمات در بوت استرپ ۵
• رنگ ها در بوت استرپ ۵
• متغیرهای CSS
• بهینه سازی

• شبکه بندی چیست و چه کاربردی دارد
• آشنایی با سیستم شبکه بندی و مفاهیم آن در بوت استرپ ۵ توسط مثال های کاربردی
• مدیا کوئری چیست و چه کاربردی دارد
• نقاط شکست در بوت استرپ ۵
• نگه دارنده ها و انواع آن ها
• شبکه در بوت استرپ ۵
• ستون ها در بوت استرپ ۵
• Gutter ها در در بوت استرپ 5
• تنظیمات جانبی در شبکه
• Z-index
• Css Grid
• مینی پروژه ۱
• مینی پروژه ۲
• مینی پروژه ۳

• فایل Reboot و پیش فرض های بوت استرپ 5
• تایپوگرافی در بوت استرپ ۵
• تصاویر در بوت استرپ ۵
• جداول بوت استرپ ۵
• شکل ها (Figureها)

• کلیات
• کنترل های فرم
• Select
• چک باکس و دکمه های رادیویی
• اسلایدر محدوده (Range)
• گروه بندی ورودی ها
• برچسب ها و جابجایی آن ها
• طرحواره در فرم ها
• اعتبار سنجی در فرم ها

• مینی پروژه 1: آکاردئون (Accordion)
• مینی پروژه 2: اخطار (Alert)
• مینی پروژه 3: نشان ها (Badge)
• مینی پروژه 4: دکمه ها و گروه بندی آن ها (Buttons & Button Group)
• مینی پروژه 5: کارت ها (Cards)
• مینی پروژه 6: کاروسل (Carousel)
• مینی پروژه 7: دکمه بستن (Close Button)
• مینی پروژه 8: محتوای مخفی شونده (Collapse)
• مینی پروژه 9: دراپ دان (Drop Down)
• مینی پروژه 10: گروه لیست (List group)
• مینی پروژه 11: مدال ها (Modal)
• مینی پروژه 12: تب ها و دکمه ها راهبری (navs & tabs)
• مینی پروژه 13: منوی ناوبری (Navnar)
• مینی پروژه 14: offcanvas
• مینی پروژه 15: صفحه بندی (Pagination)
• مینی پروژه 16: نگه دارنده ها (Placeholders)
• مینی پروژه 17: پاپ آور ها (Popovers)
• مینی پروژه 18: نوار پیشرفت (Progress bar)
• مینی پروژه 19: نوار اسکرول (Scrollspy)
• مینی پروژه 20: چرخنده ها (Spinners)
• مینی پروژه 21: Toasts
• مینی پروژه 22: تولتیپ ها (Tooltips)

• Clearfix
• لینک های رنگی
• Ratio
• موقعیت (Position)
• Stacks
• مخفی سازی بصری المان
• لینک های کشیده
• کوتاه کردن متن
• خط افقی

• تنظیمات API
• تنظیمات پس زمینه
• تنظیمات حاشیه ها
• تنظیمات رنگ ها
• تنظیمات نمایش (Display)
• تنظیمات Flex
• تنظیمات Float
• تنظیمات تعامل
• تنظیمات Opacity
• تنظیمات موقعیت
• تنظیمات سرریز
• تنظیمات سایه ها
• تنظیمات ابعاد و اندازه ها
• تنظیمات فاصله گذاری
• تنظیمات متن
• تنظیمات تراز افقی
• تنظیمات نمایان/پنهان

• معرفی آیکن بوت استرپ ۵
• نحوه استفاده از آیکن های بوت ۵
• معرفی آیکن Font Awsome
• معرفی آیکن line Awsome
• معرفی آیکن icon8

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

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

دوره ها هم به صورت حضوری و هم به صورت آنلاین برگذار می شود.

همچنین ویدئو تمام جلسات ضبط شده و در اختیار شما قرار خواهد گرفت.

بله. علاوه بر آزمون پایانی، آزمون های مقطعی به صورت کوئیز و در طول دوره انجام خواهد شد.

بله. در پایان دوره، گواهی حضور به شما داده خواهد شد.

خیر. در هر صورت گواهی حضور دریافت خواهید کرد، اما میزان نمره یا سطح شما، در گواهی قید خواهد شد.

میزان غیبت مجاز، ۳ روز در طول دوره می باشد.

تنها تا ۳ جلسه اول مجاز به لغو کلاس هستید. در این مرحله، ۸۰ درصد مبلغ دریافتی پرداخت خواهد شد.

پرداخت شهریه به دو صورت امکان پذیر است:

روش اول: پرداخت یکجا

کل مبلغ ابتدای دوره دریافت می شود.

روش دوم: پرداخت اقساطی

در این روش ۳۰ درصد مبلغ در ابتدای دوره دریافت می شود.

مابقی در ۳ قسط به صورت ماهانه پرداخت می شود.

در این روش ارائه چک ضمانت الزامی است.

بله. برای اطلاعات بیشتر با واحد آموزش تماس بگیرید.

۰۱۱۳۳۳۹۲۰۷۲

خیر. برای شرکت در هیچ کلاسی، نیاز به هیچ مدرک دانشگاهی نیست.

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

در تمام خدمات ما.

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

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

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

خیالتان راحت، هیچ خدمتی بدون تخفیف از دوناوب دریافت نخواهید کرد و همواره قدردان اعتماد شما خواهیم بود.

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

6 نظر در “دوره هیولای بوت استرپ – دوره جامع صفر تا صد طراحی سایت با بوت استرپ Bootstrap در ساری”

  • فریضه محمدی

    گفت:

    سلام. سایت واقعی طراحی میشه یا تستی؟
    مدرک هم میدید؟ امکان پرداخت شرایطی هم وجود داره؟

    • علی توکلی فرد

      گفت:

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

  • Nima

    گفت:

    سلام دوره تون چارت بندی و جزوه هم داره؟

  • Nima

    گفت:

    سلام دوره تون پروژه محوره؟

  • kimia

    گفت:

    سلام. دوره تون چند جلسه هست؟

  • اکبر قربان نژاد

    گفت:

    سلام.حداقل امتیاز لازم برای دریافت تخفیف چقدر هس؟

نظر دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *