What is full stack development ?

In general term you can say full stack development is “Jack of all trade but master of none“. Sounds crazy…right? But this is what business world demanding now. As per technical definition of Full Stack Development you can say “it is such a web development model where developer should be efficient enough in both the front-end and back-end technology means full stack of technology that build up a website. They are proficient in server, network and hosting environments as well”.

In earlier stage of web development, there was two type of developer, front end developer and back end developer. Front end developer was responsible for page design, normally used to work on HTML, CSS, photoshop etc. and in some cases need to write client side scripting language. Back end developer was implementing the business logic using server side language like ASP.Net, PHP, Python etc. Moreover they used to write SQL store procedure, function etc.

Why Full Stack Developers are in demand?

if you observe your family then you find that when you need something, you obviously search for the person who knows every corner of your house, in normal case that is your Mom.

Same as business wants some point of contact from development team who can answer every questions, as well as guide and suggest them with good solution. In that way Full Stack developer are in demand now.

How to become a Full Stack Developer?

To become a full-stack developer you should have knowledge of multiple languages or tools-

  1. Html/CSS : HTML is basic building block of a web page. This actually hold the skeleton a page. CSS are cosmetics to decorate the skeleton. As a full stack developer you should know how to build a page and applying CSS on it.
  2. JavaScript : All client side activity are controlled by JavaScript. Now a days many framework and library available in market like Angular, React, Vue etc. Full Stack developer must me master of one of this.
  3. Server Side Language : Full stack developer must be able to handle databases, user authentication, server, and application logic. There are plenty of option available  in market, most popular languages are Node.js, Python, Ruby, Java, PHP.
  4. Database and Storage : Database like SQL Server, MongoDB are use to stores business data. Full Stack developer must aware of how to connect to database, how to write optimized store procedure, function. Also need knowledge of web storage which is used to store session, cookies, and the cached data.
  5. Web Architecture : To build a optimized web application with good performance, you must have knowledge of web architecture.
  6. Source Control : TFS(team foundation server) and GIT are code repository of your code. Full Stack developer must know how to control versioning of the code, how to schedule build using those tool.

If you see the Stackoverflow demand report then you can understand how demanding is Full Stack developer.


Full Stack Development Report


Read ‘What is MEAN stack development?’

What is Property Binding in Angular 2?

Property Binding in Angular 2

Here we enclose the property element name with square bracket or after ‘bind-‘  word and class property should be enclosed inside double single course. Let check it using an example. Here we are showing google.com logo Continue reading “What is Property Binding in Angular 2?”

What is Interpolation in Angular 2?

What is Interpolation in Angular 2?

Interpolation is all about data binding. The  easiest way of show dynamic data to view. In Just need to pass property name enclosed within open close curly braes i.e. { { property  }}.

Interpolation are three types –

Continue reading “What is Interpolation in Angular 2?”

Nested Component in Angular2?

Nested Component in Angular2?

Nested component means a component under another component. Just to iterate what I discussed in my early post , component is a class with a template and  decorator/metadata.

However, if you want to know more details about component then please visit my previous post –  https://indianjackofalltrade.com/what-is-components-in-angular2

Hence, we will create below tables with nested component approach. As you can see we can divide the form in two parts, one is header and another one is table.  First of all we will see how to create table header then its contents, after that we will connect both as nested component.

Student Details

1. Modify app.component.ts code with below code –

Continue reading “Nested Component in Angular2?”

What is Template and TemplateURL in Angular2?

What is Template and TemplateURL in Angular2?

To understand the different between template and templateurl, first you have to understand what is template. Hence, you please read my previous article here – https://indianjackofalltrade.com/what-is-components-in-angular2/

Therefore, lets iterate the concept once again.

Template is part of decorator which helps to build user interface because it contains the HTML, directives and bindings. This can be form by two ways –

1. Template

2. TemplateURL

1. Template: HTML code is written  against template property directly. See below example –

Continue reading “What is Template and TemplateURL in Angular2?”

What is components in Angular2?

A class with a template and a decorator/metadata is called component. Lets make it more clear.

Template – It render the view of the application, in other way we can say it defines the user interface which contains the HTML, directives and bindings.

Class – It is same like AngularJS Controller. Class contains actual business logic (code) template. It is like a class in any other OOPS language like Java or C#. The class consist of functions and properties.

Decorator – Template hold by decorator. Its associate template with component. Its helps to decorate the class with extra information.

Now explaining it with an example.

1.  Write a small piece of code to understand each point .

import {Component} from “@angular/core”
template:`<h1>Hi {{name}}</h1>`
export class AppComponent{
name: string = “Krishnangshu Banerjee”;

2. Then from console run ng serve -o and browser will open automatically and the output will be –

Continue reading “What is components in Angular2?”