info@academyit.net 02144284207

خلاصه دوره

آموزش bootstrap | ورژن 4 | دوره جدید

امتیاز
آموزش bootstrap | ورژن 4 | دوره جدید مدت زمان 22:52:07
تعداد ویدئوها 61 فایل
درصد تکمیل 100%
100%

مدرس دوره

محمدرضا کیانی

برنامه نویس front-end و وردپرس و طراح گرافیک مسلط به طراحی قالب با فریم ورک های مختلف مانند متریالایز و بوت استرپ و ...

مشاوره تلفنی

با ما تماس بگیرید

درصورتی که نیاز به مشاوره تلفنی دارید لطفا در روز های شنبه تا 4 شنبه بین ساعات 9 الی 16 با شماره تلفن زیر تماس حاصل فرمایید تا مشاوران دوره در این زمینه شما را راهنمایی کنند .
02144284207
آموزش bootstrap | ورژن 4 | دوره جدید
بوت استرپ 4 | دوره ی جدید

آموزش bootstrap 4 | آموزش مقدماتی تا پیشرفته بصورت پروژه محور | دوره جدید

دوره پروژه محور بوت استرپ 4 - ورژن جدید 

 

بوت استرپ یکی از محبوب ترین فریمورک های Css جهان است که با استفاده از آن میتوان وبسایت های مختلفی را در سریعترین زمان ممکن بوجود آورد . این ابزار با امکاناتی که در اختیار ما میگذارد به ما این اجازه را میدهد تا وبسایت های زیبا و کاملا واکنش گرا  ایجاد کنیم .  ما در این دوره قصد داریم آموزش فریمورک بوت استرپ ورژن 4 را به شما عرضه کنیم  در این ورژن 4 نسبت به ورژن قبلی تغیراتی ایجاد شده است که باعث بهینه تر شدن و و اسان تر شدن کار با این فریمورک را فراهم کرده . نکته ای که بسیار مهم است شما برای یادگیری این دوره نیاز به یادگیری ورژن قبلی (bootstrap3) ندارید.

 

 

سر فصل ها  :

فصل اول  : آموزش سیستم گرید و تغییرات آن در ورژن 4

   نصب و راه اندازی

معرفی سیستم گرید

بررسی کلاس های سیستم گرید

پروژه سیستم گرید

و....

 

فصل دوم : آموزش کار با محتوا و تغییرات آن در ورژن 4

کار با کلاس های تایپوگرافی

کار با  کلاس های کدها

کار با کلاس های  تصاویر

کار با کلاس  جداول و استایل داده به آن ها

    و ...

فصل سوم : آموزش Component ها و تغییرات آن در ورژن 4

ایجاد فرم ها

ایجاد منو ها

ایجاد اسلاید شو

    ایجاد  مدال ها

    ایجاد  Progress bar

ایجاد collapse , carousel

    ایجاد  card

    ایجاد  list group

    ایجاد پیغام های برای کاربران alert

    ایجاد صفحه بندی 

    ایجاد دکمه ها متنوع

    و....

 

فصل چهارم : آموزش  Utility یا کار با کلاس های کمکی و همچنین کلاس های اضافه شدنه در این ورژن

بررسی کلاس های رنگی

برسی کلاس های border

بررسی کلاس های margin

بررسی کلاس های padding

بررسی کلاس های تراز بندی عناصر (افقی و عمودی)

بررسی کلاس های شناور سازی عناصر وب

بررسی کلاس های نمایش و مخفی کردن عناصر

و.....

فصل پنجم : طراحی قالب واکنش گرا تحت فریمورک بوت استرپ

ایجاد یک قالب آموزشی توسط html css js   تحت فریمورک بوت استرپ ورژن 4

 

برای اطلاعات بیشتر حتما ویدیئو زیر را مشاهده فرمایید 

 

 

لیست جلسات آموزشی

بخش موضوع سرفصل مدت زمان دانلود فایل
1 آشنایی با دوره بوت استرپ 4/ رایگان 00:06:25 دانلود
8 جزئیات دوره بوت استرپ 4/ رایگان 00:11:25 دانلود

نظرات کاربران

  • کاربر آکادمی آی تی
    سلام. با بوت استرپ میشه قالبی مثل سایت دیجی کالا طراحی کرد؟
    Armin در ۲۷ بهمن ۱۳۹۶ 0
    • کاربر آکادمی آی تی
      سلام بوت استرپ یک فریم ورک هست که کار شمار رو برای کدنویسی راحت تر میکنه و اگر زبانهای html-css-jquery-javascript رو هم باید بلد باشید واگر همه اینها اوکی باشن چرا که نه
      مدیر ارشد در ۲۸ بهمن ۱۳۹۶ 0
  • سلام خسته نباشید،این دوره تموم شده؟اگر نه چ زمانی احتمالا تموم میشه ممنون
    علی کارگری در ۱۵ آذر ۱۳۹۶ 0
    • کاربر آکادمی آی تی
      سلام بله دوست عزیز تمام شده
      مدیر ارشد در ۱۶ آذر ۱۳۹۶ 3
  • کاربر آکادمی آی تی
    سلام، این دوره شامل چه سر فصل هایی هست؟
    رضا در ۸ آذر ۱۳۹۶ 0
  • کاربر آکادمی آی تی
    سلام خسته نباشید ببخشید در رابطه با یادگیری بوت استرپ نیاز به یادگیری کامل جی کوئری هست یا نه؟
    میلاد بابایی در ۶ اردیبهشت ۱۳۹۶ 2
    • کاربر آکادمی آی تی
      سلام دوست عزیز برای یادگیری دوره بوت استرپ نیاز هست که یک آشنایی با دوره جی کوئری داشته باشید ولی نیازی نیست که در حد کد نویسی یاد بگیرید.
      مدیر ارشد در ۶ اردیبهشت ۱۳۹۶ 4
  • کاربر آکادمی آی تی
    ممنون از آموزش های خوبتون
    سعید در ۴ اردیبهشت ۱۳۹۶ 3
  • کاربر آکادمی آی تی
    سلام چطوری میتونم کدهای css بوت استرپ را در وردپرس اعمال کنم
    فرهاد در ۲۴ اسفند ۱۳۹۵ 4
    • کاربر آکادمی آی تی
      سلام ، از قالبی استفاده کنید که واکنشگرا باشد
      مدیر ارشد در ۲۴ اسفند ۱۳۹۵ 4
  • کاربر آکادمی آی تی
    سلام ، دوره خوبی بود و هم اینکه مفید بود فقط خیلی وارد جزییات نشده یعنی کلی توضیح داده شده البته به نظر من ، ولی خب در کل خوب بود
    احسان رضایی در ۱۷ اسفند ۱۳۹۵ 4
  • کاربر آکادمی آی تی
    سلام. چه تفاوتی بین bootstrap.css و boostrap-theme.css و bottstrap-min.css وجود دارد؟
    محمد نریمانی در ۹ اسفند ۱۳۹۵ 3
    • کاربر آکادمی آی تی
      css اصلی ما فایل bootstrap.css است و باید آن را در داخل صفحه ی HTML خود قرار دهیم. bootstrap.min.css فقط یک نسخه ی فشرده و بهینه از bootstrap.css است. این هنگامی لازم می شود که وب سایت خود را ساخته ایم و می خواهیم آن را در سرور مستقر کنیم. Bootstrap-theme.css یک فایل سی اس اس اضافی است، که برای استفاده کردن اختیاری است. به دکمه ها و دیگر عناصر حالت سه بعدی می دهد. به طور مشابه هم، bootstrap-theme.min.css نسخه ی فشرده و بهینه فایل bootstrap-theme.css است.
      مدیر ارشد در ۹ اسفند ۱۳۹۵ 6
  • کاربر آکادمی آی تی
    آموزش هاتون عالیه ممنون
    پریناز اسکندری در ۱۷ بهمن ۱۳۹۵ 4
  • کاربر آکادمی آی تی
    سلام ببخشید برای آموزش Bootstrap باید حتما کل css رو بلد باشم تا بیام بوسترپ رو یاد بگیرم؟؟
    علی کاظمی در ۹ بهمن ۱۳۹۵ 3
    • کاربر آکادمی آی تی
      سلام ، برای دوره بوت سترپ بهتره شما زبان html , css رو بدونید اینطوری براتون قابل فهم تره
      مدیر ارشد در ۲۱ اسفند ۱۳۹۵ 5
  • کاربر آکادمی آی تی
    سلام من یه سوال داشتم ، در دوره بوت استرپ شما به تمام کلاس ها اشاره کردید و گفتید هر کدوم چه کارایی انجام می دهند و این که تو دوره یک سایت با بوت استرپ زده شده که ماببینیم به چه صورت است و برامون موضوع جا بیوفته؟
    مینا در ۷ بهمن ۱۳۹۵ 3
    • کاربر آکادمی آی تی
      سلام در دوره بوت استرپ به تمام کلاس های ان اشاره کردیم و از هر کدوم از انها مثال هایی برای شما زده شده است و در پایان هم نمونه سایتی با بوت استرپ رو برای شما انجام میدهند
      مدیر ارشد در ۲۱ اسفند ۱۳۹۵ 5
  • کاربر آکادمی آی تی
    با عرض سلام و خسته نباشین.سایتتون عالی و مرسی از آموزش هاتون.فقط ادامه نمونه کارها به کجا رسید؟ما منتظر هستیم که برسه به دستتمون.
    عباس طاهری در ۲۳ دی ۱۳۹۵ 3
  • کاربر آکادمی آی تی
    با عرض سلام و خسته نباشید تشکر میکنم از ویدئوهای آموزشی بسیار مفیدی که ارائه میدین. کیفیت ویدئوها بسیار عالیه. نحوه تدریس و مطالبی که آموزش داده میشه در سطح بسیار خوبی قرار دارند
    هلنا در ۵ دی ۱۳۹۵ 3
  • کاربر آکادمی آی تی
    خیلی آموزش هاتون کاربردیه ممنون
    عسل در ۵ دی ۱۳۹۵ 3
  • کاربر آکادمی آی تی
    سلام به همه دستندرکاران این تیم خوب ممنونم بابت آموزشهاتون که اینقدر کاربردی و با کیفیت هستن خدا قوت
    شایان در ۵ دی ۱۳۹۵ 3
  • کاربر آکادمی آی تی
    مرسی آموزش خوبی بود میشه قالب نمونه ای که قراره طراحی کنید رو بزارید ببینیم ? ضمنا کل آموزش چند جلسه هست ممنون
    مهدی ربیعی در ۱۰ مرداد ۱۳۹۵ 3
  • کاربر آکادمی آی تی
    جز بهترین دوره های آموزشیه که تو آکادمی هستش. مثل بقیه ی دوره های آکادمی ساده و روان توضیح داده شده و واقعا کاربردیه طراحی ریسپانسیو خیلی آسون میشه با این فریم وورک مرسی که این دوره رو ارایه دادین
    bardia hashemirad در ۹ مرداد ۱۳۹۵ 3
    • کاربر آکادمی آی تی
      بردیا عزیز : بسیار خوشحال هستیم که دوره های آموزشی آکادمی آی تی به خصوص این دوره مورد نظر برای شما کاربردی و سودمند بوده است . موفق باشید
      مدیر ارشد در ۹ مرداد ۱۳۹۵ 4
  • کاربر آکادمی آی تی
    سلام یعنی میشه بدون اینکه اج تی ام ال و سی اس اس رو خوند فقط با این دوره قالب رو طراحی کنیم ؟
    فرشید ظهیری در ۹ مرداد ۱۳۹۵ 4
    • کاربر آکادمی آی تی
      فرشید عزیز : دوره فریم ورک بوت استرپ دوره ای بسیار جامع و کامل برای طراحی هر نوع قالب وب سایت می باشد ، اما برای اینکه این دوره برای شما سودمند و عالی باشد نیاز است دانشی در رابطه با HTML و CSS داشته باشید . موفق باشید
      مدیر ارشد در ۹ مرداد ۱۳۹۵ 5
  • کاربر آکادمی آی تی
    تبریک میگم خیلی آموزش کاربردی ای هستش و به درد میخوره. نحوه ی آموزش هم خیلی خوب و کامله.
    amir dashti در ۸ مرداد ۱۳۹۵ 3
  • کاربر آکادمی آی تی
    خیلی اموزش خوب و روانی بوده . واقعا درست کردن سایت های ریسپانسیو ساده شد برای من با بوت استرپ
    نریمان رجبی در ۷ مرداد ۱۳۹۵ 3
    • کاربر آکادمی آی تی
      نریمان عزیز : خیلی خوشحال هستیم که این دوره آموزشی آکادمی آی تی برای شما مفید بوده . همونطور که گفتید طراحی و وپیاده سازی وب سایت های رسپانسیو که نمایش صحیحی در موبایل و تبلت داشته باشند با استفاده ار بوت استرپ بسیار ساده و کاربردی شده است . به امید موفقیت شما .
      مدیر ارشد در ۷ مرداد ۱۳۹۵ 4

ارسال نظر