آموزش ایجاد نمودارهای تعاملی با HTML5

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

مقدمه Introduction

• خوش آمدی Welcome

• درباره پرونده های تمرینی About the exercise files

• شرایط دوره و مرورگر Course and browser requirements

1. درک پروژه 1. Understanding the Project

• آنچه می خواهیم بسازیم What we're going to build

• فناوری های HTML5 ، CSS3 و JavaScript را برجسته کنید Highlighted HTML5, CSS3, and JavaScript technologies

2. تنظیم صحنه 2. Setting the Stage

• ایجاد HTML Crafting the HTML

• شروع مرحله Initializing the stage

• بارگیری تصویر پس زمینه Loading the background image

3. رسم نمودار 3. Drawing the Chart

• اضافه کردن منطقه افسانه و برچسب ها Adding the legend area and labels

• میله ها را ترسیم می کند Drawing the bars

• ایجاد گروه های نوار Creating bar groups

• اضافه کردن لنگرهایی برای تعامل Adding anchors for interactivity

• بازخورد را وصل کنید Connecting the feedback

4- پیگیری داده ها 4. Keeping Track of the Data

• ذخیره پیشرفت کاربر Storing the user's progress

• ذخیره نمودار Saving the chart

نتیجه Conclusion

• مراحل بعدی Next steps