Full stack development slides Mern stack development slides

1. Full Stack Web Developer
(MERN STACK Developer)
By: Ram Udgar Yadav

2. Why to start carrier in web
development, now?
High demand: There is a high demand for web developers in the job market. According to the Bureau of Labor Statistics,
employment of web developers is projected to grow 27 percent from 2020 to 2030, much faster than the average for all
occupations. This growth is being driven by the increasing demand for websites and web-based applications.
Good pay: Web developers earn a good salary. The median annual wage for web developers was $110,140 in
May 2020.
Flexible work options: Many web developers have the option to work remotely or from home. This can be a great
perk if you value flexibility and want to avoid the commute.
Creative outlet: Web development can be a creative outlet. If you enjoy problem-solving and coming up with new
ideas, web development can be a great career choice.

3. What is Webpage and websites?
The webpage is a single document on the web using a unique URL,
while a website is a collection of multiple webpages in which
information on a related topic or another subject is linked together
under the same domain address.
Static and Dynamic websites:
The difference between static websites and dynamic websites is that
static websites appear the same for every user that accesses them
and only change when a developer modifies the source files,
whereas dynamic websites can present different information to
different visitors.
E.g. resume websites, portfolio websites, brochure websites, etc.

4. What is single-page and multi-page websites?
•
•
•
•
•
•
•
•
•
•

5. What is Full Stack Web development?
Full-stack development is a software
development approach in which developers
work on both the front-end(Client side) and
back-end(server side) of an application. This
means that full-stack developers are
responsible for the entire development
process, from ideation to deployment.

6. What is included in full-stack web
development?
•
•
•
•
•
•

7. What is included in full-stack web
development?
Back-end:
• Java: Java is a general-purpose programming language that is known for its portability and security. It is a popular
choice for back-end development because it can be used to create scalable and reliable applications.
• Python: Python is a general-purpose programming language that is known for its simplicity and its use of natural
language syntax. It is a popular choice for back-end development because it is easy to learn and use.
• Node.js: Node.js is a JavaScript runtime environment that is used to create server-side applications. It is known for its
speed and its ability to scale.
• PHP: PHP is a general-purpose programming language that is known for its popularity and its ease of use. It is a
popular choice for back-end development because it is easy to learn and use.
• Ruby on Rails: Ruby on Rails is a web framework that is known for its speed and its simplicity. It is a popular choice
for back-end development because it is easy to learn and use.

8. What is included in full-stack web
development?
Databases:
• MySQL: MySQL is an open-source relational database management system. It is a popular choice for
web development because it is easy to use and manage.
• PostgreSQL: PostgreSQL is an open-source relational database management system. It is a popular
choice for web development because it is scalable and reliable.
• MongoDB: MongoDB is a NoSQL database that is known for its flexibility and its ability to store large
amounts of data. It is a popular choice for web development because it is easy to use and manage.
• Oracle: Oracle is a commercial relational database management system. It is a popular choice for web
development because it is scalable and reliable.
• SQL Server: SQL Server is a commercial relational database management system. It is a popular choice
for web development because it is scalable and reliable.

9. What is included in full-stack web
development?
In addition to the technologies listed above, there are a number of other skills that are essential for full-stack
web developers. These include:
•Version control: Version control is the process of tracking changes to code. It is essential for managing
code during development and deployment.
•Testing: Testing is the process of ensuring that code works as expected. It is essential for ensuring the
quality of code and preventing bugs.
•Deployment: Deployment is the process of making code available to users. It is essential for getting code
into production and making it available to users.
NOTE: Some of deployment tools are:
GitHub (Static websites), Heroku, AWS, Azure, etc.

10. Advantages of being full stack
developer:
Increased productivity: Full-stack developers have a deep understanding of both the front-
end and back-end of a web application, which allows them to work more efficiently and
deliver projects faster.
Greater flexibility: Full-stack developers can work on a wider range of projects,
which gives them more job opportunities and the ability to work in a variety of
industries.
More creative freedom: Full-stack developers have more control over the design and
development of a web application, which allows them to express their creativity and
come up with innovative solutions.
Higher salaries: Full-stack developers are in high demand, which means they can
command higher salaries than other types of developers.

11. What is MERN STACK?
MERN stack is a collection of technologies that enables faster application
development. It is used by developers worldwide. The main purpose of using
MERN stack is to develop apps using JavaScript only. This is because the four
technologies that make up the technology stack are all JS-based.
Prerequisites for MERN STACK:
Basic knowledge of HTML, CSS and Bootstrap: HTML and CSS are the building
blocks of web pages. You should have a basic understanding of how to use them
to create and style web pages.
Intermediate knowledge of JavaScript: JavaScript is the programming language
used to make web pages interactive. You should have an intermediate
understanding of JavaScript syntax and concepts.

12. Component of MERN STACK:
•
•
•
•
•
•
•
•
•
•
•

13. Working process of MERN STACK:

14. Working process of MERN STACK:
The MERN stack architecture is a three-tier architecture, consisting of the following layers:
•Presentation layer: The presentation layer is responsible for displaying the user interface. It uses React to render
HTML, CSS, and JavaScript to the browser. React is a JavaScript library that makes it easy to create dynamic and
interactive user interfaces.
•Application layer: The application layer is responsible for processing user requests and returning the appropriate
response. It uses Express to handle HTTP requests and Node.js to execute JavaScript code. Express is a web
application framework for Node.js that makes it easy to create and deploy web applications. Node.js is a runtime
environment for JavaScript code that allows JavaScript to be used to create both server-side and client-side
applications.
•Data layer: The data layer is responsible for storing and retrieving data. It uses MongoDB to store data in JSON
format. MongoDB is a document-oriented NoSQL database that is a good choice for storing large amounts of data
that is frequently updated.

15. Workflow MERN STACK:

16. Benefits of using MERN STACK:

17. Advantage using
MERN STACK:

18. Any Queries?