Vector Graphics with SVG & HTML - Complete Course with Projects [Video]

Vector Graphics with SVG & HTML - Complete Course with Projects [Video]

Aarthi Elumalai
New Release!

Create awesome 2D vector graphics with SVG (code) + HTML - over-the-shoulder training with multiple projects per module
Packt Subscription
FREE
$9.99/m after trial
Video
$80.75
RRP $94.99
Save 14%
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
$0.00
$80.75
$9.99 p/m after trial
RRP $94.99
Subscription
Video
Start a FREE 10-day trial

Frequently bought together


Vector Graphics with SVG & HTML - Complete Course with Projects [Video] Book Cover
Vector Graphics with SVG & HTML - Complete Course with Projects [Video]
$ 94.99
$ 80.75
2D Animation with CSS Animations - Complete course and Project [Video] Book Cover
2D Animation with CSS Animations - Complete course and Project [Video]
$ 89.99
$ 76.50
Buy 2 for $157.25
Save $27.73
Add to Cart

Video Details

ISBN 13 9781838645991
Course Length 5 hours 56 minutes

Table of Contents

Introduction

Video Description

Are you a programmer who hates graphic design? But do you still want to create awesome 2D vector graphics for your web projects? SVG (Scalable Vector Graphics) is way to go! Forget mastering complicated graphic design software that have nothing to do with programming. You can now create every kind of vector graphics with just a few lines of code. No design skills needed, at all!

Here are the modules:

Module 1 - SVG basics - This is the foundations module. You'll learn how to create SVG files, how to embed the codes/images in your HTML websites, how the SVG coordinate system works and every other thing you need to get started with creating SVG.

Module 2 - Creating various shapes with SVG - You'll learn how to create rectangles, circles, ellipses, lines, polylines and polygons with a wealth of examples in every single lessons. You'll be coding the shapes along with me in every single module so you understand the concepts better. You'll also learn how to style the shapes in multiple ways to get the best possible result.

Module 3 - SVG Paths and Groups - This module handles some very important concepts in SVG - Paths and Groups. You'll learn how to group multiple elements in SVG so they can be manipulated together. Also, you'll learn how to create very complicated graphics with the Path element.

Module 4 - Creating text with SVG - In this module, you'll learn how to literally draw text on your SVG images, design them, manipulate them and so much more.

Module 5 - Other SVG elements - SVG elements that don't really come under a particular category are included in this module. Some of the lessons include embedding bitmap images, creating links, definitions, symbols etc.

Module 6 - Styling your SVG elements - This is a very important module when you take the design aspect of the course into account. In this module, we'll go over the various design attributes and properties offered by SVG. You'll use these properties to create multiple designs for your shapes and elements, designs that'll give your graphics the professional touch they need.

All the code and supporting files for this course are available at: https://github.com/PacktPublishing/Vector-Graphics-with-SVG-HTML---Complete-Course-with-Projects

Style and Approach

This course has 6 modules, where each module will thoroughly explain the intricacies of one of the concepts in SVG with a wealth of over-the-shoulder examples.

Video Preview

What You Will Learn

  • Create cool SVG icons that can be used on your web pages, apps and projects
  • Create Characters in SVG (with paths)
  • Create multiple graphical elements with SVG code - shapes (rectangles, circles), lines, polygons, paths, groups, links, etc.
  • Create eye-catching SVG graphics by applying multiple and intricate style patterns on them

Authors

Table of Contents

Introduction

Video Details

ISBN 139781838645991
Course Length5 hours 56 minutes
Read More

Read More Reviews

Recommended for You

2D Animation with CSS Animations - Complete course and Project [Video] Book Cover
2D Animation with CSS Animations - Complete course and Project [Video]
$ 89.99
$ 76.50
ITIL® 4 Foundation: Complete Course with 2 Practice Exams [Video] Book Cover
ITIL® 4 Foundation: Complete Course with 2 Practice Exams [Video]
$ 182.99
$ 155.55
OpenGL and GLSL Fundamentals with C++ (practical course) [Video] Book Cover
OpenGL and GLSL Fundamentals with C++ (practical course) [Video]
$ 144.99
$ 123.25
2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video] Book Cover
2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video]
$ 90.99
$ 77.35
A Complete CSS Flexbox Course and a Real World Website Project [Video] Book Cover
A Complete CSS Flexbox Course and a Real World Website Project [Video]
$ 90.99
$ 77.35
Introduction to HTML: A Complete Beginner to Expert Course [Video] Book Cover
Introduction to HTML: A Complete Beginner to Expert Course [Video]
$ 90.99
$ 77.35