آموزش بوت استرپ پروژه محور – آموزش بوت استرپ 5 (ورود به بازار کار)

آموزش بوت استرپ 5 | آموزش بوت استرپ پروژه محور

 

 

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

بوت استرپ یکی از فریمورک های محبوب و پر استفاده Css هست که به شما کمک میکنه عمل ریسپانسیو سازی وب سایت رو به راحتی انجام بدین(اگه نمیدونین ریسپانسیو سازی چیه، تو ادامه واستون توضیح میدیم).

 

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

 

اگه نمیدونین کامپوننت چیه اونو هم تو ادامه براتون توضیح میدیم.

 

 

 

ریسپانسیو سازی یعنی چی؟

امروزه دیوایس های مختلف در سایز های مختلفی به وجود اومده. مثل لپتاپ ها، گوشی های موبایل، تبلت و … در سایز های مختلف‌.

 

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

 

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

 

 

 

کامپوننت یعنی چی؟

ممکنه شما در چندین جا از وب سایتتون به یک اسلایدر، دکمه، منوی دراپ داون و … نیاز داشته باشین.

 

مثلا اگر در 5 قسمت از وب سایتتون به اسلایدر نیاز داشته باشین، باید کد های مربوط به اسلایدر رو 5 بار تکرار کنین!! ولی این واقعا کار بهینه ای نیست.

 

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

 

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

 

 

 

پیش نیاز یادگیری بوت استرپ

شما برای یادگیری بوت استرپ باید Html و Css رو به خوبی بلد باشین.

 

خیلی از دانشجویان سوال می پرسند که برای شروع بوت استرپ، چقدر از Css رو باید بلد باشیم؟!

 

شما باید به قدری Css بلد باشین که تمام کامپوننت های بوت استرپ رو بتونین با Css خالی پیاده سازی بکنین.

 

هر چقدر از Css رو بیشتر و بهتر بلد باشین، به همون اندازه تو یادگیری بوت استرپ راحت تر هستین.

 

پس محدودیتی در این موضوع وجود نداره. هر چقدر بیشتر، همون قدر بهتر.

 

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

 

 

 

آیا میتونم از بوت استرپ استفاده نکنم؟

جواب مثبت است. هیچ اجباری برای استفاده از بوت استرپ نیست.

 

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

 

اما بوت استرپ محبوب ترین و پر استفاده ترین فریمورک برای ریسپانسیو سازی هست و همچنین بازار کار بهتری نسبت به بقیه فریمورک های مرتبط دارد.

 

بوت استرپ محبوب است ~> پس به راحتی میتونین نیرو های لازم در زمینه بوت استرپ رو پیدا کنین.

بوت استرپ پر استفاده است ~> اگر در استفاده از بوت استرپ به مشکل خوردین، به راحتی میتونین برطرف کنین.

بوت استرپ بازار کار خوبی دارد ~> پس اگه یاد بگیرین میتونین کسب درآمد کنین.

پس اگه فریمورکی برای ریسپانسیو سازی یاد بگیرین، بوت استرپ بهترین گزینه هست.

 

 

بازار کار بوت استرپ

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

 

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

 

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

 

 

 

بعد از بوت استرپ

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

 

شما بعد از آموزش بوت استرپ میتونین به یادگیری Sass یا jQuery یا اکما اسکریپت یا … بپردازین.

 

 

 

قبل از دیدن آموزش بوت استرپ 5 باید ورژن 4 یا 3 رو بلد باشم؟

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

 

‌ در این دوره بوت استرپ 5 به شما آموزش داده می شود و شما برای آموزش بوت استرپ 5 هیچ نیازی به ورژن های قبلی بوت استرپ ندارید.

 

 

 

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

همان طور که میدونین ورژن 5 بوت استرپ به تازگی ارائه شده و آخرین ورژن بوت استرپ می باشد.

 

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

 

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

 

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

 

 

 

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

ورژن 5 بوت استرپ چند روز پیش ارائه شده و الان هیچ منبع آموزش فارسی براش وجود نداره.

یوزرکد اولین برگزار کننده دوره “آموزش برای بوت استرپ 5” به زبان فارسی هست.

دوره یوزرکد پروژه محور است

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

 

 

بوت استرپ 5 چه تغییراتی نسبت به ورژن 4 دارد؟

جی کوئری:

 

در ورژن 5 بوت استرپ خبری از جی کوئری نیست. این یعنی کاهش حجم پروژه و افزایش سرعت لود سایت.

 

گریدبندی

 

در ورژن های قبلی بوت استرپ برای گریدبندی از کلاس های xs md sm و … استفاده میکردیم. در ورژن 5 بوت استرپ یک کلاس جدید به نام xxl به بوت استرپ اضافه شده و گریدبندی نیز تغییرات جزئی داشته است.

 

نسخه RTL

 

در ورژن 4 به خاطر نسخه Rtl کلی اذیت می شدیم. نسخه Rtl رسمی وجود نداشت. خودمون میومدیم body رو rtl میکردیم و باز هم کلی اذیت میشدیم. تو ورژن 5 نسخه Rtl وجود داره و به راحتی میتونین ازش استفاده کنین.

 

تغییر صفت های data

 

قبلا در بوت استرپ کلاس هایی مثل مثل data-target یا data-toggle وجود داشت. این کلاس ها نیز به data-bs-toggle و … تغییر کردند.

 

مرورگر IE

 

از نسخه 5 بوت استرپ مرورگر های IE و Legacy Edge پشتیبانی نمی شوند.

 

علاوه بر این موارد در برخی کامپوننت ها مثل فرم ها، اینپوت ها، Toast ها و … تغییراتی داشته است.

 

همین الان می خوام این محصول رو با تمام آپدیت هاش تهیه کنم

 

منبع

Leave a reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>