Integrating Font Awesome Icons in Ionic - Ionic Tutorial
Integrating Font Awesome Icons in Ionic is a free tutorial by Tinashe Munyaka from Ionic course
Link to this course(Special Discount):
https://www.udemy.com/course/ionic-cr...
This is the best Ionic Course
Course summary:
Have the necessary skills to develop your own apps
Charge other people to develop their prototypes
Apply for jobs that require wire-framing and prototyping skills
Expand your knowledge further into the world of mobile apps development English [Auto]
Hey guys. OK. So I just wanted to make another video for people that might be familiar with using forms and might be wanting to integrate forms or some icons into your applications here using your own creator. So we're not going to go deep down into one form or some is and stuff like that. I just said it's got people that are already familiar with font or some so if you are familiar with font awesome then yeah this section is for you. Or if you might be keen in using phone or something that can go ahead and read up on phone or some fun or some don't. I know. So what you want to do is we're going to go to kind of get started. And then when I want to use this phone or some CD. All right. So I'm ready. So you put in your email address and then you get the embed code so why would I want to do that work when I want and get the CD and already have my my CD and code available. So what you need to do is you need to do the following. So why not go ahead and I'm going to duplicate one of these pages here so that we can write that. I don't like that color. I would rather work on it. You probably think I don't like the color but then you design it. Well yeah. I'm from there's three options I kind of like this one the most. I say OK I enough talking. All right so the thing is what I want to do so let's just to placate this pager and you know what while I'm here let me just change this page to slider so that we know what this page it does so let's just say we'll come slider so that we know what's happening here. Ok cool. So so now we're confronted with a video slide and then this duplicate that which is not something I call this. Or some so that we just know that we are working on this one. So on this phone or someone who when I wanted to is we go I want to just change this. I couldn't hear with the phone or some icons or rather than this graphic this picture can I want to use a phone or some i can someone fess up or just delete this current. I couldn't hear what image and this feature is available for pro users anyway. So what you and I want to do is I do not want to grab your CD and you have cotton from from phones or some script and I'm just going to copy mine. And here you can add it to the code and then click on code settings and put in the script you are else on when I just command V. It needs to only be that you are also going to delete all of that and just leave the euro on me. So it looks like bad press and time. And there's my script source. There we go. Looking good. I must say close. And now I can start using forint or some icons. Ok cool. So let's go ahead and then look for a font or some icon some applicant icons. And I said maybe just a video right. You do and there's one here. And as you can see I can use it like this. Now there's something that I just want to show you quickly. Then just copy this from the screen if I would copy if I would use it like this. This command feed they come and the. All right so this is just like from W.W. from W3 school dot com by just talking about fun. Awesome So if I was let's say to want to use this car here I'm going to go ahead and do this. Copy this code which would be for this red card this red become and say command copy go big do I any creator and pasting. Asked him all code. So I'm not taken ECMO competent yet. Click and get on to our page and I'm going to paste that code in between this P-TECH command V and you won't see anything here. You only see it when you preview something that could preview. I don't think it's saved proving the right page just the font or some could be that saving there so they just wait or change you saved. OK. Yes we own this page let's preview now why is it showing me this page. Not feel one or some come work let's see what's happening and maybe there's something that I'm not seeing. OK. So fond or some HMO that is not e-mail us I don't know who's pulling that image. And you know what guys obviously it added a slider on their right. So Silly me. There it is. My apologies guys my apologies. I sincerely apologize for wasting about a minute of your time wondering what was happening. OK. So there it is. Our slide with the font awesome icon. So obviously what you want to do is we want to just make that icon not red. So let's maybe say white just for the sake of the demo right