What is MEAN stack development?

MEAN stack development means all things are from JavaScript world only which are open source and free. Code written in MEAN stack can be executable in server-side and as well client-side also. Acronym of MEAN stack is :

MongoDB: This is JavaScript database which is cross platform and open source. All data representation are in JSON document oriented style.

ExpressJS: Vital tool to develop mobile and web application. Using ExpressJS and NodeJS you can develop a full functional application

AngularJS: Very powerful front end JS framework. It helps you to develop very rich UI along with data binding. It is perfect to build SPA (Single Page Application)

NodeJS: This is very popular JavaScript library which works in background i.e. in server site to get data or perform and other operation.

 

Read ‘What is Full Stack Development?

 

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?’

Selenium using Python – Geckodriver executable needs to be in PATH

Geckodriver executable needs to be in PATH

This is very common issue we normally encounter when we are trying to open FireFox using selenium. I was also victim of this issue in my Windows 10 operating system. My code was simple –

from selenium import webdriver
browser = webdriver.Firefox()

My error was like-
Selenium Issue

I have investigated a lot and many people suggesting to set environment variable PATH in control panel. But unfortunately that didn’t solved my issue. So, I directly refered geckodriver.exe file from its location and the solution worked for me.

from selenium import webdriver
url="https://indianjackofalltrade.com"
browser = webdriver.Firefox(executable_path="C:\Python\Python37\Drivers\geckodriver\geckodriver.exe")
browser.get(url)

Selinium

Now I am able to open firefox using selenium code. Please note that the same method is applicable for other browsers also.

Hope, it help to solve your issue. Please put your comments in below section.

Install Dart in VS Code

What is Dart?

Dart is class-based, object-oriented language like our traditional C# or Java language. Dart is official programming language of Google. It is scalable language which helps us to write web application, mobile app, command line script, server side application. We will install DART version 2.18.0. During your installation the version might be different but don’t worry, the installation process is same.

 

Install Dart in VS Code 

Continue reading “Install Dart in VS Code”

What is new in SharePoint 2019

What is new in SharePoint 2019? 

After 15 years journey of SharePoint a new milestone pillar is now in our way i.e. 2019. As usual it is under bundle of office 365. Let’s look into what are new in this version?

The Modern Experience: in 2016 the big disadvantage was lots of modern SharePoint feature. But in 2019 we have received large chunk of modern experience.

Access Services 2013: Now sending mail is possible from Access Services 2013.

Webpart : The new HERO web part capable to display five items together.

Fast Site Creation: This is new feature which is as of now available with three site templates – Team site, Communication site and OneDrive personal site. Hope, this

Continue reading “What is new in SharePoint 2019”

A problem occurred evaluating root project ‘android’ flutter

To develop a flutter project, sometimes when you try to run mobile emulator from Android Studio or Microsoft Visual Studio Code, you may encounter error like –
“A problem occurred evaluating root project ‘android’ flutter.”

The reason might be different for each case  but for me the reason was that all SDK package licenses was not accepted by me. I found it by ran the command

Continue reading “A problem occurred evaluating root project ‘android’ flutter”

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?”