watching now
4 Students

56 Lessons

Beginner

What You Will Learn?

  • Learn SVG for Web Development and why to Use it
  • Learn to Embed SVG on a Web Page
  • Learn to Create Different SVG Forms
  • Learn to Create Landscape with Code

Curriculum

6h 9m
Section 1: Make Art by Coding
6:09:13
Polygon element Part 1
03:33
Polygon Element Part 2
02:26
Polygon Element Part 3
03:29
Polygon Element Part 4
04:33
ViewBox Attributes
04:57
ViewBox Attributes (Cont'd)
02:24
Path Elements
07:10
Path Elements (Cont'd)
02:55
Bezier Curves Part 1
07:01
Bezier Curves Part 2
05:11
Bezier Curves Part 3
02:44
Bezier Curves Part 4
06:03
Quadratic Bezier Curves
04:01
Arcs
08:57
Arcs (Cont'd)
05:05
SVG-edit and Illustrator
06:24
Styling Inline SVG.mov
08:10
SVG in IMG tag
06:42
SVG in Background IMG
05:15
Modifying Inline SVG
11:53
SVG with Javascript
10:20
Adding Trees
06:17
Creating Trees
11:46
Creating Trees (contd)
03:25
Remove Button.mov
07:04
Adding Other Type of Trees
15:17
Sorting Trees
08:40
Sorting Trees (cont'd)
04:31
Refactoring Javascript
06:09
Refactoring Javascript (Cont'd)
07:03
Saving as SVG
08:52
Saving as SVG (Cont'd)
05:48
Save as PNG
07:21
Downloading Images.mov
08:04
Refactoring Part 1
05:18
Refactoring Part 2
06:15
Refactoring Part 3
03:37
Main Functionality
14:12
Main Functionality (Cont'd)
03:37
Testing Cross Browser Compatibility
13:43
Checking DOMcontentloaded
02:39
Styling Part 1
10:12
Styling Part 2
07:13
Styling Part 3
06:10
Modal for PNG Part 1
08:01
Modal for PNG Part 2
06:27
Modal for PNG Part 3
06:18
More Javascript Refactoring
06:40
Styling The Modal More
09:33
Adding Size Reset Button
08:30
Outro
01:29

Description

Requirements

  • Basics of HTML, CSS and JavaScript are Helpful
  • An Internet Connection to Use the Free Text Editor JS Bin
  • SVG Knowledge is not a Requirement
  • Illustrator CC or its Free Alternative

About the Instructor

Reviews 2
Students 99
Courses 41

Mammoth Interactive gives you the necessary tools to bring your ideas to life. It’s been founded and is lead by John Bura, a well-known instructor with over 20 years of programming and 15 years of teaching experience.

Mammoth Interactive has produced games that conquered the top positions in the App store. Their games for iPhone, iPad, XBOX 360 and more have been highly valued. Also, the company has been contracted for the production of soundtracks, addicting levels, programming, and business development.

Back in 2011, Mammoth Interactive’s CEO John Bura has entered the software education market sharing his expert knowledge. He’s a master of bringing his unique perspective backed by years of experience in teaching and running a software company, as well as real-world coding. He’s gathered a team of competent experts each in their subfields who are sharing the best of their knowledge.

Mammoth Interactive has hundreds of thousands of students leaving five-star reviews once they finish the courses. On BitDegree, you can form your entire learning paths only when looking at the list of online courses offered by Mammoth Interactive teachers. Anything from coding to kids to creating games, gaining expert Python/R/C#, etc. skills or making stunning 3D arts with Blender. It’s just an inexhaustible source of knowledge – go on and make use of it!

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo