۲۷ آذر اموزش بوت استرپ 5 (5 Bootstrap)
اموزش بوت استرپ (آموزش بوت استرپ 5)
اگر دوست داری دیزاین سایتت رو سریع تر طراحی کنی و از کامپوننت های بوت استرپ استفاده کنی، همراه من باش. قول 100% میدم بهت که آموزش بوت استرپ 5 برات مفید باشه.
دوره اموزش بوت استرپ مناسب چه کسانی است؟
دوره اموزش بوت استرپ مخصوص کسانی هست که میخواهند یاد بگیرند چطور میشود با استفاده از بوت استرپ، دیزاین UI پروژهای تحت وب را پیاده سازی کرد و فرانت استانداردتری ایجاد کرد.
دوره آموزش بوت استرپ به صورت کامل و تضمینی پاسخگوی نیاز بازار کار برای شما خواهد بود. پس از پایان دوره بوت استرپ شما قادر خواهید بود که به صورت کامل UI یک پروژه تحت وب رو با استفاده از بوت استرپ پیاده سازی کنید.
آخر دوره اموزش بوت استرپ چه کاره میشم؟
توی دوره اموزش بوت استرپ بهت یاد میدم وقتی دوره رو تموم کردی چطوری رابط گرافیک کاربری یک وب سایت را بتونی از صفر صفر به صورت کامل با استفاده از بوت استرپ پیاده سازی کنی.
پیش نیاز باید چیزی بلد باشم؟
پیش نیاز این دوره، آشنایی با HTML و CSS است. اصلا نگران آن هم نباشید. ما دوره طراحی وب رو به صورت رایگان برای شما در نظر گرفتیم که با خرید دوره بوت استرپ به صورت رایگان میتونید از پورتال مخصوص خودتون بهش دسترسی داشته باشید.
انتقال تجربه
احتمال بعد از تحقیق در اینترنت و دیدن کلی ویدیو آموزشی سوال هایی توی ذهنت به وجود اومده. اگر سوالهایی ذهنتو مشغول کرده که دید درستی نسبت به پاسخش نداری، مثلا پرسشهایی از جنس:
- نقشه راه من در برنامه نویسی چیه؟
- برای یادگیری بوت استرپ چه پیشنیازی لازم هست؟
- چطوری تئوری هایی که بهم میگن رو در پروژه به کار ببرم؟
- حتما باید تحصیلات دانشگاهی داشته باشم؟
- اگر بخوام برای web برنامه نویسی کنم باید چیا بلد باشم؟
- من n سالم هست، حالا یا عدد کم یا زیاد ؛ مثلا من 12 سالم هست آیا میتونم برنامه نویسی یاد بگیرم ؟
- یا مثلا من 32 سال دارم ، دیر نیست برای “شروع” وارد این دنیا بشم؟
منم کاملا این مشکلات رو داشتم و برای این تیپ سوالها راه حل کامل و جامع در نظر گرفتم برات. من توی این مسیر بهت تجربه خودمو منتقل میکنم، تجربه ای که سال های سال توی پیاده سازی پروژه های واقعی و بزرگ کشور با زحمت بدست آوردم.
میخوام بهت این خبر خوبو بدم که من این مسیر رو طی کردم و تجربه های خودمو میخوام بهت منتقل کنم. پس نگران نباش، فقط باید شروع کنی.
پروژه عملی بوت استرپ
دوست عزیز من دقت کن، تا اینجای کار که پیش اومدی، همه ی موارد بوت استرپ رو به صورت کامل یاد خواهی گرفت. اما اما اما یک نکته خیلی خیلی مهم وجود داره اونم اینکه باید توی استفاده از بوت استرپ مهارت پیدا کنی. باید بتونی مواردی رو که خوندی رو توی پروژه به صورت عملی پیاده سازی کنی.
پروژه عملی در دوره اموزش بوت استرپ
برای همین توی این دوره قراره با هم یک پروژه رو شروع کنیم، باید بری کد بزنی، تمرین ارسال کنی و مهارتتو قوی کنی. به تمام سوال های ذهنت پاسخ میدم. نگران نباش.
استارت از نقطه صفر
من توی این دوره، از صفر صفر صفر برای کسانی که اصلا با برنامه نویسی آشنایی ندارن، یا افرادی که مقداری با برنامه نویسی آشنایی دارن ولی تسلط کافی ندارن، شروع به آموزش موارد مورد نیاز کردم.
پورتال اختصاصی اعضا
توی این دوره یک پورتال اختصاصی برات روی سایت فراهم کردم که میتونی به صورت مستقیم فایل ها رو دانلود کنی، فیلم با کیفیت HD و نسخه کم حجم رو دانلود یا مشاهده کنی، فایل های تمرین هر جلسه رو ببینی و در صورت وجود پرسش از مدرس سوال کنی.
گارانتی بازگشت وجه
برای دوره اموزش بوت استرپ ضمانت بازگشت وجه در نظر گرفتم. یعنی اگر این دوره رو دیدی و تمرین های دوره رو انجام دادی، و احساس کردی که این آموزش های برات خوب و مفید نبوده، کمترین کاری که میتونم بکنم بازگشت پول شما بی هیچ قید و شرطی در کمال احترام هست.
پس بدون هیچ ترسی ، همراه من باش.
مقدمه
- مقدمه ای بر بوت استرپ
- بوت استرپ چیست؟
- جایگاه بوت استرپ در طراحی UI سایت کجاست؟
- معرفی vscode
- بررسی تفاوت قالب آماده با بوت استرپ
راه اندازی
- ایجاد یک پروژه از صفر
- دانلود آخرین نسخه بوت استرپ
- اضافه کردن بوت استرپ به پروژه
- اطمینان از نصب درست بوت استرپ
شروع کار با بوت استرپ
- نحوه نصب با استفاده از npm
- بررسی فایل های موجود در بوت استرپ
- بررسی رزولوشن های مختلف در بوت استرپ
- بررسی انواع شکست ها برای رزولوشن ها
- کار با container ها
- بررسی ورژن های قدیمی بوت استرپ
- نحوه صحیح استفاده از row و col
- تقسیم بندی صحیح صفحه
- بررسی انواع layout بندی ها و grid ها
- آشنایی با gutter ها
کار با محتوا
- تایپوگرافی
- هدینگ ها
- لیست ها
- تصاویر و سایزبندی و استایل ها
- کار با جداول و استایل مختلف جداول
- آشنایی با انواع رنگ بندی های بوت استرپ
فرم ها
- کار با فرم ها
- بررسی استایل input های text
- بررسی کنترل های select option
- بررسی استایل های checkbox و radio button
- بررسی کنترل range
- بررسی input group ها
- بررسی floating label input ها
- بررسی layout بندی فرم ها
- بررسی validation در فرم ها
کامپوننت ها
- بررسی کامپوننت های بوت استرپ
- Accordion
- Alerts
- Badge
- BreadCrumbs
- Buttons
- Button Group
- Card
- Carousel
- Close Button
- Collapse
- Dropdowns
- List group
- Modal
- Navs & tabs
- Navbar
- Pagination
- Popovers
- Progress
- Scrollspy
- Spinners
- Toasts
- Tooltips
کلاس های کمکی
- Clearfix
- لینک ها و رنگ بندی
- Ratio
- انواع Position ها
- Visually Hidden
- Stretched Link
- Text truncation
ابزارهای کمکی
- border ها و انواع رنگ بندی ها
- رنگ بندی های استاندارد بوت استرپ
- انواع کلاس های مربوط به display
- flex
- float
- interaction ها
- position ها
- سایه ها
- انواع سایزبندی
- فاصله های padding و margin
- کار با متن
- Vertical align
- قابلیت مشاهده
فونت آیکون
- آشنایی با Font Awesome
- دانلود Font Awesome
- اضاف کردن به پروژه
- بررسی نحوه استفاده از انواع فونت آیکون ها
پروژه عملی
3 قسمت از دوره اموزش جاوا 0 تا 100 را رایگان تهیه کنید.
ضمانت بازگشت وجه
دوره آموزشی بوت استرپ به صورت تخصصی و با دقت فراوان تهیه و تولید شده است. هدف از ارائه این آموزش تخصصی، یادگیری مهارتی دانشپذیران به صورت پروژه محور است. در این آموزش به صورت استاندارد میتوانید قدم به قدم برای یادگیری بوت استرپ قدم بردارید. در صورتی که مطالب خارج از سرفصل ارائه شد و احساس مفید نبودن مطالب برای شما پدید آمد، کمترین کار ممکن بازگشت بدون قید و شرط مبلغ سرمایه گزاری شده توسط شما است.
پشتیبانی تلگرامی، عضویت در گروه مخصوص اعضا
ایمیل مخصوص دوره
فرم مخصوص پرسش مستقیم از مدرس در صفحه پورتال در وبسایت
ضبط دوره اموزش بوت استرپ به پایان رسیده است و در مراحل تدوین دوره هستیم.
لطفا از شماره موبایل معتبر استفاده نمایید. تمامی اطلاعات دوره به شماره شما پیامک می گردد.
بدون نظر