جستجو برای:
  • دسته بندی دوره ها
    • برنامه نویسی
      • برنامه نویسی وب
        • پایتون
          • جنگو
          • فلسک
        • پی اچ پی
          • لاراول
        • جاوا اسکریپت
          • نود جی اس
          • ری اکت
        • ASP.NET
        • HTML & CSS
        • جی کوئری
        • بوت استرپ
        • جاوا
        • سی شارپ
        • وردپرس
      • برنامه نویسی موبایل
        • اندروید
        • جاوا
        • کاتلین
        • ری اکت نیتیو
        • زامارین
        • فلاتر
        • فون گپ
      • توسعه بازی
        • یونیتی
        • کانستراکت
      • توسعه دیتابیس
        • Mysql
        • OpenVPN
        • Redis
        • SQL Server
        • Vesta
        • WHMCS
        • Plesk
        • DirectAdmin
        • Cpanel
      • ابزار برنامه نویسی
        • الگوریتم و فلوچارت
        • Git
        • Visual Studio Code
        • Docker
        • Web API
        • Bootstrap Studio
        • SASS
        • Redux
      • اینترنت اشیاء
      • سیستم عامل
    • کسب و کار
      • استارتاپ و کارآفرینی
      • فروش
      • مدیریت
      • حسابداری
      • استخدام
      • مدیریت فرآیند
      • سیستم سازی
      • کسب درآمد از اینستاگرام
      • مهارت های ارتباطی
      • ابزارهای کسب و کار
      • کوچینگ
      • منابع انسانی
    • بازاریابی
      • دیجیتال مارکتینگ
        • سئو
        • تولید محتوا
        • سوشیال مدیا مارکتینگ
        • هک رشد
        • ایمیل مارکتینگ
      • بازاریابی B2B
      • برندینگ
      • استراتژی مارکتینگ
    • چند رسانه ای
      • تدوین ویدئو
        • افترافکت
        • سینمافوردی
        • پریمیر
        • کمتازیا
        • ادیوس
      • انیمیشن
      • فیلم سازی
      • موشن گرافیک
    • طراحی گرافیک
      • ایلوستریتور
      • فتوشاپ
      • کورل دراو
      • ایندیزاین
      • طراحی پست اینستاگرام
      • طراحی رابط کاربری
      • 3Ds Max
      • اتوکد
      • نقاشی
    • زبان خارجه
      • زبان انگلیسی
      • زبان آلمانی
      • زبان روسی
    • بورس و ارز دیجیتال
    • کلان داده و هوش مصنوعی
    • امنیت و شبکه
    • توسعه فردی
    • آکادمیک و مهندسی
  • مجله داناپ
  • تدریس در داناپ
  • حساب کاربری
داناپ | دانش خود را به راحتی افزایش دهید
  • دسته بندی دوره ها
    • برنامه نویسی
      • برنامه نویسی وب
        • پایتون
          • جنگو
          • فلسک
        • پی اچ پی
          • لاراول
        • جاوا اسکریپت
          • نود جی اس
          • ری اکت
        • ASP.NET
        • HTML & CSS
        • جی کوئری
        • بوت استرپ
        • جاوا
        • سی شارپ
        • وردپرس
      • برنامه نویسی موبایل
        • اندروید
        • جاوا
        • کاتلین
        • ری اکت نیتیو
        • زامارین
        • فلاتر
        • فون گپ
      • توسعه بازی
        • یونیتی
        • کانستراکت
      • توسعه دیتابیس
        • Mysql
        • OpenVPN
        • Redis
        • SQL Server
        • Vesta
        • WHMCS
        • Plesk
        • DirectAdmin
        • Cpanel
      • ابزار برنامه نویسی
        • الگوریتم و فلوچارت
        • Git
        • Visual Studio Code
        • Docker
        • Web API
        • Bootstrap Studio
        • SASS
        • Redux
      • اینترنت اشیاء
      • سیستم عامل
    • کسب و کار
      • استارتاپ و کارآفرینی
      • فروش
      • مدیریت
      • حسابداری
      • استخدام
      • مدیریت فرآیند
      • سیستم سازی
      • کسب درآمد از اینستاگرام
      • مهارت های ارتباطی
      • ابزارهای کسب و کار
      • کوچینگ
      • منابع انسانی
    • بازاریابی
      • دیجیتال مارکتینگ
        • سئو
        • تولید محتوا
        • سوشیال مدیا مارکتینگ
        • هک رشد
        • ایمیل مارکتینگ
      • بازاریابی B2B
      • برندینگ
      • استراتژی مارکتینگ
    • چند رسانه ای
      • تدوین ویدئو
        • افترافکت
        • سینمافوردی
        • پریمیر
        • کمتازیا
        • ادیوس
      • انیمیشن
      • فیلم سازی
      • موشن گرافیک
    • طراحی گرافیک
      • ایلوستریتور
      • فتوشاپ
      • کورل دراو
      • ایندیزاین
      • طراحی پست اینستاگرام
      • طراحی رابط کاربری
      • 3Ds Max
      • اتوکد
      • نقاشی
    • زبان خارجه
      • زبان انگلیسی
      • زبان آلمانی
      • زبان روسی
    • بورس و ارز دیجیتال
    • کلان داده و هوش مصنوعی
    • امنیت و شبکه
    • توسعه فردی
    • آکادمیک و مهندسی
  • مجله داناپ
  • تدریس در داناپ
