پکیج بوت استرپ (Bootstrap) از مقدماتی تا پیشرفته

پکیج جامع بوت استرپ محبوبترین فریم ورک و کتابخانه HTML, CSS و JavaScript در دنیای وب به زبان فارسی شامل همه مراحل آموزش از مقدماتی تا سطح پیشرفته برای توسعه وب سریع‌تر و آسان‌تر برنامه نویسی وب در سایت قرار گرفت.

سطح مقدماتی – پیشرفته

پکیج اورجینال و شکیل فیزیکی نسخه دانلودی

width=750

ویژگی های اصلی مجموعه آموزشی ” صفر تا صد آموزش بوت استرپ ”  :

– ۳۷۰ دقیقه آموزش فارسی بوت استرپ ۴ به صورت کاملا پروژه محور از آشنایی مقدماتی تا انجام پروژه های مختلف کاربردی .
– آموزش فوق العاده کاربردی و سطح یک جهانی دوبله شده از اساتید معتبر برنامه نویسی دنیا
برای اولین بار در ایران! ترجمه ، فارسی سازی ، بومی سازی و دوبله شده با بهترین کیفیت توسط متخصصین برنامه نویسی وب ایرانی
* شامل دوره آموزشی فارسی و مثال محور :
دور آموزشی  “آموزش جامع بوت استرپ ” – Bootstrap Essential Training
– همراه با سورس ارزشمند پروژه های آموزشی فارسی
– به علاوه بیش از ۲۰ ساعت دوره های تخصصی آموزش Bootstrap به زبان انگلیسی .
– همراه با تمام نرم افزار های مطرح کدنویسی وب Editors & IDEs
– بسته ای عالی برای تمام علاقمندان به برنامه نویسی وب

width=600

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

بوت استرپ ( به انگلیسی : Bootstrap ) یک چارچوب یا فریم ورک قدرتمند، زیبا و چشم‌نواز برای توسعه وب سریع‌تر و آسان‌تر است. Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.
بوت‌استرپ محبوب‌ترین پروژه در GitHub است که توسط NASA و MSNBC و دیگر سایتهای مطرح استفاده شده است. با استفاده از اطلاعات رابط برنامه‌نویسی (API) در بوت استرپ می‌توان اجزاء واسط پیشرفته مانند scrollspy و تکمیل کننده خودکار کلمات (typeahead) را بدون نیاز به نوشتن حتی یک خط کد جاوا اسکریپت ایجاد نمود. بهترین نکته بوت استرپ این است که متن باز بوده و به صورت رایگان قابل دانلود و استفاده می‌باشد.

نمونه فیلم معرفی دوره آموزشی فارسی ” آموزش جامع بوت استرپ ”

دوره آموزشی فارسی ” آموزش جامع بوت استرپ ”

بوت استرپ که یک فریم ورک front-end با استفاده از HTML، CSS و jQuery است، برای کمک به توسعه دهندگان وب طراحی شده است تا به سرعت و به راحتی وبسایت های واکنش گرا و سازگار با موبایل بسازند که با مرورگرهای مختلف سازگاری دارند. بوت استرپ که یک فریم ورک منبع باز است شامل یک Grid دوازده ستونه و کامپوننت های آماده استفاده است. در این دوره یک مرور کلی بر روی تمام قسمت های مهم این فریم ورک محبوب خواهیم داشت تا در شروع کار با بوت استرپ به شما کمک کنیم. در این دوره گزینه های نصب را پوشش می دهیم و استایل های اصلی را بررسی می کنیم که نحوه نمایش محتوا در پلتفرم ها و مرورگرهای مختلف را یکپارچه سازی می کنند. همچنین نحوه استفاده از سیستم flexbox grid را توضیح می دهیم تا بتوانید هر نوع صفحه بندی که بخواهید را انجام دهید، از کلاس های مختلف استفاده کنید تا در پروژه خود حرکت کنید و با مولفه های تعاملی مثل منوهای کشویی و گالری تصاویر و غیره کار کنید.

width=607

عناوین و سرفصل های دوره ” آموزش بوت استرپ ” به زبان فارسی و پروژه محور:

مقدمه
۱- خوش آمدگویی
۲- چیزهایی که باید بدانید
۳- استفاده از فایل های تمرینی
فصل اول – آغاز به کار
۱- مقدمه
۲- گزینه های نصب
۳- ساخت یک قالب ساده
فصل دوم – استفاده از استایل ساده
۱- بررسی استایل های ساده
۲- تایپوگرافی ساده
۳- ابزارهای تایپوگرافی
۴- Blockquoteها و لیست ها
۵- استفاده از رنگ ها در بوت استرپ
۶- کار با تصاویر

width=607

