SVG Basics

Everything you need to know to Build a Project from Scratch Using Basic SVG

3.15 (44 reviews)
Udemy
platform
English
language
Web Development
category
instructor
29,082
students
2.5 hours
content
Oct 2021
last update
$199.99
regular price

What you will learn

Build an Actual Project From Scratch Using SVG

Learn How To Use SVG For Web Development & Web Design

How To Easily Build Animation Websites From Scratch Using SVG

Learn & Master The Use Of SVG Tags (Starting With The Basic Ones)

The Necessary Skills & Knowledge To Quickly Add Animation to Web Pages

Download & Install Sublime Text 3 Text Editor for Coding

Download & Install MAMP for working in a local Web Development Enviornment

Download & Install Firefox Web Browser for testing & Debuggin your web pages

Description

Have you always wanted to learn how to code but don't know where to start?

Would you like to make amazing websites and bring your ideas to life?

Then SVG Basics is for you!

Hi, I’m your instructor Josh Werner and I’ll be leading you through this course.

Programming is the most in-demand skill in 2021.

The course begins with the basics. 

I'll take you through everything you need to know to start building websites like an expert.

You'll learn all the fundamentals of SVG and how you can

use them to start building your own websites.

This is great for students starting or advanced developers that need a refresher course on SVG.

There are no requirements necessary to enroll I only ask that you come open minded and ready to learn

Feel Free to look through the course description and checkout some of my preview videos

The course is packed with over 2 hours of hands-on tutorials

Here is what you will Learn:


01. Introduction

    01. Overview

02. FireFox Developer Edition

    02. Overview

    03. Download & Install

    04. Features

    05. Developer Tools

    06. Summary

03. Atom

    07. Overview

    08. Download & Install

    09. Open a Project

    10. Version Control with GitHub

    11. Collaborate with Teletype

    12. Install a Package

    13. Choose a Theme

    14. Customize the Styling

    15. Hack on the Init Script

    16. Add a Snippet

    17. Keyboard Shortcuts

    18. Summary

04. History

    19. Overview

    20. What is SVG

    21. SVG Advantages

    22. Creating SVG Images

05. Basic SVG

    23. Overview

    24. Download and Setup Files

    25. HTML

    26. Rectangle

    27. Circle

    28. Ellipse

    29. Line

    30. Polygon

    31. Polyline

    32. Path

    33. Text

    34. Stroking

    35. Filters

    36. Blur Effects

    37. Drop Shadows

    38. Linear

    39. Radial

06. Conclusion

    40. Summary


So what are you waiting for? I look forward to going through course with you I’ll see you inside!

Screenshots

SVG Basics - Screenshot_01SVG Basics - Screenshot_02SVG Basics - Screenshot_03SVG Basics - Screenshot_04

Content

Introduction

Overview

Sublime Text

Download and Install
Features

Firefox

Download and Install
Features

MAMP

Download and Install
Features

Basic SVG

Setup Project Files
Rectangle
Circle
Ellipse
Line
Polygon
Polyline
Path

Project

Download Project Files
Project Overview
Project

Conclusion

Bonus Lecture

Reviews

Patrizio
April 23, 2020
the code is unreadble most of the course is based on downloading stuff. I'm still confused where to learn how to make svg in html
Vincent
April 5, 2020
Bad sound, what do people eventually learn? The whole project is a copy paste, not explaining the curve. "but you wouldn't want 15 minutes in stead of 10". Sorry, just a bad lecture.
Bordes
March 4, 2020
Half of this course is about downloading and configuring SublimeText and Firefox. Trainer doesn't use any zoom tool so code is un-readable on smartphone.

Charts

Price

SVG Basics - Price chart

Rating

SVG Basics - Ratings chart

Enrollment distribution

SVG Basics - Distribution chart

Coupons

DateDiscountStatus
12/2/2019100% OFF
expired
12/12/2019100% OFF
expired
1/1/2020100% OFF
expired
1/4/2020100% OFF
expired
1/15/2020100% OFF
expired
1/31/2020100% OFF
expired
2/3/2020100% OFF
expired
2/8/2020100% OFF
expired
2/12/2020100% OFF
expired
3/1/2020100% OFF
expired
3/4/2020100% OFF
expired
10/26/2021100% OFF
expired
11/14/2021100% OFF
expired
11/25/2021100% OFF
expired

Related Topics

2559754
udemy ID
9/14/2019
course created date
9/20/2019
course indexed date
Bot
course submited by