We may earn an affiliate commission when you visit our partners.
Mammoth Interactive and John Bura

We at Mammoth Interactive value input from students like you. Feel free to leave us your feedback.

Why use SVG?

It has good support among all modern browsers, and it's an open standard.

It uses smaller file sizes compared to bitmapped files.

You can style shapes in CSS and interact with them in JavaScript. Thus you can programmatically alter shapes for use on web pages.

Read more

We at Mammoth Interactive value input from students like you. Feel free to leave us your feedback.

Why use SVG?

It has good support among all modern browsers, and it's an open standard.

It uses smaller file sizes compared to bitmapped files.

You can style shapes in CSS and interact with them in JavaScript. Thus you can programmatically alter shapes for use on web pages.

Gain hands-on experience with coding real projects. Make vector graphics by coding in this awesome course for beginners. Scalable Vector Graphics (SVG) is an image format that uses vectors, in contrast to other image formats like jpg, gif, or pngs, which are raster graphics. SVG is made with math. For this reason, it can scale indefinitely. This makes it great for making logos, icons, and simple designs.

This course was funded by a wildly successful Kickstarter.

If you have always wanted to learn to code, this is your place to start. In this course, you will learn how to code in the Python 3.5 programming language. 

Whether you have or have not coded before, you can learn how to use Python. Python is a popular programming language that is useful to know because of its versatility. Python is easy to understand and can be used for many different environments. Cross-platform apps and 3D environments are often made in Python.

You learn the basics of programming, including topics like variables, functions, and if statements. You learn about data structures such as lists, dictionaries, and sets. We cover how to use for and while loops, how to handle user input and output, file input and output. We apply our knowledge to build a fully functional tic-tac-toe game. 

You learn classes, methods, attributes, instancing, and class inheritance. We make an additional Blackjack game. You learn how to solve errors that can occur when you work as a programmer.

Also now Included in these bundles are our Extra Courses, if you want to learn to use other programs such as Camtasia or Sketch, you get more content than what you paid for this way.

We really hope you decide to purchase this course and take your knowledge to the next level.

Let's get started.

Enroll now to join the Mammoth community.

Enroll now

What's inside

Syllabus

