If you want to show the code coverage of your Angular project, this tutorial is the way to go.
Prerequisites
In this tutorial we’ll be using Travis-CI & codecov. So create the corespondent accounts & add your project.
Setup
For this example, I’ll start by creating a new angular application. Following that, let’s add codecov as a dev-dependency:
$ ng new angular-app-codecov
$ cd angular-app-codecov
$ npm i -D codecovNext, let’s setup Karma. Remember we need to run the test coverage on Travis-CI. So, we need to run Chrome in Headless Mode. Let’s edit Karma.conf.js which is located in the root…
The website speed makes the first impression about your business. Low website speed is one of the most frustrating things that will turn people off about your resource.
In this article we’ll only talk about React apps optimization.
Webpack-bundle-analyzer speed optimization
Webpack-bundle-analyzer is a webpack plugin which helps you visualize the size of your bundles with an interactive zoom-able tree-map.
Webpack-bundle-analyzer helps you:
- Explore the content of your bundles.
- Find out the biggest modules in your bundles.
- Find out unused/unwanted modules.
Adding webpack-bundle-analyzer to create-react-app 1
To use Webpack-bundle-analyzer we need first to install webpack-bundle-analyzer:
npm i -D webpack-bundle-analyzer
# OR
yarn add -D webpack-bundle-analyzerThen, let’s create…
In this article, I’m going to share my experience with setting up Continuous Integration with Travis for an Ionic 2/3 project.
Before starting, I’m assuming you’re familiar with Ionic & Ionic CLI (just the basic commands to start a project).
Let’s start by creating a simple ionic ionic project from the blank template.
$ ionic start ionic-travis-gh-pages blankNow let’s put the project in GitHub. Create a new project , I chose ionic-travis-gh-pages. Then, let’s push our repository from the command line (Just the follow the instructions in GitHub).
In my case, this what I’ve done:
$ cd ionic-travis-gh-pages
$ git…Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.Bootstrap is completely free to download and use. It’s basically used everywhere in the web!
What I’m going to show you in this article is how to customize your bootstrap your liking!
Now, I know you can find multiple Bootstrap themes where the only work you have to do is to download the customized version. Like for example Bootswatch (https://bootswatch.com/).
Yes, It’s much easier to use. All you have to do is to simply download the CSS file and replace the one in Bootstrap. …
Hamza HAMIDI
Web/Mobile Developer.
