Font-awesome Installation in Angular app.

Font-Awesome + Angular using NPM

Why NPM?

Whenever we need a package in our Angular application, we'll be using npm to bring in the package. This is the way the Angular ecosystem is working. We need lots of packages to build something greater.

Installing Font-awesome:

This will bring the entire Font-awesome into our node_modules folder. The --save flag will add this dependency to our package.json

Add Font-awesome in Angular app:

For Angular applications, all starting configuration happens in the angular.json file. In that file, you'll find a styles array where we can add any CSS files we want to add to our project. You'll also find a script array where you can add scripts if you need that. (Refer here for including Jquery and Bootstrap and here for Bulma CSS)

Restart the angular server (ng serve). Now you can able to use all the incredible icons of Font-awesome in your Angular application.

Comments

When there is.... It matters!

When there is no wind... It matters to see a tree dance! When there is no way home... It matters to keep a thin memory! When there is no light... It matters to keep a lighter! When there is no sweetheart... It matters by surrounded with friends! When there is no sweet memory to remember... It matters to create them by own! When there is no achievement... It matters to grab an opportunity! When there is no plan... It matters to hit hard the goal! When there is a heart... It matters to keep it unbroken! When there is no knowledge... It matters to get rich! When there is no path... It matters to keep thoughts clear! When there is no hope... It matters to keep motivated! When there is no life... It matters to remember YOU ARE THE LIFE

Bulma Installation in Angular app.

Bulma + Angular using NPM Why NPM? Whenever we need a package in our Angular application, we'll be using npm to bring in the package. This is the way the Angular ecosystem is working. We need lots of packages to build something greater. Installing Bulma: This will bring the entire Bulma project into our node_modules folder. The --save flag will add this dependency to our package.json Add Bulma in Angular app: For Angular applications, all starting configuration happens in the angular.json file. In that file, you'll find a styles array where we can add any CSS files we want to add to our project. You'll also find a script array where you can add scripts if you need that. ( Refer here for including Jquery and Bootstrap ) Restart the angular server ( ng serve ). Now you can able to use all the incredible features of Bulma CSS in your Angular application. Let's make something awesome with Bulma.

Why web browser need for HTML (Website)?

Purpose of web browser The main purpose of a web browser is to read and render the HTML document into human-readable and formatted content. Common browsers There are many browsers available in the web era, and these are some commonly used browsers worldwide. Chrome Edge Firefox Safari Opera HTML page structure <html> <head> <title>Page title</title> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> The HTML's timeline There have been many versions of HTML till now over the journey of the W orld W ide W eb. Year Version 1989 Tim Berners-Lee invented www 1991 Tim Berners-Lee invented HTML 1993 Dave Raggett drafted HTML+ 1995 HTML Working Group defined HTML 2.0 1997 W3C Recommendation: HTML 3.2 1999 W3C Recommendation: HTML 4.01 2000 W3C Recommendation: XHTML 1.0 2008 WHATWG HTML5 First Public Draft 2012 WHATWG HTML5 Living ...

D Software Machinist

Search This Blog