Posts

Why and How performance is important

Image
Why performance is important. performance of applications directly impacts on the customer satisfaction. All the end users expect load contact as soon as request. Therefore, customers don't like to wait and see until page content loads. so, this will directly impact profit and sale. Therefore, at the end the company will lose customers and profit. So performance needs to be considered as a key factor. Tools for measure performance There are many tools available today so those tools can be used based on the requirement. currently I am using a lighthouse integrated with chrome dev tool so easy to use and provide guidelines to improve performance of web site. Another tool I used is JMeter , JMeter used to test performance both on static and dynamic resources, Web dynamic applications. It can be used to simulate a heavy load on a server, group of servers, network or object to test its strength or to analyze overall performance under different load types. JMeter is not a browser, it...
Post a Comment
Read more

Basic concepts of Blockchain

Image
Now a days Blockchain has become immense popular. Therefore, I thought of writing a series of article starting from this topic.This is my first article of blockchain History When the internet was made access to public ,people adapted to WWW revolution.It affect many aspect of lives, social and business. As a result of this revolution WWW started shaping up so it become more and more open,more accessible and more peer to peer.Many new technology and business start top of it and today it become more centralized. In history, the very first article related to blockchain is Bitcoin: A Peer to Peer Electronic Cash System in 2008 written by Satoshi Nakamoto and its true identity is still unknown. Today, its known as “Bitcoin”. Intro People used to do international transaction with the help of third party (Bank).so it provide centralized access and all the transaction go through centralized point.it's very expensive and take some time to settle the transaction.centralized sys...
Post a Comment
Read more

Installing Gulp and Package.json

Image
Installing Gulp First we need to run PowerShell and run as Administrator Before install gulp need to install Node and npm (Node package management) Node Npm First check whether any old version is installed if so need remove that version. For that need to run this command npm rm install gulp -g (rm : remove) (-g : globally ) Ones it's completed run command for install npm install gulp-cli -g Then create project and move to that folder npm init ->Initialize a Project This will prompt get some input from developer in this following order Name: Version: Description: entry point :(Project main file) Test command: Git repository : Keyword : (tag related to project) Author : license:(this defaults to ISC) When finished above process package.json created. What is package.json? JSON file so easy to read includes the packages and applications it depends on Project metadata project's name, description, and author allows the separation production depende...
Post a Comment
Read more

Gulp Part 01

Image
In this article I'm going to discuss about one of the most popular angular Build Tool which is called Gulp. Component of modern front-end workflow npm : a programming library and package manager for Node.js and JavaScript (Node environment dev dependencies). yarn : A package manager for JavaScript. Bower : a package manager for the front-end dependencies . Chocolatey : Open-source decentralized package manager for Windows. Package Managers Automate packages and libraries that use in dev environment. Installation Upgrading  Remove Dependencies What is build tool Collection of  tasks that automate repetitive work. Why we need a build tool It helps to automate build processes. In general,mainly 4 things that can be automated by a build tool Development Testing Optimization and Deployment Present, there are so many build tools available for angular.Out of them the two most popular build tools are Gulp and Grunt . In this article I am discussin...
Post a Comment
Read more

Hello world Application

Image
Start with Hello world Application Angular 2 can be coded in many ways. First option is to start from the scratch .But I would not recommend this for beginners because there are so many dependencies need to be added to the project . For beginners,I recommend following option to start with Use Quick start at Angular Github. Use Angular CLI. Setting up an Environment. To begin with, I have used 2nd option for this example as this is a good way to start .Following is the URL for Angular Github. Go to Project directory   ⟹   Open cmd  ⟹   Type bellow URL git clone https://github.com/angular/quickstart Hello Then clone the github repository to your local system and this will create sample “Hello”Angularjs application . File structure Even Though there are so many tools available for development , I have used Visual studio Code .VS Code automatically compile and create JavaScript files because Angular 2.0 is a typescript which needed to be compi...
Post a Comment
Read more

Angular 2.0 Components - Part 2

Image
Templates define a component's view or HTML content for the component.In template there are two type define template in-line template template URL command This is how it work Metadata Metadata defines the way to process a class. We can define the metadata by using decorator. The @Component decorator, which identifies the class immediately below it as a component class.If the “Component” is not defined, then Type Script  treats this as a simple class. Data binding Used to bind the data between view and business logic . In angular 2.0 there are four forms of data binding . As a summary of data binding. Directives Used to extend HTML attributes and provide some special behaviors to HTML DOM elements.A directive is a class with a @Directive decorator. There are two type of Directives structural directives : alter layout by adding, removing, and replacing elements in DOM Attribute directives : alter the appearance or behavior of an existing element....
Post a Comment
Read more

Angular 2.0 Components

Image
Angular 2.0 Components Modules   designed for performed single task .Every angular app has at least one root module and more featured module.angular is a class which is decorated with @NgModule . NgModule is a decorator function that takes a single metadata object whose properties describe the module. Declarations : Describes the view class for the module.there are three kind of view class available Components  Directives  Pipes Imports - Define the modules that we want to import in our module. Providers - creators of services that this module contributes to the global collection of services; they become accessible in all parts of the app. Exports - Defines the name for the module, using which we can use this module. Bootstrap - It defines the main component to be Bootstrap in main.ts file. Components similar to a controller class with a template so components deal with view of the Application and the logic on the page.     ...
Post a Comment
Read more