Udemy

Platform

English

Language

Web Development

Category

Fundamental SVG for Beginners

Fundamental SVG training without CSS and Javascript

Students

1 hour

Content

Feb 2021

Last Update
Regular Price

Topics

SKILLSHARE
SkillShare
Unlimited access to all SkillShare courses
EXCLUSIVE 30-DAY FREE TRIAL

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


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.


Screenshots

Fundamental SVG for Beginners
Fundamental SVG for Beginners
Fundamental SVG for Beginners
Fundamental SVG for Beginners

Content

About This Course

About This Course

Tag and Element

Tag and Element

SVG suffix And HTML suffix

SVG suffix And HTML suffix

Start SVG by VSCode

Why VSCode

Install VSCode

Install Extensions

Open File and Folder with VSCode

Work with Live Server Extension

Shapes

Rect - rx - ry

Line and stroke

Circle

Ellipse

Polyline

Polygon

Path (1)

Path (2)

Path (3)

Path (4)

Text


Related Courses

SKILLSHARE
How to Design Metallic Logos in 5 minutes | Rose Gold, Gold, Silver SVG Files in Adobe Illustrator
How to Design Metallic Logos in 5 minutes | Rose Gold, Gold, Silver SVG Files in Adobe Ill
SKILLSHARE
Learn SVG From Scratch and Create Awesome SVG Animations
Learn SVG From Scratch and Create Awesome SVG Animations
SKILLSHARE
Creative Coding: Animating SVG with Simple CSS Code
Creative Coding: Animating SVG with Simple CSS Code

3874148

Udemy ID

2/25/2021

Course created date

4/11/2021

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram