آموزش افزودن گرافیک به صفحات وب با استفاده از Canvas و SVG

Adding Graphics to Web Pages Using Canvas and SVG

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره به شما می آموزد که چگونه با استفاده از HTML HTML و اسناد SVG گرافیک سفارشی به صفحات وب خود اضافه کنید. انسان موجودی بصری است و اغلب به دنبال راه هایی برای افزایش تجربیات ما با تصاویر و گرافیک است. از درک مجموعه داده های پیچیده از طریق نمودار گرفته تا کسب امتیاز بالا در آخرین بازی ، گرافیک بخش مهمی از تجربه مثبت کاربران شما است. در این دوره ، افزودن گرافیک به صفحات وب با استفاده از Canvas و SVG ، می توانید گرافیک سفارشی را به صفحات وب اضافه کنید. ابتدا ، نحوه ایجاد اسناد SVG را کشف خواهید کرد و از آنها برای ایجاد گرافیکی که کاربران می توانند با آنها تعامل داشته باشند استفاده می کنید. در مرحله بعدی ، خواهید فهمید که برچسب canvas چیست و چگونه می توان از آن برای ایجاد امکان ایجاد گرافیک با استفاده از API های JavaScript به کاربران نیز استفاده کرد. در آخر ، شما یاد خواهید گرفت که چگونه SVG یا بوم بهترین انتخاب را برای نیازهای منحصر به فرد پروژه های خود انتخاب کنید. پس از اتمام این دوره ، مهارت و دانش گرافیک های تحت وب را برای ایجاد تجارب کاربر غنی و منحصر به فرد با اضافه کردن گرافیک های سفارشی به صفحات وب خود خواهید داشت.

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

استفاده از SVG برای ایجاد تصاویر Using SVG to Create Images

  • مقدمه Introduction

  • نمودارهای برداری مقیاس پذیر (SVG) چیست؟ What Are Scalable Vector Graphics (SVG)?

  • اولین قدم ها با SVG First Steps with SVG

  • رسم اشکال اساسی Drawing Basic Shapes

  • نسخه ی نمایشی: اشکال اساسی Demo: Basic Shapes

  • طراحی با عناصر مسیر Drawing with Path Elements

  • نسخه ی نمایشی: عناصر مسیر Demo: Path Elements

  • نسخه ی نمایشی: افزودن متن به اسناد SVG Demo: Adding Text to SVG Documents

  • نسخه ی نمایشی: افزودن تصاویر به اسناد SVG Demo: Adding Images to SVG Documents

  • کار با Gradient Fills Working with Gradient Fills

  • نسخه ی نمایشی: متحرک سازی اسناد SVG Demo: Animating SVG Documents

  • خلاصه Summary

استفاده از بوم برای ایجاد تصاویر Using Canvases to Create Images

  • مقدمه Introduction

  • بوم چیست؟ What Is the Canvas?

  • اولین قدم ها با بوم First Steps with Canvases

  • رسم اشکال اساسی Drawing Basic Shapes

  • نسخه ی نمایشی: اشکال اساسی Demo: Basic Shapes

  • طراحی با عناصر مسیر Drawing with Path Elements

  • نسخه ی نمایشی: عناصر مسیر Demo: Path Elements

  • نسخه ی نمایشی: افزودن متن به بوم ها Demo: Adding Text to Canvases

  • نسخه ی نمایشی: افزودن تصاویر به بوم Demo: Adding Images to Canvases

  • کار با Gradient Fills Working with Gradient Fills

  • نسخه ی نمایشی: طراحی با بوم Demo: Sketching with Canvases

  • خلاصه Summary

نمایش نظرات

نظری ارسال نشده است.

آموزش افزودن گرافیک به صفحات وب با استفاده از Canvas و SVG
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 42m
25
Pluralsight (پلورال سایت) pluralsight-small
05 اردیبهشت 1399 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
19
4.6 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Mike Van Sickle Mike Van Sickle

Michael Van Sickle یک معمار برنامه در Akron ، اوهایو است. وی کار خود را به عنوان یک مهندس مکانیک و با طراحی قطعات در صنعت خودرو قبل از تغییر در مهندسی نرم افزار آغاز کرد. او علاقه زیادی به یادگیری زبان های جدید برنامه نویسی دارد و از کار با جاوا ، C # ، JavaScript ، PHP و F # راحت است. مایک همچنین عاشق یادگیری در مورد طراحی تجربه کاربر است و در تلاش شرکت خود برای ساخت برنامه های زیبا و ساده نقش اصلی را دارد. وقتی که کد نمی نویسد ، مایک دوست دارد به اردو برود و با همسر و دو دخترش پیاده روی طولانی کند.

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.