آمورش پروژه محور بوت استرپ 5.2 مقدماتی تا پیشرفته

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

قیمت پکیج
تومان 300,000
 

پیش نیاز:
Html و CSS

 

نوع دوره:
پکیج

 

مدت زمان آموزش:
9 ساعت

 

روش پشتیبانی:
اپراتور اختصاصی

 

وضعیت آزمون:
ندارد

 

گواهینامه:
دارد

 

خرید اقساطی:
ندارد

 

نحوه مشاهده:
ویدیو

درصد پیشرفت دوره: 100%

در آمورش پروژه محور بوت استرپ 5.2 مقدماتی تا پیشرفته چه خواهید آموخت

بوت استرپ محبوب ترین فریم ورک CSS هست که مجموعه ای از کد ها، فایل ها و ابزار های رایگان رو برای شما فراهم کرده تا خیلی راحت بتونید چیدمان صفحات و نرم افزارهای تحت وب رو انجام بدید! احتمالا حالا که به دنبال فریم ورک بوت استرپ و یادگیریش هستید با HTML و CSS آشنایی دارید! بوت استرپ هم مجموعه ای از همین دستورات + توابع جاوا اسکریپت هست که کار ما رو برای تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر ابزارهای مورد نیاز طراحی وب آسون کرده!!

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

خب با این تفاسیر بهتره بگیم که یاد گیری بوت استرپ برای بازار کار اهمیت خیلی بالایی داره! و یه جورایی یکی از چهارچوب های لازم برای ورود به بازار کار هستش و ما این آموزش رو آماده کردیم تا شما توی کمترین زمان ممکن و کاملا حرفه ای بتونید بوت استرپ رو یاد بگیرید.

 

معرفی بوت استرپ

شاید بزرگترین مشکل طراحان وب یا دانشجوهایی که در حال یاد گیری طراحی وب هستن این باشه که چطور صفحات رو چیدمان کنند، فاصله ها و اندازه و ابعاد رو به چه صورت در نظر بگیرن که اصولی و استاندارد باشه 

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

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

Bootstrap به شما در نحوه ارائه غذا و بهبود نمایش صفحات وب بسیار کمک میکند، مهمتر از هرچیز دیگر سرعت بالای کار با آن است که زمان راه اندازی و اتمام یک پروژه را حتی تا 80 درصد کاهش میدهد.

 

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

 

مزایای استفاده از فریم ورک Bootsrap:

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


پشتیبانی وسیع: تعداد زیادی از کدنویسان در داخل و خارج کشور بوت استرپ را پشتیبانی می کنند و هر جای کار که به مشکل برخورد کردید می توانید روی کمک آن ها حساب کنید.


راه اندازی آسان: می خواهید کار خود را سرعت ببخشید و در عرض چند دقیقه یک سایت رو بیارید بالا؟ خوشبختانه Bootstrap دقیقا برای این منظور ساخته شده است.


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

 

سرفصل های دوره آمورش پروژه محور بوت استرپ 5.2 مقدماتی تا پیشرفته

  • معرفی دوره ی آموزش جامع بوت استرپ
  • مرور و آموزش کوتاه سینتکس ها در HTML و CSS
  • شروع آموزش کامل بوت استرپ نسخه 5.2
  • نصب و پیکربندی فریم ورک بوت استرپ
  • معرفی Breakpoints در بوت استرپ
  • معرفی Container در بوت استرپ
  • تایپوگرافی ها در فریم ورک بوت استرپ
  • کلاس ها و تایپوگرافی های مربوط به تصاویر در بوت استرپ
  • کلاس ها و تایپوگرافی مربوط به جداول در فریم ورک بوت استرپ
  • کلاس های رنگبندی در بوت استرپ
  • گرید بندی و ستون بندی در بوت استرپ
  • کلاس های COL و مربوط به ستون ها در بوت استرپ
  • آموزش مبحث Gutter در بوت استرپ
  • کلاس ها و المان های مربوط به فرم ها در بوت استرپ
  • border ها و کلاس های مربوطه در بوت استرپ
  • مبحث form floating 
  • مبحث display ها در بوت استرپ
  • دیسپلی flex و فلکس باکس در بوت استرپ
  • پوزیشن ها و overflow در بوت استرپ
  • مباحث مربوط به shadow در بوت استرپ
  • معرفی کامل کلاس ها و کامپوننت Accordian در بوت استرپ
  • معرفی کامل کلاس های alert در بوت استرپ
  • معرفی badge ها در بوت استرپ
  • معرفی بردکرامب ها breadcrumb  در بوت استرپ
  • کلاس های مربوط به دکمه ها در بوت استرپ
  • گروه بندی دکمه btn ها در بوت استرپ
  • معرفی کامل card ها در بوت استرپ
  • معرفی کامل اسلایدر carousel در بوت استرپ
  • معرفی کامل collapse ها در بوت استرپ
  • مباحث مربوط به DropDown ها در بوت استرپ
  • مباحث مربوط به list-group در بوت استرپ
  • طراحی modal و استفاده از btn-close
  • Navs و Tabs در بوت استرپ
  • معرفی Navbars در بوت استرپ
  • معرفی Pagination در بوت استرپ
  • معرفی پاپ اور و تولتیپ ها در بوت استرپ
  • پراسس و process-bar ها در بوت استرپ
  • چرخنده ها و spinner ها در بوت استرپ
  • مبحث کامل تولتیپ ها در بوت استرپ
  • نسخه rtl بوت استرپ 5.2
  • انجام پروژه عملی طراحی وبسایت با بوت استرپ
معرفی دوره ی آموزش جامع بوت استرپ
آموزشی کوتاه و مرور دستورات HTML آموزش سینتکس نویسی در CSS
شروع آموزش کامل بوت استرپ نسخه 5.2 نصب و پیکربندی فریم ورک بوت استرپ
معرفی بریک پوینت ها یا نقاط شکست در فریم ورک بوت استرپ
معرفی دربر گیرنده ها و کلاس های مربوط به آن در بوت استرپ
معرفی انواع کلاس های تایپوگرافی ها در بوت استرپ
کلاس ها و تایپوگرافی های مربوط به تصاویر در بوت استرپ
کلاس ها و تایپوگرافی مربوط به جداول در فریم ورک بوت استرپ
گرید بندی و ستون بندی در بوت استرپ
کلاس های COL و مربوط به ستون ها در بوت استرپ
آموزش مبحث Gutter در بوت استرپ
کلاس های رنگبندی در بوت استرپ
کلاس ها و المان های مربوط به فرم ها در بوت استرپ
border ها و کلاس های مربوطه در بوت استرپ
مبحث form floating و شروع مبحث display ها در بوت استرپ
دیسپلی flex و فلکس باکس در بوت استرپ
پوزیشن ها و overflow در بوت استرپ
مباحث مربوط به shadow در بوت استرپ
مباحث تکمیلی کلاس ها و نکات اضافی در بوت استرپ
معرفی کامل کامپوننت Accordian و استفاده از کلاس های مربوطه
معرفی کامل کلاس های alert در بوت استرپ
معرفی badge ها در بوت استرپ
کلاس های مربوط به دکمه ها در بوت استرپ
گروه بندی btn ها در بوت استرپ
معرفی کامل card ها در بوت استرپ
معرفی کامل اسلایدر carousel در بوت استرپ
معرفی کامل collapse ها در بوت استرپ
مباحث مربوط به DropDown ها در بوت استرپ
مباحث مربوط به list-group در بوت استرپ
طراحی modal و استفاده از btn-close
Navs و Tabs در بوت استرپ
مباحث Navbars در بوت استرپ
معرفی Pagination در بوت استرپ
معرفی پاپ اور و تولتیپ ها در بوت استرپ
process-bar ها در بوت استرپ
چرخنده ها و spinner ها در بوت استرپ
مبحث کامل تولتیپ ها در بوت استرپ
نسخه rtl بوت استرپ 5.2 نحوه rtl کردن صفحات
پروژه عملی بوت استرپ قسمت اول
پروژه عملی بوت استرپ قسمت دوم
پروزه عملی بوت استرپ قسمت سوم
پروژه عملی بوت استرپ فسمت چهارم
پروژه عملی بوت استرپ قسمت پنجم
پروژه عملی بوت استرپ قسمت ششم
پروژه عملی بوت استرپ قسمت هفتم

نظرات ثبت شده کاربران

هیچ نظری ثبت نشده! اولین نفری باش که نظرشو ثبت میکنه!

دیدگاه خود را ثبت کنید

برای ثبت نظر، ابتدا وارد شوید.

سوالات متداول از آمورش پروژه محور بوت استرپ 5.2 مقدماتی تا پیشرفته

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