SVG Basics Guide

SVG Basics Guide

SVG Basics Guide

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

Language: english

Note: 3.8/5 (49 notes) 32,722 students

Instructor(s): Learn Tech Plus

Last update: 2022-11-08

What you’ll 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

 

Requirements

  • Have a Basic Understanding of HTML5, CSS3, & JavaScript
  • Willingness to have fun and Learn!

 

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!

 

Who this course is for

  • Beginner Web Developers

 

Course content

  • Introduction
    • Welcome
  • FireFox Developer Edition
    • Overview
    • Download & Install
    • Features
    • Developer Tools
    • Summary
  • Atom
    • Overview
    • Download & Install
    • Open a Project
    • Version Control with GitHub
    • Collaborate with Teletype
    • Install a Package
    • Choose a Theme
    • Customize the Styling
    • Hack on the Init Script
    • Add a Snippet
    • Keyboard Shortcuts
    • Summary
  • History
    • Overview
    • What is SVG
    • SVG Advantages
    • Creating SVG Images
  • Basic SVG
    • Overview
    • Download and Setup Files
    • HTML
    • Rectangle
    • Circle
    • Ellipse
    • Line
    • Polygon
    • Polyline
    • Path
    • Text
    • Stroking
    • Filters
    • Blur Effects
    • Drop Shadows
    • Linear
    • Radial
  • Conclusion
    • Thank You
  • Old Content
    • Overview
    • Download and Install
    • Features
    • Download and Install
    • Features
    • Download and Install
    • Features
    • Setup Project Files
    • Rectangle
    • Circle
    • Ellipse
    • Line
    • Polygon
    • Polyline
    • Path
    • Download Project Files
    • Project Overview
    • Project

 

SVG Basics GuideSVG Basics Guide

Time remaining or 997 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate