Fundamental SVG for Beginners

Fundamental SVG training without CSS and Javascript

Ratings: 3.97 / 5.00




Description

In this course, you will learn how to write SVG (Scalable Vector Graphics) codes from scratch.


We have tried to provide you with better content. Content that is the product of experience and creativity and comes from the skill of working with a text editor (here VSCode).


This course has no special prerequisites.

We assume that our student has no knowledge of text editor programs and programming languages ​​such as SVG, CSS and Javascript and now wants to start learning, so an introduction to the text editor space (VSCode) is provided at the beginning of the course.


In the Shapes section, look at the lectures in order, because the tutorial for each lecture is based on the previous lecture.

This section begins with the topic of regtangle.

We have tried to explain the concepts in each part clearly and with appropriate speed so that there is no ambiguity after watching it.

We have explained each topic of the Shapes section in one lecture, except for the path topic, because due to the complexity of this topic it had to be explained in several separate lectures.


This course is able to provide you with simple yet creative patterns to practice so that you can design your desired shape.

Finally, our suggestion is to be very curious, change the exercises to your liking and experiment.


We rely on visual effects to better convey concepts, and we also use background music to make learning more enjoyable.


We hope you enjoy this course and also learn.

What You Will Learn!

  • Creating a rectangle
  • Using rx and ry attribute in it
  • Introducing a good extension to change numberic values
  • Creating a line
  • Stroke attribute and other related attributes
  • Benefits of using the 'Alt' key in the text editor
  • Creating a circle
  • Using RGB color
  • Creating an ellipse
  • Creating a polyline
  • Using <g> tag
  • Difference between polyline and polygon
  • Using stroke-linejoin
  • Creating a path
  • Writing a text

Who Should Attend!

  • Web Developers
  • UI Designers
  • Curious UX designers