Introduction and Installation
Installing Python
Basics of Programming
Basics of Programming - Part 1
Read more
Basics of Programming - Part 2
Basics of Programming - Part 3
Lists
Loops - Part 4
Loops
Loops - Part 1
Loops - Part 2
Loops - Part 3
Loops - Part 5
Sets and Dictionaries
Sets and Dictionaries - Part 1
Sets and Dictionaries - Part 2
Input and Output
Input and Output - Part 1
Input and Output - Part 2
Input and Output - Part 3
Input and Output - Part 4
Input and Output - Part 5
Input and Output - Part 6
Input and Output - Part 7
Classes
Classes - Part 1
Classes - Part 2
Classes - Part 3
Classes - Part 4
Classes - Part 5
Classes - Part 6
Importing
Importing - Part 1
Importing - Part 2
Importing - Part 3
Importing - Part 4
Importing - Part 5
Importing - Part 6
Blackjack
Blackjack - Part 1
Blackjack - Part 2
Blackjack - Part 3
Blackjack - Part 4
Blackjack - Part 5
Blackjack - Part 6
Error Handling
Numpy
Creating Rectangle and Circles
Make Art by Coding - Create an SVG Scene for Web Animation
Introduction Part 1
Introduction Part 2
Creating Lines
SVG viewBox
Polygon Element Part 1
Polygon Element Part 2
Polygon Element Part 3
Polygon Element Part 4
viewBox Attributes
viewBox Attributes (Cont'd)
Path Elements
Path Elements (Cont'd)
Bezier Curves Part 1
Bezier Curves Part 2
Bezier Curves Part 3
Bezier Curves Part 4
Quadratic Bezier Curves
Arcs
Arcs (Cont'd)
SVG-edit and Illustrator
Styling Inline SVG
SVG in IMG tag
SVG in Background IMG
Modifying Inline SVG
SVG with Javascript
Adding Trees
Creating Trees
Creating Trees (contd)
Remove Button
Adding Other Type of Trees
Sorting Trees
Sorting Trees (cont'd)
Refactoring Javascript
Refactoring Javascript (Cont'd)
Saving as SVG
Saving as SVG (Cont'd)
Save as PNG
Downloading Images
Refactoring Part 1
Refactoring Part 2
Refactoring Part 3
Main Functionality
Main Functionality (Cont'd)
Testing Cross Browser Compatibility
Checking DOMcontentloaded
Styling Part 1
Styling Part 2
Styling Part 3

Save this course

Save Create Artistic Apps with Python and SVG! to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Create Artistic Apps with Python and SVG! with these activities:
Review Python Basics
Solidify your understanding of Python fundamentals before diving into SVG and artistic app creation. This will make the course material easier to grasp.
Show steps
  • Review basic syntax, data types, and control flow in Python.
  • Practice writing simple Python scripts.
  • Complete online Python tutorials or exercises.
Review 'Automate the Boring Stuff with Python'
Reinforce Python skills with a practical guide to automation. This will make learning SVG manipulation in Python easier.
Show steps
  • Read relevant chapters on Python basics and automation.
  • Complete the practice projects in the book.
Practice Python List and Dictionary Manipulation
Sharpen your skills in manipulating lists and dictionaries in Python. This is crucial for handling SVG data and attributes effectively.
Show steps
  • Solve coding challenges on platforms like HackerRank or LeetCode focusing on lists and dictionaries.
  • Write functions to perform common operations on lists and dictionaries.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Review 'SVG Essentials'
Gain a deeper understanding of SVG by studying a comprehensive guide. This will enhance your ability to create complex artistic apps.
View SVG Essentials on Amazon
Show steps
  • Read chapters on SVG syntax, shapes, and animation.
  • Experiment with the code examples provided in the book.
Create a Simple SVG Editor
Apply your knowledge by building a basic SVG editor using Python. This will solidify your understanding of SVG structure and manipulation.
Show steps
  • Design the user interface for the SVG editor.
  • Implement functionality to create and modify basic SVG shapes.
  • Add features for saving and loading SVG files.
Write a Blog Post on SVG Animation Techniques
Deepen your understanding of SVG animation by researching and writing a blog post. This will force you to synthesize and articulate your knowledge.
Show steps
  • Research different SVG animation techniques.
  • Write a clear and concise blog post explaining the techniques.
  • Include code examples and illustrations in your blog post.
Design a Data Visualization with SVG
Combine your Python and SVG skills to create a data visualization. This will demonstrate your ability to apply your knowledge to a real-world problem.
Show steps
  • Choose a dataset to visualize.
  • Use Python to process the data and generate SVG code.
  • Design an effective and visually appealing data visualization.

Career center

Learners who complete Create Artistic Apps with Python and SVG! will develop knowledge and skills that may be useful to these careers:
Python Programmer
A Python Programmer writes and maintains code using the Python programming language. They work on a variety of projects, including web development, data analysis, and automation. The course has an introduction to several programming fundamentals using the Python language. This course is especially useful for Python programmers. The Python language has a great deal of versatility. Learning Python may allow you to create cross-platform apps and 3D environments.
Creative Coder
As a Creative Coder, you blend artistic vision with coding skills to produce innovative digital experiences. This role involves using programming languages and creative tools to develop interactive installations, generative art, and dynamic visualizations. This course helps creative coders create intricate vector graphics and animations using Python and SVG. The focus on programmatically altering shapes gives creative coders the ability to create dynamic designs. The use of scalability may be useful for the creative coder.
Digital Artist
A Digital Artist creates art using digital tools and software. They may work on illustrations, concept art, or visual effects for film and games. The course may be useful, as it helps digital artists create illustrations using Python and SVG. It goes over how to modify certain shapes programmatically. The course offers a unique approach to digital art creation, allowing artists to combine coding with artistic expression.
Animator
Animators create moving images using various techniques, including computer animation, stop motion, and traditional animation. They work in film, television, and video games. The course helps animators create vector-based animations using Python and SVG. The course goes over how to alter shapes programmatically. Its focus on programming animated shapes for use on web pages provides animators with a powerful tool for creating dynamic web content.
Freelance Artist
A Freelance Artist creates art on a contract basis. They may create digital art, illustrations, or designs for various clients. This course helps freelance artists create scalable vector graphics using Python and SVG, which is perfect for logos, icons, and web design projects. The ability to code art as covered in the course provides a unique selling point and allows artists to offer innovative solutions to clients. This course may be useful for the freelance artist, as it goes over how to create art by coding.
Software Engineer
A Software Engineer designs, develops, and tests software applications. They work on a variety of projects, from web applications to mobile apps to enterprise software. This course helps software engineers create graphical components using Python and SVG. The course offers insight into the creation of scalable vector graphics. This is also a great introduction to programming fundamentals. The ability to integrate vector graphics programmatically is a valuable skill for modern user interfaces.
Web Developer
A Web Developer is responsible for building and maintaining websites. They work on both the front end, which involves the user interface and experience, and the back end, which involves the server-side logic and databases. This course helps web developers create interactive and dynamic web content using SVG and Python. The ability to style shapes with CSS and interact with them using JavaScript, as covered in the course, is invaluable for creating engaging web experiences. This course may be useful for web developers because of its use of Scalable Vector Graphics.
Graphic designer
A Graphic Designer crafts visual concepts that communicate ideas and messages. This role involves designing logos, websites, advertisements, and other marketing materials. The course helps designers create scalable vector graphics using Python, an essential tool for creating logos and icons that maintain quality at any size. Learning to manipulate shapes programmatically as demonstrated in the course provides a distinctive edge in web design and animation. This course may be useful for graphic designers because of its use of scalability.
User Interface Designer
A User Interface Designer focuses on the layout and visual elements of digital products, such as websites and apps. They ensure that the interface is intuitive and visually appealing to users. The course has a focus on how to affect the user interface programmatically. Learning how to style shapes in CSS and interact via Javascript allows for the creation of a more dynamic user interface. This course may be useful for User Interface Designers because of its focus on dynamic elements.
Data Visualization Specialist
A Data Visualization Specialist transforms complex data sets into visual representations that are easy to understand. They create charts, graphs, and other visual aids for reports and presentations. This course is an introduction to programmatic control of visual elements. The insights on how to create scalable vector graphics are useful for creating complex and interactive data visualizations. The course's exploration of Python, a popular language for data analysis, is especially beneficial.
Game Developer
Game Developers design and create video games for various platforms, including consoles, PCs, and mobile devices. They work on game mechanics, graphics, and artificial intelligence. The course may be useful for game developers, as it helps developers create game art assets using Python and SVG. The scalability of SVGs is particularly useful for creating game assets that need to be displayed at various resolutions. The course's focus on Python and its versatility is an asset in cross-platform game development.
Mobile App Developer
Mobile App Developers create applications for smartphones and tablets. They may work on iOS, Android, or cross-platform development. This course may be useful, as it helps app developers incorporate custom vector graphics into their applications using Python and SVG. The course's emphasis on Python is advantageous, as Python is often employed in cross-platform mobile development. The skills to programmatically alter shapes from the course gives app developers more flexibility in designing dynamic user interfaces.
Technical Illustrator
A Technical Illustrator creates illustrations for technical documentation, manuals, and training materials. They need to accurately depict complex objects and systems. This course may be helpful for technical illustrators, as they can learn to generate precise vector graphics using Python code. The course goes over how to create designs programmatically. The scalability of SVG graphics ensures that illustrations remain clear and detailed, which this course goes into detail about.
Instructional Designer
An Instructional Designer creates learning materials and courses for various educational settings. They design engaging content and assessments. This course may be helpful for instructional designers by giving them insight into creating interactive graphics for online courses using Python and SVG. The ability to create scalable vector graphics is useful for ensuring that visuals look sharp on different devices. The course's focus on creating web animations provides tools for engaging online learners.
Marketing Specialist
A Marketing Specialist develops and implements marketing campaigns to promote products or services. They analyze market trends, create advertising materials, and manage social media. This course may be useful for marketing specialists because they can learn to create compelling visuals using Python and SVG. The ability to design scalable vector graphics is valuable for creating logos and icons that maintain quality across different marketing channels. The course's focus on web animation is advantageous.

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Create Artistic Apps with Python and SVG!.
Provides a comprehensive guide to SVG, covering everything from basic shapes to advanced animation techniques. It's a valuable resource for understanding the intricacies of SVG syntax and capabilities. This book is more valuable as additional reading than it is as a current reference. It adds more depth to the existing course.
Provides a practical introduction to Python programming, focusing on automating everyday tasks. It's a great resource for beginners to solidify their understanding of Python syntax and concepts. While not directly related to SVG, it builds a strong foundation in Python, which is essential for this course. It is commonly used as a textbook for introductory Python courses.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser