دوره آموزشی Bootstrap 5: وب سایت های واکنش گرا مانند یک حرفه ای بسازید

Bootstrap 5 Course: Build Responsive Websites like a Pro

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: یاد بگیرید چگونه از Bootstrap 5 برای ایجاد صفحات وب شگفت انگیز استفاده کنید. در مورد آخرین فریم ورک Bootstrap یاد می گیرید شما یاد خواهید گرفت که تصاویر، جداول و تایپوگرافی واکنش گرا ایجاد کنید. کامپوننت های Bootstrap 5 مانند، Badge، Breadcrumb، Buttons، Button group، Card و خیلی چیزهای دیگر آموزش ساخت وب سایت از ابتدا با استفاده از Bootstrap 5 پیش نیازها: دانش اولیه HTML و CSS آمادگی، انعطاف پذیری و اشتیاق به یادگیری

آیا به دنبال شغلی پربار به عنوان یک توسعه دهنده وب علاقه دارید؟

از طرف دیگر، شاید بخواهید مهارت‌های خود را تقویت کنید و همه چیز را به سطح جدیدی ببرید؟

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

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

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

می‌توانید روی پیدا کردن همه چیزهایی که برای راه‌اندازی و اجرای سریع با کدنویسی نیاز دارید حساب کنید.



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

مقدمه ای بر بوت استرپ 5 Introduction to Bootstrap 5

  • چرا بوت استرپ را یاد بگیریم؟ Why Learn Bootstrap?

  • مقدمه ای بر بوت استرپ 5 Introduction to Bootstrap 5

  • چرا باید از بوت استرپ استفاده کرد؟ Why Should You Use Bootstrap?

  • مواد درسی Course Materials

بررسی اجمالی Bootstrap 5، پیوندهای CDN و برنامه های افزودنی Bootstrap 5 Overview, CDN links & Extensions

  • مروری بر وب سایت بوت استرپ An overview of the Bootstrap website

  • چگونه از بوت استرپ در پروژه خود استفاده کنیم؟ How to use Bootstrap in Your Project?

  • بوت استرپ با استفاده از پیوندهای CDN Bootstrap using CDN Links

  • نصب افزونه های مهم Installing important extensions

  • استفاده از پیوندهای CDN در مقابل دانلود فایل ها Using CDN Links vs Downloading Files

  • نصب برنامه های افزودنی مهم Installing Important Extensions

طرح بندی بوت استرپ 5 Bootstrap 5 Layout

  • نقاط شکست بوت استرپ Bootstrap Breakpoints

  • رنگ متن و رنگ پس زمینه Text Color and Background Color

  • سفارشی سازی در بوت استرپ Customization in Bootstrap

  • کلاس Col در بوت استرپ Col class in Bootstrap

  • سیستم شبکه بوت استرپ Bootstrap's Grid System

  • ناودان Gutters

تایپوگرافی در بوت استرپ Typography in Bootstrap

  • تایپوگرافی بوت استرپ 5 Bootstrap 5 Typography

  • تصاویر در بوت استرپ Images in Bootstrap

  • بوت استرپ 5 جدول Bootstrap 5 Tables

  • حاشیه و بالشتک Margin and Padding

فرم های بوت استرپ Bootstrap Forms

  • کنترل های فرم Form Controls

  • انتخاب فرم Form Select

  • چک باکس های بوت استرپ Bootstrap Checkboxes

  • محدوده فرم بوت استرپ Bootstrap Form Range

  • گروه ها را در بوت استرپ تشکیل دهید Form Groups in Bootstrap

  • ساخت یک فرم کامل با بوت استرپ Building a complete form with Bootstrap

  • فرم شناور با بوت استرپ Floating Form with Bootstrap

Bootstrap 5 Components Bootstrap 5 Components

  • هشدارهای بوت استرپ Bootstrap Alerts

  • دکمه های بوت استرپ Bootstrap Buttons

  • نشان های بوت استرپ Bootstrap Badges

  • کارت های بوت استرپ Bootstrap Cards

  • چرخ فلک بوت استرپ Bootstrap Carousel

  • نوار ناوبری Navigation Bar

مینی پروژه Mini Project

  • مینی پروژه: ساخت یک وب سایت از ابتدا - در 20 دقیقه! Mini Project: Build a Website from Scratch - in 20 minutes!

نمایش نظرات

دوره آموزشی Bootstrap 5: وب سایت های واکنش گرا مانند یک حرفه ای بسازید
جزییات دوره
2 hours
33
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
50,364
4.2 از 5
دارد
دارد
دارد
Meta Brains
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Meta Brains Meta Brains

بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفه‌ای و آموزشی را برای ایجاد برنامه‌های آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم می‌آوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!