From the course: Creating Web Icons with SVG

What to know before watching this course

From the course: Creating Web Icons with SVG

Start my 1-month free trial

What to know before watching this course

“

- [Voiceover] Before we embark on this journey together, it's important that we start on the same page. As the title suggests, this course is about deploying web icons with SVG and we'll go into great detail about how to implement SVGs using different methods. To be able to follow along, you need to have a firm grasp of some key principles about the web, front-end development, and common tools. First off, you need a solid understanding of HTML, CSS, and some JavaScript. If you need a refresher, I recommend checking out James Williamson's courses, HTML Essential Training and Web Design Fundamentals. SVGs are, at their core, vector graphics, and as such, you can make your own. If you want to follow along with your own icons or you're curious about how SVGs are made, I recommend checking out James's course, Creating Icon Fonts for the Web. Now, I know the title says icon fonts, but the technique for creating icon fonts is exactly the same as the technique for creating SVGs. There are also several other courses in the library that cover SVG creation and vector graphics creation in great detail, and I recommend going to check out some of those as well. While I'll only briefly cover SVG creation in this course, James and the other authors go into great detail on how-to ton of useful tips. Finally, I'll use some command-line tools at different points throughout the course. If you're unfamiliar with Node Package Manager, aka NPM, and, or Grunt.js, I recommend checking out Ray Villalobos's courses on these topics as a primer before we get going, especially Up and Running with NPM and Web Workflows with Grunt.js.

Contents