0
ورود / ثبت نام

آموزش پروژه محور طراحی سایت با بوت استرپ 4 (به همراه 3 پروژه عملی)

خانهدوره های آموزشیآموزش برنامه نویسیآموزش برنامه نویسی وبآموزش بوت استرپآموزش پروژه محور طراحی سایت با بوت استرپ 4 (به همراه 3 پروژه عملی)
https://dl.danup.ir/Courses/658867/bootstrap4/intro.bootstrap4.mmgynukjfbh.mp4
قیمت :

198,000 تومان 39,600 تومان

80%
تخفیف
امتیاز
3.75 از 4 رأی
3.75 4 رای
198,000 تومان 39,600 تومان
ویژگی های دوره
زبان: فارسی
8 ساعت و 48 دقیقه
27 درس
1/25 گیگابایت
روش دریافت: دانلود آنی پس از پرداخت
روش پشتیبانی: ارسال تیکت
حالت مطالعه

بوت استرپ 4 (Bootstrap 4) که نظر بسیاری از طراحان وب را به خود جلب کرده نسبت به نسخه های قبلی فریم ورک بوت استرپ دارای ویژگی های بسیار جذاب و کاربردی است.

بوت استرپ در واقع یک فریم ورک تشکیل شده از Css و HTML و JS می باشد که برای توسعه و طراحی سایت های ریسپانسیو مورد استفاده قرار می گیرد. این فریم ورک محبوب در واقع مجموعه ای رایگان از ابزارهای ایجاد کامپوننت برای وبسایت و اپلیکیشن است که حاوی Template های طراحی بر پایه HTML و CSS برای تایپوگرافی، فرم ها، دکمه ها و دیگر کامپوننت های UI می باشد.

 

مزیت های کلی فریم ورک بوت استرپ (Bootstrap)

  1. جلوگیری از تکرار بین پروژه ها
  2. ایجاد ثبات در طراحی
  3. نمونه سازی سریع طرح اولیه
  4. سازگاری با تمامی مرورگرها
  5. کاملا ریسپانسیو

آخرین نسخه ای که از بوت استرپ منتشر شده است بوت استرپ 4 می باشد. Bootstrap 4 طبق گفته توسعه دهندگان و برنامه نویسان آن دارای قابلیت های بسیاری است و بیش از 20 مرتبه آن را بازنویسی کرده اند تا به نسخه بتا دست بیابند. در ادامه به معرفی برخی از ویژگی های جدید در فریم ورک بوت استرپ 4 خواهیم پرداخت :

 

ویژگی های بوت استرپ 4

  1. بهبود سیستم Grid
  2. مهاجرت از LESS به SASS
  3. تغییر سایز کلی فونت ها از 14px به 16 پیکسل
  4. پشتیبانی از Flex box
  5. ویژگی جدید Cards
  6. اضافه شدن کلاس table-inverse
  7. تغییر واحد اندازه گیری از px به rem: اثرگذاری بر اساس واحد تایپ، 1rem=16px.
  8. ثبات HTML Rest ها در ماژول جدید Reboot
  9. قابلیت سفارشی سازی مدرن
  10. استفاده از فایل ریست Reboot.css بجای Normalize
  11. توقف پشتیبانی از مرورگر اینترنت اکسپلورر نسخه 8 و 9
  12. حذف پشتیبانی از Glyphicons (آیکون ها)
  13. بازنویسی مجدد پلاگین های جاوا اسکریپت
  14. بهبود مکان قرارگیری خودکار tooltip و popover
  15. بازنویسی شدن تمامی مستندات

مهم ترین ویژگی که در بوت استرپ 4 وجود دارد این است که این نسخه از بوت استرپ 3 پشتیبانی می کند و کاربران بوت استرپ 3 می توانند به راحتی کدهای خود را به نسخه جدید منتقل کنند و از امکانات جدید آن بهره مند شوند.

 

در این دوره آنلاین چه مباحثی آموزش داده شده است؟

ما در این دوره آموزشی طراحی وبسایت با بوت استرپ 4 را با انجام 3 پروژه کاملا عملی (پنل مدیریت، وبسایت تک صفحه ای و سایت رزومه) به شما دانشجویان عزیز آموزش می دهیم.

 

حاصل این دوره

دانشجویان عزیز به محض به پایان رساندن این دوره آموزشی قادر خواهند بود تا ظاهر هر وبسایتی که می خواهند را با بوت استرپ طراحی و اجرا کنند.

فصل اول

معرفی دوره و توضیح پروژه ها ویدئو

01:34

پیش نمایش

کلاس هدر و display و فونت ها و... ویدئو

24:14

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

ایجاد معماری فانکشنال برای پروژه و واکشی اطلاعات از دیتابیس ویدئو

14:19

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

کلاس float , fixtop و ... ویدئو

17:30

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

کلاس های عرض و ارتفاع و border آموزش ریسپانسو کردن قالب ویدئو

16:32

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

طراحی انواع دکمه ها در بوت استرپ 4 ویدئو

21:40

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

طراحی navbar ریسپانسیو ویدئو

26:56

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

لیست گروپ ها و ایجاد تب با لیست گروپ ویدئو

15:49

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

کلاس های فرم ها و فرم گروپ ها ویدئو

20:33

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

ایجاد جداول و نمایش پیغام ها با کلاس های alert ویدئو

13:08

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

صفحه بندی ویدئو

13:20

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

کار با انواع card ویدئو

30:05

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

سیستم گرید ویدئو

14:49

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

Flexbox-automargin ویدئو

21:08

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

ساخت اسلایدر ویدئو

18:44

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

Collapse-Accordion-Tooltips ویدئو

22:15

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

modal ویدئو

19:21

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

پروژه ساخت سایت استاتیک تک صفحه ای - بخش اول ویدئو

28:55

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

پروژه ساخت سایت استاتیک تک صفحه ای - بخش دوم ویدئو

30:15

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

پروژه ساخت سایت استاتیک تک صفحه ای - بخش سوم ویدئو

18:38

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

پروژه ساخت پنل مدیریت - بخش اول ویدئو

25:10

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

پروژه ساخت پنل مدیریت - بخش دوم ویدئو

23:23

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

پروژه ساخت پنل مدیریت - بخش سوم ویدئو

19:02

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

پروژه ساخت پنل مدیریت - بخش چهارم ویدئو

17:00

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

پروژه ساخت قالب رزومه شخصی - بخش اول ویدئو

21:46

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

پروژه ساخت قالب رزومه شخصی - بخش دوم ویدئو

11:23

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

پروژه ساخت قالب رزومه شخصی - بخش سوم ویدئو

19:40

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

سورس پروژه های انجام شده در طول دوره فایل های ضمیمه

خصوصی
امین کریمی
امین کریمی

php, nodejs, mongodb, laravel, vuejs, javascript(ES6,ES7,ES8) و...

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

شی گرایی در جاوا

آموزش جامع شی گرایی در جاوا


ارائه شده توسط< آرکادمی
آموزش کار با کتابخانه Butterknife در اندروید

آموزش کار با کتابخانه ButterKnife در اندروید

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

آموزش جامع و پروژه محور پایتون Python

پایتون (Python) در سال 1991 توسط گویدو ون روسوم به وجود آمد. زبان برنامه نویسی پایتون به قدری ساده و خواناست که حتی کودکان هم می توانند آن را در مدتی کوتاه ...
ارائه شده توسط< پدرام شاه صفی
شی گرایی در PHP

آموزش PHP شی گرا در قالب پروژه گالری عکس

برنامه نویسی شی گرا یا Object oriented programming که به اختصار OOP شناخته می شود، در واقع سبکی از برنامه نویسی است که در آن برنامه نویس تمام متغیرها و ...
ارائه شده توسط< امین کریمی
استفاده از نقشه گوگل در سی شارپ

آموزش استفاده از نقشه گوگل در سی شارپ

