Full Stack Web Development

Full Stack Web Development

Be a Full stack developer is not easy because if you want to be a full stack developer, you should know all the development technologies that need to build a web application.

There are 3 types of development,

1. Front-end Development - The components that you can see when visit the web application.
2. Back-end Development - All the operation that working under those components (Ex: Databases, Structure, Server requests)  
3. Full Stack Development - Combination of  both Front-end and Back-end

Full stack developer should know how all things get fixed at last phase. There are many ways to be a full stack developer. The basic start up for that path is HTML and CSS because without good knowledge of those it is very hard to be a good full stack developer. There are many frameworks and tools that you should know and it will explained later.

Full Stack development is very trending career path on these days. Be a Full stack developer not easy but after being a Full stack developer you will get paid by attractive salary package. Following image will represent the average salary of a Full Stack Developer.

Let's take quick look what we want to know to be a full stack developer.

• HTML and CSS - This is very basic and major requirement to know. It will teach you the basics of the web development.
• JavaScript - This is a programming language and nowadays this is using for all back-end and front-end. This is very powerful language. Many frameworks are implemented using JavaScript (Ex:- VueJs, NodeJs)
• TypeScript - This is also a programming language and it had been get famous with Angular. Angular is using with TypeScript.
• Python - It is also a Programming language and it is getting popular these days. Using this language we can implement command line scripts, GUI application and web applications. In this blog I'm focusing Web development, Therefore in web development we are using frameworks of python called Django and Flask.
• Angular - This is popular framework for build single page web applications. It has many capabilities and recent version gives you bunch of extra features. This is front end development framework.
• React - This is also used to build front end and this is javaScript library. React is very efficient and responsive tool we can use for web development.
• VueJs - Front-end development tool an very easy to learn. It suits to smaller-sized projects.
• Node.Js - This is used in back-end and it will execute javaScript code for you.
• Django - Also a Back-end development tool and it is completely designed using python. This is easily understandable. 
• Git - Git is version control system and it is very useful for your development. It is keep your code clean and safe.

In Web Development There are combinations we can use for development called stacks. Look following examples.

1. LAMP (Linux, Apache, MySQL, PHP)
2. MEAN(MongoDB, ExpressJS, AngularJS, NodeJS) 
3. MERN (MongoDB, ExpressJS, ReactJs, NodeJS) 
4. Meteor
5. Django
6. Ruby on rails
7. Java + Spring

I will explain in detail about MERN stack.

• M - MongoDB
• E - ExpressJs
• R - ReactJs
• N - NodeJs

This is very popular and good stack for web development. Nowadays numerous of developers use this stack to develop web applications because it looks nice and works faster. 

Pros:-

• Works faster.
• Easy to scale.
• Cloud-friendly

Cons:-

• Too much hype.
• Lack of widespread support.
• Security exploits.

Following tools, Libraries and frameworks needed for this stack development,

1. Install Visual Studio Code - This is the IDE for development I recommend.
2. Install MongoDB - This is the database(NoSQL database)
3. Install NodeJs - Used in Back End
4. Install GraphQL - Manage Queries of MongoDB
5. Install Mongoose - Library to Communicate with MongoDB
6. Install Apollo graphql - Manage Queries of MongoDB

If you are bored with going through these each one of tools. go to here it will make a MERN project easily for you.

Thanks for reading my blog till the end.