فصل سوم – کسب مهارت در طرح بندی با بوت استرپ
۱- مروری بر Layout
۲- Container ها و سطرها
۳- استفاده از ستون ها
۴- کلاس های چند ستونی
۵- آفست کردن ستون ها
۶- ستون های Nest شده
۷- ترتیب اختصاصی
۸- گزینه های ترازبندی grid
۹- خصوصیات نمایش
۱۰- گزینه های Flexbox Container
۱۱- المان های Flex انفرادی
۱۲- عناصر شناور
۱۳- Margin و Padding
۱۴- قابلیت رویت
۱۵- ابزارهای اندازه دهی

width=607

فصل چهارم – استفاده از ناوها و مولفه های ناوبار
۱- مروری بر Navbar
۲- ساخت ناوبری ساده
۳- ساخت یک Navbar
۴- استفاده از Branding و متن
۵- افزودن یک منوی کشویی به ناوبری
۶- افزودن المان های فرم
۷- کنترل کردن موقعیت
۸- ایجاد محتوای قابل بسته شدن
فصل پنجم – بررسی المان استایل
۱- بررسی المان Style ساده
۲- ساخت دکمه ها
۳- گروه های دکمه
۴- استفاده از Badge ها
۵- استایل های نوار پیشرفت
۶- گروه های لیست
۷- Breadcrumb ها

width=607

فصل ششم – استفاده از کامپوننت طرح بندی
۱- بررسی کامپوننت Layout
۲- افزودن یک Jumbotron
۳- استایل های جدول
۴- Layout های ساده Card
۵- کلاس های محتوای Card
۶- Layout های Card
۷- استفاده از شی Media
فصل هفتم – استفاده از استایل های فرم
۱- بررسی استایل های Form
۲- ساخت یک فرم ساده
۳- چک باکس ها و کلاس های Radio
۴- استایل های سایز و اعتبارسنجی
۵- فرم های چند ستونی
۶- ساخت گروه های Input

width=607

فصل هشتم – کار با کامپوننت های تعاملی
۱- بررسی کامپوننت های تعاملی
۲- افزودن Tooltip ها
۳- نمایش Popover ها
۴- ساخت Alert ها
۵- استفاده از منوهای Dropdown
۶- افزودن Collapse Accordion
۷- استفاده از Modal ها
۸- ساخت Carousel ها
۹- استفاده از ScrollSpy
فصل نهم – نتیجه گیری
۱- گام های بعدی

همراه با بهترین دوره های تخصصی آموزش Bootstrap به زبان انگلیسی :

–  دوره آموزشی ۳ ساعته ” آموزش Bootstrap : پروژه های عملی در بوت استرپ ”
Packt Publishing – Bootstrap 4 Projects

–  دوره آموزشی ۵ ساعته ” آموزش Bootstrap : توسعه سایتهای ریسپانسیو یا واکنش گرا”
Packt Publishing – Learn Bootstrap 4 Responsive Web Development

width=250 width=250

–  دوره آموزشی ۱ ساعته ” آموزش Bootstrap : نکات یادگیری بوت استرپ ”
Packt Publishing – Bootstrap 4 Recipes

–  دوره آموزشی ۴ ساعته ” آموزش Bootstrap 4 به صورت گام به گام ”
Packt Publishing – Learning Bootstrap 4

width=250 width=250

–  دوره آموزشی ۳ ساعته ” آموزش حرفه ای Bootstrap 4 سطح پیشرفته “
Packt Publishing – Mastering Bootstrap 4

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

نمونه هایی دیگر از آموزش را در ادامه مشاهده نمایید:


آموزش های مشابه

مشاهده همه
آموزش صفر تا صد انیمیشن سازی 2 بعدی موهو
آموزش صفر تا صد انیمیشن سازی 2 بعدی موهو

مدرس : میلاد فتحیانی

0
19:14:50
0
قیمت دوره 29٪ 1,500,000 تومان 2,100,000
ادامه مطلب
آموزش فوت و فن طراحی وب سایت
آموزش فوت و فن طراحی وب سایت

مدرس : میلاد فتحیانی

0
15:15:18
0
قیمت دوره 21٪ 1,500,000 تومان 1,900,000
ادامه مطلب

محصولات مشابه

مشاهده همه
آموزش ریزن (Reason) از صفر تا صد
آموزش ریزن (Reason) از صفر تا صد
قیمت محصول 11٪ 310,000 تومان 350,000
ادامه مطلب
آموزش پروژه محور جنگو
آموزش پروژه محور جنگو
قیمت محصول 10٪ 350,000 تومان 390,000
ادامه مطلب

دیدگاهتان را بنویسید

1 2 3 4 5

نظر درباره «»

  • ابوالفضل
    ابوالفضل آیا این دیدگاه مفید بود ؟

    ببخشید پکیج فیزیکی cd داره یا فلشی رمی چیزیه ؟

    پاسخ
  • mohammad
    mohammad آیا این دیدگاه مفید بود ؟

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

    پاسخ
مشاهده همه نظرات
سبد خرید
سبد خرید شما خالی است
× جهت نصب روی دکمه زیر در گوشی کلیک نمائید
آی او اس
سپس در مرحله بعد برروی دکمه "Add To Home Screen" کلیک نمائید