استفاده از نقشه گوگل در سی شارپ یکی از پر جستجوترین عبارات برای برنامه نویسان این زبان می باشد. ممکن است بخواهید در یکی از برنامه های سی شارپ (#C) ...
ارائه شده توسط< کیا حامدی

rate_reviewامتیاز دانشجویان دوره

3.8
3.75 4 رای
198,000 تومان 39,600 تومان
4 رأی
5 ستاره
1
4 ستاره
2
3 ستاره
0
2 ستاره
1
1 ستاره
0

chat_bubble_outlineنظرات

  • hamedA69( دانشجوی دوره )
    1399/08/19
    امتیاز 2 از 5
    برای پاسخ دادن وارد شوید

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

    • امین کریمی
      1399/08/21
      برای پاسخ دادن وارد شوید

      سلام
      با تشکر‌از نظر‌خوب شما دوست عزیز
      حتما موارد رو‌اوی دوره های بعدی اعمال میکنم دوره خای با کیفیت بالاتری تقدیم خواهد شد

    • امین کریمی
      1399/08/21
      برای پاسخ دادن وارد شوید

      سلام
      با تشکر‌از نظر‌خوب شما دوست عزیز
      حتما موارد رو‌ روی دوره های بعدی اعمال میکنم دوره خای با کیفیت بالاتری تقدیم خواهد شد…

  • سید جعفر سادات پور( دانشجوی دوره )
    1399/07/29
    امتیاز 4 از 5
    برای پاسخ دادن وارد شوید

    خداوکیلی یکی بیاد سایت دیجیکالا رو طراحی کنه با بوت استرپ چون نیست

    • امین کریمی
      1399/08/21
      برای پاسخ دادن وارد شوید

      انشالا در اینده

  • Mohammad Dehghan( دانشجوی دوره )
    1399/01/20
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    با سلام خدمت استاد گرامی آقای کریمی
    بایدبهتون تبریک بگم دوره ی فوق العاده خوب و مفیدی بود و همین که سه تا پروژه ی عملی داخلش بود اونو از سایر دوره های سایت های دیگه متمایز می کرد.خداقوت
    ولی جاداره که خیلی بهتر از این ها بشین اگر مقدار کمی نظم آموزش ها بالاتر بره و لطفا راه ارتباطی با استاد را هم در آخرین جلسه قرار دهید.
    با تشکر

    • امین کریمی
      1399/01/31
      برای پاسخ دادن وارد شوید

      ممنون از نظرتون انشاالا چشم

  • علیرضا ایلانلو( دانشجوی دوره )
    1398/09/23
    امتیاز 4 از 5
    برای پاسخ دادن وارد شوید

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

    • داناپ(مدیریت)
      1398/09/23
      برای پاسخ دادن وارد شوید

      سلام کاربر گرامی
      لینک مورد نظر بررسی شد. مشکلی وجود ندارد.

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

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

لغو پاسخ

برای ارسال نظر باید وارد حساب کاربری خود شده باشید.

قیمت :

198,000 تومان 39,600 تومان

80%
تخفیف
فرصت باقیمانده تا پایان جشنواره
افزودن به علاقه مندی
امتیاز
3.75 از 4 رأی
3.75 4 رای
198,000 تومان 39,600 تومان
زبان: فارسی
8 ساعت و 48 دقیقه
27 درس
1/25 گیگابایت
روش دریافت: دانلود آنی پس از پرداخت
روش پشتیبانی: ارسال تیکت
امین کریمی
امین کریمی

php, nodejs, mongodb, laravel, vuejs, javascript(ES6,ES7,ES8) و...

دسته: آموزش برنامه نویسی، آموزش برنامه نویسی وب، آموزش بوت استرپ
پلتفرم آموزش آنلاین داناپ

لذت یادگیری با تماشای دوره های آموزش آنلاین در هر زمان و هر مکان دو چندان می شود. ماموریت ما در داناپ برقراری عدالت آموزشی در کشور و کمک به جوانان برای اشتغال بیشتر بوده است. داناپ از سال 1396 تا به امروز سهم بزرگی در حوزه آموزش در کشور داشته و رضایت دانشجویان را از ابتدا ملاک کار خود قرار داده است.

دسترسی سریع
  • مجله داناپ
  • درباره ما
  • تدریس در داناپ
  • تماس با ما
  • قوانین و مقررات

تمامی حقوق برای شرکت داناپ محفوظ می باشد. 1396-1401
ورود ×
کد تایید
لطفاً کد تأیید ارسال شده به را تایپ کنید
ثبت
رمز عبور خود را فراموش کرده اید؟
ورود با رمز عبور یکبار مصرف
ارسال مجدد رمز عبور یکبار مصرف(00:30)
آیا حساب کاربری ندارید؟
ثبت نام
ارسال مجدد رمز عبور یکبار مصرف(00:30)
بازگشت به ورود

ارسال مجدد رمز عبور یکبار مصرف (00:30)
بازگشت به ورود
  • (+98) Iran
%80 تخفیف شگفت انگیز تمامی دوره ها - آخرین ساعات!
روز
ساعت
دقیقه
ثانیه
مشاهده دوره های آموزشی
پایان جشنواره

ورود

رمز عبور را فراموش کرده اید؟

یا

ارسال مجدد رمز عبور یکبار مصرف (00:30)

هنوز عضو نشده اید؟ عضویت در سایت