×
۳۵,۰۰۰ تومان ۲۱,۰۰۰ تومان

آموزش رسم اشکال گرافیکی با SVG

آموزش رسم اشکال گرافیکی با SVG

تعداد دانشجو
۴۶ نفر
مدت زمان
۲ ساعت و ۳۴ دقیقه
هزینه عادی آموزش
۳۵,۰۰۰ تومان
در طرح تخفیف
۲۱,۰۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
تضمین کیفیت و گارانتی بازگشت هزینه
آموزش رسم اشکال گرافیکی با SVG

امروزه در دنیای برنامه‌نویسی و توسعه نرم‌افزارها، روش‌ها، فنون، پلتفرم‌ها و زبان‌های مختلف برنامه‌نویسی به منظور بهبود کیفیت و بالا بردن استانداردها و کارایی نرم‌افزارها، در حال ایجاد یا گسترش هستند. در این میان تکنولوژی جدید و محبوب نگاره‌سازی برداری مقیاس‌پذیر یا همان SVG (Scalable Vector Graphics)، در دنیای برنامه‌نویسی تحت وب تحولی شگرف به وجود آورده است. در حال حاضر اکثر مرورگرها از SVG پشتیبانی می‌کنند، لذا تسلط برنامه‌نویسان و توسعه‌دهندگان وب بر SVG سبب پیشرفت کیفیت و کارآیی پروژه‌های نرم‌افزاری آن‌ها می‌گردد.

آموزش رسم اشکال گرافیکی با SVG

مدت زمان
۲ ساعت و ۳۴ دقیقه
هزینه عادی آموزش
۳۵,۰۰۰ تومان
در طرح تخفیف
۲۱,۰۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
مدرس
امیرمحمد مومنی کوهستانی

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

ایشان علاوه بر تسلط بر زبان‌های برنامه‌نویسی متعدد نظیر: C#, Python و PHP در زمینه امنیت شبکه و تست نفوذ وب‌سایت، برنامه‌نویسی متلب (MATLAB) و کار با فناوری اطلاعات مرتبط به پژوهش‌های ریاضیات تسلط و سابقه تدریس فعال دارند.

چکیده آموزش


توضیحات تکمیلی

امروزه در دنیای برنامه‌نویسی و توسعه نرم‌افزارها، روش‌ها، فنون، پلتفرم‌ها و زبان‌های مختلف برنامه‌نویسی به منظور بهبود کیفیت و بالا بردن استانداردها و کارایی نرم‌افزارها، در حال ایجاد یا گسترش هستند. در این میان تکنولوژی جدید و محبوب نگاره‌سازی برداری مقیاس‌پذیر یا همان SVG (Scalable Vector Graphics)، در دنیای برنامه‌نویسی تحت وب تحولی شگرف به وجود آورده است.

اهمیت استفاده از این زبان که از نوع XML (Extensible Markup Language) است، آن جا است که این زبان به ما در طراحی اشکال گرافیکی مبتنی بر Vector یا بردار کمک می‌کند که این اشکال حجمی بسیار پایین‌تر و کیفیت بالاتری نسبت به اشکال گرافیکی مبتنی بر Raster دارند و در نتیجه باعث بهینه‌سازی صفحه‌های وب می‌شود و علاوه بر این، ویرایش تصاویر را ساده‌تر می‌کند و این تصاویر دیگر نیاز به نرم‌افزارهای سنگین گرافیکی مانند فتوشاپ (Adobe Photoshop) ندارند و با استفاده از محیط یک ویرایشگر ساده کد می‌توان به ویرایش و یا ایجاد این تصاویر پرداخت.

این تصاویر با هر بار بزرگنمایی صفحه وب کیفیت خود را از دست نمی‌دهند و در موارد مختلفی، از جمله: رسم توابع ریاضی، طراحی انیمیشن، ساخت انواع طرح‌های نرم‌افزاری تحت وب مانند: اسلایدر و غیره کمک شایانی می‌کند. علاوه بر این، SVG به سادگی قابلیت ارتباط با زبان‌های برنامه‌نویسی تحت وب گوناگون، مانند: PHP, jQuery, CSS و غیره را دارد و همچنین از آن در (Content Management System) CMSهای مختلف مانند وردپرس (WordPress) می‌توان استفاده نمود. در حال حاضر اکثر مرورگرها از SVG پشتیبانی می‌کنند، لذا تسلط برنامه‌نویسان و توسعه‌دهندگان وب بر SVG، سبب پیشرفت کیفیت و کارآیی پروژه‌های نرم‌افزاری آن‌ها می‌گردد.

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: تئوری‌های مقدماتی در یادگیری SVG
    • چیستی و کاربرد صفحات XML و ارائه نمونه‌هایی از کاربرد آن
    • اهمیت و ضرورت SVG
    • انواع ترسیم‌های کامپیوتری
      • Vector Graphics
      • Raster Graphics
    • مزایای استفاده از SVG
    • Canvas و تفاوت آن با SVG
    • بررسی تاثیرات SVG در SEO وب‌سایت
    • نرم‌افزار Inkscape
    • آشنایی مقدماتی با دستورها و عنصرهای SVG
  • درس دوم: رسم اشکال مختلف با استفاده از SVG
    • طراحی دایره و بررسی خاصیت‌های آن
    • طراحی مستطیل و بررسی خاصیت‌های آن
    • طراحی بیضی و بررسی خاصیت‌های آن
    • رسم خط و بررسی خاصیت‌های آن
    • رسم مثلث و بررسی خاصیت‌های آن
    • رسم چندضلعی و بررسی خاصیت‌های آن
    • رسم مسیرها و کار با آن در SVG
    • رسم انواع منحنی در SVG
    • نوشتن متن و چرخاندن متن، نوشتن چندین متن و لینک کردن متن در SVG
  • درس سوم: Effectهای مختلف در SVG
    • اثر تاری در SVG و ارائه مثال
    • ایجاد انواع سایه برای تصاویر در SVG
      • سایه مشکی
      • تار
      • رنگی
    • فیلتر ترکیب رنگ‌ها در SVG
    • گرادینت (Gradient) رنگ در SVG و اعمال آن به صورت افقی و عمودی بر روی بیضی
    • گرادینت از مرکز شکل به بیرون شکل
    • پروژه محو شدن تصویر در یک زمان خاص
    • پروژه رشد تصاویر
    • پروژه تغییر رنگ تصاویر
    • پروژه حرکت متون و چرخاندن متن
    • پروژه چرخاندن اشکال
  • درس چهارم: نکات تکمیلی و ارتباط SVG با سایر زبان‌های برنامه‌نویسی
    • ایجاد نمودارها و دیاگرام SVG با استفاده از زبان برنامه‌نویسی PHP
    • ساخت یک اسلایدر ساده با استفاده از SVG
    • چندین پلاگین کاربردی از SVG
    • انیمیشنی کردن متون با استفاده از SVG
    • وب‌سایت‌های مولد هوشمند اشکال SVG
    • پروژه ساخت یک نقشه جغرافیایی با استفاده از SVG

مفید برای رشته‌های
  • طراحی سایت
  • طراحی و گرافیک

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

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

نرم افزارهای مرتبط با آموزش

Notepad++ v7.9.1, XAMPP 3.2.2, Inkscape 1.0.1



پیش نمایش‌ها

۱. تئوری‌های مقدماتی در یادگیری SVG

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۹ مگابایت -- (کلیک کنید +))

۲. رسم اشکال مختلف با استفاده از SVG

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۹ مگابایت -- (کلیک کنید +))

۳. Effectهای مختلف در SVG
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۴. نکات تکمیلی و ارتباط SVG با سایر زبان‌های برنامه‌نویسی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
این آموزش شامل ۵ جلسه ویدئویی با مجموع ۲ ساعت و ۳۴ دقیقه است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش رسم اشکال گرافیکی با SVG
ناشر فرادرس
کد آموزش FVSVG9908
مدت زمان ۲ ساعت و ۳۴ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)
حجم دانلود ۲۳۶ مگابایت (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)

تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.



نظرات

تا کنون ۴۶ نفر از این آموزش استفاده کرده اند و هنوز هیچ نظری ثبت نشده است.
برچسب‌ها:
?What is SVG | charting in HTML | curves in SVG | Effects in SVG | Raster Graphics | Scalable Vector Graphics | SVG programming | SVG چیست؟ | Vector Graphics | اثر تاری در SVG | ارتباط SVG با زبان‌ های برنامه ‌نویسی | استفاده از SVG | اشکال گرافیکی مبتنی بر Raster | اشکال گرافیکی مبتنی بر Vector | اشکال گرافیکی مبتنی بر بردار | انواع ترسیم های کامپیوتری | انیمیشنی کردن متون با SVG | اهمیت SVG | ایجاد دیاگرام در SVG | ایجاد نمودارها در SVG | برنامه نویسی SVG | پروژه چرخاندن اشکال در SVG | پروژه رشد تصاویر در SVG | پروژه محو شدن تصویر در SVG | پلاگین کاربردی از SVG | تئوری‌ یادگیری SVG | تاثیرات SVG در سئو وب ‌سایت | تغییر رنگ تصاویر در SVG | تفاوت Canvas با SVG | چرخاندن متن در SVG | چیستی صفحات XML | خاصیت ‌های طراحی با SVG | دستورهای SVG | رسم اشکال گرافیکی | رسم اشکال گرافیکی با SVG | رسم اشکال مختلف با SVG | رسم انواع منحنی در SVG | رسم چندضلعی با SVG | رسم خط با SVG | رسم مثلث با SVG | رسم مسیرها با SVG | رسم نمودار در HTML | زبان برنامه نویسی PHP | ساخت یک اسلایدر ساده با SVG | ساخت یک نقشه جغرافیایی با SVG | سایه برای تصاویر در SVG | سایه تار برای تصاویر در SVG | سایه رنگی برای تصاویر در SVG | ضرورت SVG | طراحی بیضی با SVG | طراحی دایره با SVG | طراحی مستطیل با SVG | عنصرهای SVG | فیلتر ترکیب رنگ‌ ها در SVG | کار با مسیرها در SVG | کاربرد صفحات XML | گرادینت رنگ در SVG | لینک کردن متن در SVG | مزایای استفاده از SVG | منحنی ها در SVG | نرم افزار Inkscape | نکات تکمیلی SVG | نگاره سازی برداری مقیاس پذیر | نوشتن چندین متن در SVG | نوشتن متن در SVG | وب ‌سایت‌ های مولد هوشمند اشکال SVG
مشاهده بیشتر مشاهده کمتر

فهرست جلسات ۵ جلسه ویدئویی ×