HOT

The Complete Font Awesome 5 Course: Beginner's Guide

Development

Rating3.9
Enroll Now

The Complete Font Awesome 5 Course: Beginner's Guide, available at $19.99, has an average rating of 3.9, with 31 lectures, 4 quizzes, based on 55 reviews, and has 5082 subscribers.

You will learn about Solid understanding of Font Awesome 5 icon library and how it works. Basic use of Font Awesome 5 classes. Integrating Font Awesome 5 into your Web projects. Set icon sizes. Learn how to set icons to the same fixed width. Use list icons to replace default HTML bullets in unordered lists. Add borders & Pull icons left or right inside of its parent container. How to add basic animations to icons, especially icons in the Spinner Category. How to stack Icons – (Classic Method) How to position Icons – (Classic Method) Add Power Transform effects [Scaling, Positioning, Rotating & Flipping] – (New). Combine 2 icons to create 1 single color shape by Masking – (New). How to add Layers, Text & Counters to Font Awesome icons – (New). Learn the quickest way possible to upgrade your current projects based on Font Awesome version 4 to Font Awesome version 5 using Shim files. This course is ideal for individuals who are Take this course now if you know basic HTML and CSS or just completed any Web Development course. or Take this course now if you want to build icon based web designs. or Take this course now if you want to add another web development skill to your existing skill set. or Take this course now if you want to gain a better understanding of the most popular iconic SVG, Font and CSS framework in the world. or Take this course now if you've taken other Font Awesome courses but you are still confused and do not feel confident. This course is perfect for you. or Take this course if you want to get started with Font Awesome 5. (Latest Version Currently). or Take this course now if you want to easily use completely free, flexible, and scalable icons in your web projects in order to enhance User Experience. It is particularly useful for Take this course now if you know basic HTML and CSS or just completed any Web Development course. or Take this course now if you want to build icon based web designs. or Take this course now if you want to add another web development skill to your existing skill set. or Take this course now if you want to gain a better understanding of the most popular iconic SVG, Font and CSS framework in the world. or Take this course now if you've taken other Font Awesome courses but you are still confused and do not feel confident. This course is perfect for you. or Take this course if you want to get started with Font Awesome 5. (Latest Version Currently). or Take this course now if you want to easily use completely free, flexible, and scalable icons in your web projects in order to enhance User Experience.

Enroll now: The Complete Font Awesome 5 Course: Beginner's Guide

Summary

Title: The Complete Font Awesome 5 Course: Beginner's Guide

Price: $19.99

Average Rating: 3.9

Number of Lectures: 31

Number of Quizzes: 4

Number of Published Lectures: 30

Number of Published Quizzes: 4

Number of Curriculum Items: 35

Number of Published Curriculum Objects: 34

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

  • Solid understanding of Font Awesome 5 icon library and how it works.
  • Basic use of Font Awesome 5 classes.
  • Integrating Font Awesome 5 into your Web projects.
  • Set icon sizes.
  • Learn how to set icons to the same fixed width.
  • Use list icons to replace default HTML bullets in unordered lists.
  • Add borders & Pull icons left or right inside of its parent container.
  • How to add basic animations to icons, especially icons in the Spinner Category.
  • How to stack Icons – (Classic Method)
  • How to position Icons – (Classic Method)
  • Add Power Transform effects [Scaling, Positioning, Rotating & Flipping] – (New).
  • Combine 2 icons to create 1 single color shape by Masking – (New).
  • How to add Layers, Text & Counters to Font Awesome icons – (New).
  • Learn the quickest way possible to upgrade your current projects based on Font Awesome version 4 to Font Awesome version 5 using Shim files.

Who Should Attend

  • Take this course now if you know basic HTML and CSS or just completed any Web Development course.
  • Take this course now if you want to build icon based web designs.
  • Take this course now if you want to add another web development skill to your existing skill set.
  • Take this course now if you want to gain a better understanding of the most popular iconic SVG, Font and CSS framework in the world.
  • Take this course now if you've taken other Font Awesome courses but you are still confused and do not feel confident. This course is perfect for you.
  • Take this course if you want to get started with Font Awesome 5. (Latest Version Currently).
  • Take this course now if you want to easily use completely free, flexible, and scalable icons in your web projects in order to enhance User Experience.

Target Audiences

  • Take this course now if you know basic HTML and CSS or just completed any Web Development course.
  • Take this course now if you want to build icon based web designs.
  • Take this course now if you want to add another web development skill to your existing skill set.
  • Take this course now if you want to gain a better understanding of the most popular iconic SVG, Font and CSS framework in the world.
  • Take this course now if you've taken other Font Awesome courses but you are still confused and do not feel confident. This course is perfect for you.
  • Take this course if you want to get started with Font Awesome 5. (Latest Version Currently).
  • Take this course now if you want to easily use completely free, flexible, and scalable icons in your web projects in order to enhance User Experience.

Do you want to learn the number #1 iconic Web font toolkit that most popular websites use on the Internet?

Are you tired of wasting your time on random YouTube videos or Font Awesome courses that are too difficult to follow?

Do you want to learn how to build icon based web designs?

Does the quality of your image based icons become poor and pixelated when you resize your website?

OR

Do you struggle to read and understand documentation of a web framework?

If your answer is YES… then this is exactly the course you are looking for!

By the end of this course you will be comfortable with:

  1. Solid understanding of Font Awesome 5 icon library and how it works.

  2. Basic use of Font Awesome 5 classes.

  3. Integrating Font Awesome 5 into your Web projects

  4. Set icon sizes

  5. How to set icons to the same fixed width.

  6. Use list icons to replace default bullets in unordered lists

  7. Add borders & Pull icons left or right inside of its parent container.

  8. How to add basic animations to icons, especially icons in the Spinner Category.

  9. How to stack Icons – Classic Method

  10. How to position Icons – Classic Method

  11. Add Power Transform effects [Scaling, Positioning, Rotating & Flipping] – New

  12. Combine 2 icons to create 1 single color shape by Masking – New

  13. Adding Layers, Text & Counters to Font Awesome icons – New

  14. The quickest way possible to upgrade your current projects based on Font Awesome version 4 to Font Awesome version 5 using Shim files.

Why is it important to learn the above?

– These days, just knowing HTML, CSS, and JavaScript is great for beginners, but you have to constantly keep on learning to improve your skill set.

– Nowadays, icons are playing a major role in website designing. Developers are constantly focusing on icons because they are very important for any website. Research shows that most users try to scan a website when they visit for the first time.
Therefore, developers should build a very interactive website that should attract users. One way of creating interactive websites is to add icons to your website.

So why should you include icons in your web projects?

a. Because icons support content by drawing attention:

Pictures are important and worth a thousand words, just like icons too. 
Websites without icons and pictures turn off people when they visit your website. That is why it’s important to integrate icons, images, and other visuals into your designs.

b. Because Icons can increase readability:

Lists can increase the readability of your content. However, regular list bullets can be less appealing to the end user visiting your website.
Instead of using regular list bullets, you can use engaging icons to draw attention to paragraphs and other blocks of content. This is because icons are easier to recognize and remember than regular list bullets. Also, icons make it easier to separate different blocks of text from one another.

This course is a perfect fit for you if…

#1. You want to gain a deep understanding of the most popular Iconic Web font framework on the Internet.

#2. You searched YouTube or other resources only to find outdated lessons and tutorials.

#3. Interested in learning how to add icons to your website by using the popular icon library Font Awesome.

Now is the time to decide. This is what you get:

  • Lifetime access to HD quality videos. No! monthly subscription. Learn at your own pace, whenever you want.

  • All videos are downloadable. Learn wherever you want, even without an Internet connection!

  • Downloadable resources which contain starter code for each section.

  • Interactive annotations to help you keep track and follow along when looking at the code.

  • Basic animations to help you understand concepts.

  • Free and helpful support in the course Q & A when you have questions or get stuck.

  • Bite-sized and easy to digest videos.

  • Practice Quizzes in each section to test your understanding.

If this sounds great? Then start this adventure with me today by enrolling in this course and join me in the only Font Awesome 5 course that you will need!

Course Curriculum

Chapter 1: Introduction And Getting Started

Lecture 1: Introduction

Lecture 2: IMPORTANT! READ BEFORE YOU START

Lecture 3: Getting Started

Lecture 4: Course Resources

Chapter 2: Project Setup – Using SVG With JavaScript | RECOMMENDED!

Lecture 1: UPDATE: Using CDN – SVG With JS (EASY METHOD)

Lecture 2: Using CDN – SVG With JS (EASY METHOD)

Lecture 3: UPDATE: Manual Setup Using Downloaded Files – SVG With JS

Lecture 4: Manual Setup Using Downloaded Files – SVG With JS

Chapter 3: [LEGACY] Project Setup – Using Web Fonts With CSS | OPTIONAL

Lecture 1: About This Section

Lecture 2: Manual Setup Using Downloaded Files – Web Fonts With CSS

Chapter 4: Font Awesome Built-in Classes – Basic Use And How To's

Lecture 1: Basic Usage

Lecture 2: Icon Size Classes

Lecture 3: Set Icons To The Same Fixed Width

Lecture 4: How To Use List Icons To Replace Default Bullets In Unordered List

Lecture 5: Bordered & Pulled Icon Classes

Lecture 6: Animated Icon Classes

Lecture 7: Rotate & Flip Icon Classes

Lecture 8: How To Stack Multiple Icons

Chapter 5: Power Transform Icons – SVG With JavaScript

Lecture 1: Introduction – Power Transform

Lecture 2: Power Transform – Scaling

Lecture 3: Power Transform – Positioning

Lecture 4: Power Transform – Rotation & Flipping

Chapter 6: Masking Icons – SVG With JavaScript

Lecture 1: How To Mask Icons

Chapter 7: Layering, Text, & Counters – SVG With JavaScript

Lecture 1: Introduction – Layers, Text, And Counters

Lecture 2: Stacking Multiple Icons by Layering

Lecture 3: How To Add A Text Layer On An Icon

Lecture 4: Adding Counters On An Icon

Chapter 8: Upgrading From Version 4 To Version 5

Lecture 1: Upgrade From Version 4 To Version 5 By Using Shim Files – Quickest Way

Chapter 9: Conclusion

Lecture 1: Thank You And Congratulations

Lecture 2: Optional Course Resources

Instructors

Rating Distribution

  • 1 stars: 2 votes
  • 2 stars: 1 votes
  • 3 stars: 6 votes
  • 4 stars: 15 votes
  • 5 stars: 31 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Docker Kubernetes Courses to Learn in November 2024

Top 10 Angular Courses to Learn in November 2024

Top 10 Node Js Development Courses to Learn in November 2024