Meet Raphael.js
Pluralsight
Course Summary
Learn to work with scalable vector graphics (SVG) using Raphael.
-
+
Course Description
For 15 years, front-end web developers have missed out on one of the most basic parts of any programming environment: drawing. Fortunately, browsers are now capable of displaying SVG: scalable vector graphics. SVG is great for controls, visualizations, and graphs that were previously only possible with proprietary technologies like Adobe Flash. And mobile devices that can display SVG will see crisp graphics at every resolution. In this course, you'll benefit from tips and tricks we've learned from over a decade of working with drawing systems, and several years of working with Raphael. We'll show you how to work with both simple objects and complex paths. Whether you're a back-end database developer or a front-end designer, you'll become confident with basic drawing, text, animation, and interaction that's now available to you with the straightforward API of Raphael.js and the open standard of SVG.
-
+
Course Syllabus
Meet Raphael.js Part 1- 28m 11s
—Introduction 4m 48s
—Get Started 1m 49s
—Basic Drawing 7m 16s
—Drawing in a Class 7m 22s
—Draw Text 2m 45s
—Dates & Data 4m 11sMeet Raphael.js Part 2- 23m 41s
—Calculate Date Range 2m 41s
—Fixing Problems with JSLint 3m 37s
—Calculate Positions 4m 30s
—Visual Refinement 2m 54s
—Draw Year Labels 3m 49s
—Custom Paths 2m 53s
—Animation, Interaction 2m 32s
—Conclusion 0m 45s