Урок 1.00:02:28
Instructors skills in scalable vector graphics. Graphics ENGINE for this course!
Урок 2.00:03:05
C.S features <svg>element [first simplified approach to the concept of viewport]
Урок 3.00:02:44
Types & Application of Basic Shapes. <rect> geometry [x,y,width,height,rx,ry]
Урок 4.00:03:35
<circle> <ellipse> <line> elements and its geometric properties
Урок 5.00:01:52
<polyline> [points = “x1,y1, … xn,yn”] <polygon> [points = “x1,y1, … xn,yn”]
Урок 6.00:05:43
Path data[syntax]. C.P. concept. moveTo(M,m) lineTo(L,l) closePath(Z,z) commands
Урок 7.00:01:20
The cubic BГ©zier curve, Smooth cubic poly Bezier curve and its geometry
Урок 8.00:01:03
Quadratic Bezier Curve, Smooth Quadratic poly Bezier and its geometry
Урок 9.00:02:35
elliptical arc curve [Rx, Ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y]
Урок 10.00:01:35
Options for changing styles of SVG graphic elements
Урок 11.00:06:48
The CSS rules specificity. Specificity calculation. Priority of applied styles
Урок 12.00:02:09
Geometry properties & Presentation attributes. Using. Limitations
Урок 13.00:04:41
G.P in-depth [Part1]. rx and ry in detail. rx, ry calculation algorithm
Урок 14.00:05:31
G.P in-depth [Part2]. Algorithm of the rectangle with the rounded corners
Урок 15.00:04:52
G.P in-depth [Part3]. Algorithm of the ellipse rendering
Урок 16.00:05:37
The concept of viewport & viewBox in SVG. Initial & Local coordinate systems
Урок 17.00:02:00
The relationship of viewport and viewBox in SVG
Урок 18.00:04:51
The viewBox and transformations
Урок 19.00:13:04
The preserveAspectRatio attribute
Урок 20.00:05:06
Establishing a new SVG viewport [nested viewport, units]
Урок 21.00:02:41
SVG fragment, types of elements
Урок 22.00:02:59
Grouping. Element <g>. Properties of <g> element as a container element
Урок 23.00:04:06
Reusable content [<defs> <use> <symbol> elements]
Урок 24.00:02:59
Application features of the <use> element
Урок 25.00:02:25
The paint operations. <paint> values. SVG color units
Урок 26.00:11:41
Fill properties
Урок 27.00:07:01
Stroke properties [stroke, stroke-width, stroke-opacity, paint order]
Урок 28.00:11:09
Stroke properties: stroke-linecup, stroke-linejoin
Урок 29.00:08:56
Stroke properties [stroke-dasharray & stroke-dashoffset]
Урок 30.00:08:25
Markers
Урок 31.00:08:16
Bounding box
Урок 32.00:03:59
Paint Servers
Урок 33.00:03:12
Gradients [types, vector, normal, color stops, color transitions]
Урок 34.00:05:45
linear Gradient: the vector attributes [x1,x2,x3,x4]
Урок 35.00:03:58
linear Gradient other Attributes[gradientUnits, gradientTransform, spreadMethod]
Урок 36.00:02:36
Radial gradient [vector, inner & outer circumference,- stop color]
Урок 37.00:04:38
patterns [tile concept, types, attributes]