قیمت رایگان!

ویژگی های دوره
39 دانشجو
نوع دوره: غیرحضوری ، ویدئویی
سطح دوره: پیشرفته
پیش نیاز: آموزش html و css
زبان: فارسی
4 ساعت و سی دقیقه
یک گیگابایت
روش دریافت: فایل دانلودی
روش پشتیبانی: تلفنی و آنلاین
488 بازدید 0 دیدگاه

در این دوره چه آموزش داده می شود؟

قبل از اینکه بریم سراغ اینکه تو این آموزش چه مواردی رو بررسی کردیم یه تعریف از اینکه بوت استرپ چیه داشته باشیم : بوت استرپ یه فریم ورک خیلی باحال و کارآمده که یه قابلیت چند باره داره و شما میتونین از کد های از قبل نوشته شده html و css و جاوااسکریپت استفاده کنین و وب سایت های زیبا و ریسپانسیو با پهاش بسازین .

فریمورک بوت استرپ را می‌توان محبوت‌ترین فریمورک برای طراحی صفحات وب ریسپانسیو یا واکنشگرا دانست. این فریمورک به شما کمک می‌کند تا در کمترین زمان صفحات وب را به صورت کاملاً واکنشگرا پیاده‌سازی کنید.

همچنین این فریمورک با داشتن کامپوننت‌های مختلف این امکان را فراهم می‌کند تا انواع اجزاء به کار رفته در صفحات وب را (مانند دکمه‌ها، اسلایدرها، فرم‌ها و …) با کمترین میزان کدنویسی و در کمترین زمان ایجاد کنیم.

در این دوره آموزشی سعی بر این است که تمام جزئیات این فریمورک محبوب در آخرین نسخه‌ی آن (نسخه 4.1) مورد بررسی قرار گرفته و همچنین چندین پروژه عملی با استفاده از این فریمورک پیاده‌سازی شود.

در این دوره آموزشی علاوه بر آشنایی با تمام جزئیات این فریمورک با تعدادی کتابخانه و افزونه آشنا خواهید شد که می‌توانند در کنار بوت استرپ به کار برده شوند و قدرت بوت استرت را چندین برابر کنند. که از این موارد می‌توان به کتابخانه‌های Animate.css، Smooth-Scroll، wow.js و … و یا افزونه هایی مانند Lightbox، Owl-Carousel و اشاره کرد.

تنها پیش‌نیاز ضروری این دوره آشنایی با HTML و CSS در حد متوسط است. اما آشنایی با JavaScript و jQuery هم می‌تواند برای این دوره مفید واقع شود.

بررسی نسخه های قبلی بوت استرپ 4

 

بوت استرپ 4 سال پیش به وسیله Mark otto و Jacob Thornton  منتشر شد و برای ریسپانسیو کردن امکانات کمی داشت و فقط از سایه ها استفاده کرده بود با اینکه این نسخه خیلی مورد توجه قرار نگرفت اما راه رو برای نسخه های بعدی باز کرد و نظرات بسیاری رو به سمت خودش جلب کرد .

نسخه دو بوت استرپ

در نسخه دوم به صورت کامل طراحی ریسپانسیو پیاده سازی شد ولی در این نسخه کلیه کدها براساس پیکسل تعریف میشدند و عملا سایت های طراحی شده به جای ریسپانسیو انطباق پذیر یا همان Adaptive بودند.همچنین در نسخه دوم دیگر اینترنت اکسپلورر ۷ توسط بوت استرپ پشتیبانی نمیشد.

نسخه سه بوت استرپ

وقتی بوت استرپ 3 معرفی شد به دلیل ویژگی هایی که داشت خیلی مورد توجه کاربران قرار گرفت و موج عظیمی از کاربران و طراحان وب و برنامه نویسیان وب در سراسر دنیا از این نسخه استقبال کردند به ظوری که 2 درصد سایت های دنیا با این فریم ورک ظراحی شدند و جالب تر از همه اینها این است که 14 درصد از سایت هایی که رنک الکسای زیر 10 دارند هم با همین فریم ورک طراحی شدند .

در این نسخه طراحی ظاهری کاملا فلت شده و سایه ها از کلیه المان ها حذف شدند. ساختار گرید بندی و ریسپانسیو نیز در آن بهبود چشم گیری داشته است. تقسیم بندی صفحه به صورت درصدی انجام میشد و عملا سایت شما در هر سایزی نمایش مناسبی داشت. این نسخه اولین نسخه ای بود که ۱۰۰ درصد ریسپانسیو محسوب میشد. ضعف اصلی بوت استرپ ۳ بازه بندی نسخه های موبایل و تبلت و دسکتاپ است زیرا در سایزهای کوچکتر از ۷۶۸ پیکسل سایت در همه دستگاه ها نمایش یکسانی دارد و طراحی شما برای موبایل و مینی تبلت شبیه هم میشود. یا باید سایز المان ها در تبلت خیلی بزرگ میشد یا در موبایل خیلی کوچک، بسیاری از طراحان وبسایت مجبور میشدند دستورات اضافی CSS برای نمایش صحیح در سایزهای کمتر از ۵۰۰ پیکسل بنویسند.

نسخه چهار بوت استرپ

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

علاوه براین سایز بندی Media Query ها در نسخه جدید کاملا تغییر کرده و در بازه های ۵۷۶، ۷۶۸، ۹۹۲ و ۱۲۰۰ پیکسل تقسیم بندی شده است. این تقسیم بندی جدید به شما کمک میکند مرز مشخصی میان موبایل، تبلت و دسکتاپ داشته باشید.

پیش نیاز های این دوره آموزشی

برای یادگیری این آموزش نیاز است که آموزش html و آموزش css رو یاد گرفته باشین .

سرفصل دوره آموزشی

  • مقدمه و معرفی
  • نصب بوت استرپ – گزینه ها بوت استرپ – ایجاد یک چیدمان ساده
  • فصل سوم
    • بررسی استایل ها
    • کلاس های مربوط به متن
    • کلاسهای لیست و blockquotes
    • کلاسهای مربوط به رنگ
    • کلاسهای مربوط به تصویر
    • متغیرها در css
  • فصل چهارم: مدیریت چیدمان در بوت استرپ
  • بررسی کلی چیدمان در بوت استرپ
  • ردیف ها و نگه دارنده ها
  • استفاده از ستون ها
  • استفاده از کلاسهای ستون چندتایی
  • ستون های offset
  • ستون های تو درتو
  • مرتب سازی سفارشی
  • گزینه ها چیدمان شبکه بندی
  • ویژگی های نمایش
  • نگه دارنده flexbox
  • گزینه ها flexbox
  • عناصر flex
  • Margin-padding
  • Visibility
  • اندازه کمکی ها
  • استفاده از border ها

 

فصل 4 استفاده از منوها و نوارهای منو

  • بررسی نوار منو
  • ایجاد منو پایه
  • ایجاد یک منو
  • ایجاد برند و متن
  • ایجاد لیست کشویی در نوار منو
  • ایجاد عناصر فرم
  • موقعیت های کنترلی
  • ایجاد محتوای قابل تغییر

فصل 5 استایل عناصر

  • بررسی استایل عناصر پایه
  • ایجاد دکمه
  • گروه دکمه ها
  • استفاده از نشانها
  • استایل نوار پیشروی
  • گروه های لیست
  • Bread crumb

فصل 6: ایجاد کامپوننت های چیدمان

  • بررسی کامپوننت های چیدمان
  • ایجاد jumbotron
  • استایل جدول
  • Card ها
  • کلاسهای محتوای کارتها
  • چیدمان کارت ها
  • استفاده از media objects

فصل 7:فرم ها

  • بررسی فرم پایه
  • ایجاد فرم پایه
  • Checkbox ها و radio buttons
  • اندازه و استایلهای اعتبارسنجی
  • فرمهای چندستونی
  • ایجاد گروههای ورودی

فصل 8 : کار کردن با کامپوننت های interactive

  • بررسی کامپوننتهای interactive
  • ایجاد tooltip
  • نمایش popover
  • ایجاد هشدار
  • استفاده از dropdown
  • ایجاد اکاردئون collapse
  • استفاده از modal
  • ایجاد carousel و اسلایدشو
  • استفاده از scrollspy
  • نتیجه گیری

 

 

 

1. مقدمه و معرفی

پیشنمایش و معرفی دوره ویدئو

10:26 دقیقه

استایل ها و کلاس ها ویدئو

6:40 دقیقه

استایل ها و کلاس های متون ویدئو

6:40 دقیقه

خصوصی

رنگ ها ویدئو

6:07 دقیقه

خصوصی

تصاویر ویدئو

3:23 دقیقه

خصوصی

متغیر ها در css ویدئو

05:22 دقیقه

خصوصی

استفاده از بوت استرپ برای layout ویدئو

16:22 دقیقه

پیش نمایش
خصوصی

کلاس های کمکی ویدئو

26:06 دقیقه

خصوصی

منوها ویدئو

15:58 دقیقه

خصوصی

منوها قسمت دوم ویدئو

17:11 دقیقه

خصوصی

دکمه ها ویدئو

11:05 دقیقه

پیش نمایش
خصوصی

عناصر پایه ای در بوت استرپ ویدئو

12:08 دقیقه

خصوصی

هشدار ها ویدئو

10:22 دقیقه

خصوصی

چیدمان ها ویدئو

07:25 دقیقه

پیش نمایش
خصوصی

کارت ها ویدئو

19:26 دقیقه

خصوصی

فرم ها ویدئو

18:52 دقیقه

خصوصی

input group ویدئو

10:49 دقیقه

پیش نمایش
خصوصی

custom input ویدئو

09:54 دقیقه

خصوصی

tooltip و popover ویدئو

11:46 دقیقه

خصوصی

modal ها ویدئو

07:46 دقیقه

پیش نمایش
خصوصی

carousel برای ساخت اسلاید شو ویدئو

08:22 دقیقه

خصوصی

collapse ویدئو

07:49 دقیقه

خصوصی

scrollspy1 ویدئو

03:17 دقیقه

خصوصی

flexbox ها ویدئو

20:52 دقیقه

خصوصی

فایل های تمرینی دوره فایل های ضمیمه

خصوصی

درخواست مشاوره

برای کسب اطلاعات بیشتر درباره این دوره درخواست مشاوره خود را ارسال کنید و یا با ما در تماس باشید.

درخواست مشاوره

نیاز به مشاوره دارید؟

در صورتی که نیاز به مشاوره دارید می توانید فرم را تکمیل نمایید و یا با ما در تماس باشید

درخواست مشاوره رایگان

moreدوره های مرتبط

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

در این دوره چه آموزش داده می شود؟ تقریبا حدود یک دهه از ورود گوشی های هوشمند به بازار میگذره…
تومان39,000

آموزش برنامه نویسی اندروید فصل دوم

در این دوره چه آموزش داده می شود؟ اندروید اسم یک سیستم عامله که به وسیله ی شرکت گوگل  برپایه…
تومان20,000

ساخت اپلیکیشن دیوار با اندروید

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

آموزش لینوکس

در این دوره چه آموزش داده می شود؟ امروزه در بیشتر نقاط دنیا از لینوکس به عنوان یک سیستم عامل قابل اعتماد…
رایگان!

chat_bubble_outlineنظرات

قوانین ثبت دیدگاه

  • دیدگاه های فینگلیش تایید نخواهند شد.
  • دیدگاه های نامرتبط به مطلب تایید نخواهد شد.
  • از درج دیدگاه های تکراری پرهیز نمایید.
  • امتیاز دادن به دوره فقط مخصوص دانشجویان دوره می باشد.

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *