SlideShare a Scribd company logo
2
Most read
4
Most read
6
Most read
CHAVA SAI SWAGATH
171801120007
VISAKHAPATNAM
Full stack development: It refers to the development of
both front end(client side) and back end(server side)
portions of web application.
Full stack web Developers: Full stack web developers have
the ability to design complete web application and websites.
They work on the frontend, backend, database and
debugging of web application or websites.
FRONT END DEVELOPMENT
BACK END DEVELOPMENT
DATABASE
 It is the visible part of website or web application which is
responsible for user experience. The user directly interacts
with the front end portion of the web application or website.
Front end Languages:
 HTML: It is used to design the front end portion of web pages using
markup language. Hypertext defines the link between the web pages.
The markup language is used to define the text documentation within
tag which defines the structure of web pages
 CSS: is a simply designed language intended to simplify the
process of making web pages presentable. CSS allows you to
apply styles to web pages. More importantly, CSS enables you to
do this independent of the HTML that makes up each web page.
 JavaScript: JavaScript is a famous scripting language used to
create the magic on the sites to make the site interactive for the
user. It is used to enhancing the functionality of a website to
running cool games and web-based software.
 AngularJS: is a JavaScript open source front-end framework that is
mainly used to develop single page web applications(SPAs). It is a
continuously growing and expanding framework which provides better
ways for developing web applications. It changes the static HTML to
dynamic HTML.
 React.js: React is a declarative, efficient, and flexible JavaScript library
for building user interfaces. ReactJS is an open-source, component-
based front end library responsible only for the view layer of the
application. It is maintained by Facebook.
 Bootstrap: Bootstrap is a free and open-source tool collection for
creating responsive websites and web applications. It is the most
popular HTML, CSS, and JavaScript framework for developing
 jQuery: is an open source JavaScript library that simplifies the interactions between
an HTML/CSS document, jQuery simplifies HTML document traversing and
manipulation, browser event handling, DOM , Ajax interactions, and cross-browser
JavaScript development.
 Other Important Points:
• Work with text editors to use shortcuts and its facilities i.e. Visual studio, Atom,
Sublime etc.
• Make UI responsible using grid system.
• Git and git commands like init, add, commit etc for version control and to work
with team.
• Understand using HTTP, JSON, APIs to fetch data or other tools.
• It also requires some design skill to make layout and look better.
 It refers to the server-side development of web application or website with a
primary focus on how the website works. It is responsible for managing the
database through queries and APIs by client-side.
 The back end portion is built by using some libraries, frameworks, and
languages which are discussed below:
 PHP: PHP is a server-side scripting language designed specifically for web
development. Since, PHP code executed on server side so it is called server
side scripting language.
• C++ It is a general purpose programming language and widely used now a days for
competitive programming. It is also used as backend language.
• Java: Java is one of the most popular and widely used programming language and
platform. It is highly scalable. Java components are easily available.
• Python: Python is a programming language that lets you work quickly and integrate
systems more efficiently.
• JavaScript: JavaScript can be used as both (front end and back end) programming
languages.
• Node.js: Node.js is an open source and cross-platform runtime environment for
executing JavaScript code outside of a browser. You need to remember that NodeJS
is not a framework and it’s not a programming language. We often use Node.js for
building back-end services like APIs like Web App or Mobile App. It’s used in
production by large companies such as PayPal, Uber, Netflix, Walmart and so on.
• The list of back end frameworks are: Express, Django, Rails,
Laravel, Spring etc.
• The other back end program/scripting languages are: C#,
Ruby, REST, GO etc.
Other Important Points:
• Structuring the data in efficient way.
• Handle request-response of APIs for storing and retrieve data.
• Security of data is important.
Note: JavaScript is essential for all stacks as it is dominant
technology on Web.
 Database is the collection of data which helps in efficient retrieval, insertion
and deletion of data from database and organizes the data in the form of
tables, views, schemas, reports etc.
• Oracle: Oracle database is the collection of data which is treated as a unit.
The purpose of this database is to store and retrieve information related to the
query. It is a database server and used to manages information.
• MongoDB: MongoDB, the most popular NoSQL database, is an open source
document-oriented database. The term ‘NoSQL’ means ‘non-relational’. It
means that MongoDB isn’t based on the table-like relational database
• structure but provides an altogether different mechanism for storage
and retrieval of data.
• Sql: Structured Query Language is a standard Database language
which is used to create, maintain and retrieve the relational database.
Popular Stacks:
• MEAN Stack: MongoDB, Express, AngularJS and
Node.js.
• MERN Stack: MongoDB, Express, ReactJS and Node.js
• Django Stack: Django, python and MySQL as Database.
• Rails or Ruby on Rails: Uses Ruby, PHP and MySQL.
• LAMP Stack: Linux, Apache, MySQL and PHP.
Full Stack Web Development

More Related Content

ODP
The Full Stack Web Development
Sam Dias
 
PPTX
Ppt full stack developer
SudhirVarpe1
 
PDF
Web development ppt
ParasJain222
 
PPT
ENGINEERING SKILLS.ppt
SekharJ4
 
PPTX
Front end web development
viveksewa
 
PPTX
Chat application android app ppt
Zreena
 
PDF
Python final ppt
Ripal Ranpara
 
PPTX
Construction planning & management
Manit Agarwal
 
The Full Stack Web Development
Sam Dias
 
Ppt full stack developer
SudhirVarpe1
 
Web development ppt
ParasJain222
 
ENGINEERING SKILLS.ppt
SekharJ4
 
Front end web development
viveksewa
 
Chat application android app ppt
Zreena
 
Python final ppt
Ripal Ranpara
 
Construction planning & management
Manit Agarwal
 

What's hot (20)

PPTX
Full stack web development
Crampete
 
PDF
WEB DEVELOPMENT USING REACT JS
MuthuKumaran Singaravelu
 
PPTX
Full stack devlopment using django main ppt
SudhanshuVijay3
 
PDF
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
PPTX
Introduction to java
Veerabadra Badra
 
PPTX
Introduction to Web Development
Parvez Mahbub
 
PPTX
Introduction to React JS
Arnold Asllani
 
PPTX
Introduction to Node.js
Vikash Singh
 
PPTX
Full stack development
Arnav Gupta
 
PPTX
Web development using javaScript, React js, Node js, HTML, CSS and SQL
Jayant Surana
 
PPTX
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
PPTX
React JS - A quick introduction tutorial
Mohammed Fazuluddin
 
PDF
Nodejs presentation
Arvind Devaraj
 
PPTX
Presentation on "An Introduction to ReactJS"
Flipkart
 
PDF
ReactJS presentation
Thanh Tuong
 
PPTX
Web Application
Sameer Poudel
 
PPT
Php Presentation
Manish Bothra
 
PPTX
ReactJS presentation.pptx
DivyanshGupta922023
 
PPTX
Basics of Web Development.pptx
Palash Sukla Das
 
Full stack web development
Crampete
 
WEB DEVELOPMENT USING REACT JS
MuthuKumaran Singaravelu
 
Full stack devlopment using django main ppt
SudhanshuVijay3
 
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
Introduction to java
Veerabadra Badra
 
Introduction to Web Development
Parvez Mahbub
 
Introduction to React JS
Arnold Asllani
 
Introduction to Node.js
Vikash Singh
 
Full stack development
Arnav Gupta
 
Web development using javaScript, React js, Node js, HTML, CSS and SQL
Jayant Surana
 
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
React JS - A quick introduction tutorial
Mohammed Fazuluddin
 
Nodejs presentation
Arvind Devaraj
 
Presentation on "An Introduction to ReactJS"
Flipkart
 
ReactJS presentation
Thanh Tuong
 
Web Application
Sameer Poudel
 
Php Presentation
Manish Bothra
 
ReactJS presentation.pptx
DivyanshGupta922023
 
Basics of Web Development.pptx
Palash Sukla Das
 
Ad

Similar to Full Stack Web Development (20)

PPTX
074Aman.pptx
132YashDuttPandey
 
PDF
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
PamRobert
 
PDF
Frontend Developer Roadmap PDF By Scholarhat
Scholarhat
 
PPTX
Full Stack Web Development | MAGES Institute
JeniferJenkins2
 
PPTX
Internship full stack developer ppt report .pptx
AnkitaVerma776806
 
PPTX
How can we develop an ideal website.pptx
PradeepK199981
 
PPTX
Full Stack Web Developer (MERN STACK Developer.pptx
RamudgarYadav
 
PPT
varun ppt.ppt
ArunkumarKArun
 
DOCX
what is web development and what are type
shashwatsingh414094
 
DOCX
What is Web Development and what are its types
shashwatsingh414094
 
PDF
Improve Your Business Standards with Backend Development .pdf
WPWeb Infotech
 
PPTX
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
TemitopeOsadare1
 
PPTX
List of Web Technologies used in Web Development
Jayapal Reddy Nimmakayala
 
PPTX
Mock Teaching for Web Programming Subject
nuruddinrazali
 
PPTX
Mock Teaching for Web Programming Subject
nuruddinrazali
 
PDF
Introduction to HTML, CSS, and JavaScript for Web Development
Qurinom Solutions
 
PPTX
Unit 1 Part A.pptx bca subject with the ppt
prajwalbkulal
 
PPTX
Front-End Web Development
Yash Sati
 
PDF
Exploring Full Stack Development: From Fundamentals to Expertise
uncodemy
 
PPTX
Learn web development: Front-end vs Back-end development
puneetbatra24
 
074Aman.pptx
132YashDuttPandey
 
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
PamRobert
 
Frontend Developer Roadmap PDF By Scholarhat
Scholarhat
 
Full Stack Web Development | MAGES Institute
JeniferJenkins2
 
Internship full stack developer ppt report .pptx
AnkitaVerma776806
 
How can we develop an ideal website.pptx
PradeepK199981
 
Full Stack Web Developer (MERN STACK Developer.pptx
RamudgarYadav
 
varun ppt.ppt
ArunkumarKArun
 
what is web development and what are type
shashwatsingh414094
 
What is Web Development and what are its types
shashwatsingh414094
 
Improve Your Business Standards with Backend Development .pdf
WPWeb Infotech
 
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
TemitopeOsadare1
 
List of Web Technologies used in Web Development
Jayapal Reddy Nimmakayala
 
Mock Teaching for Web Programming Subject
nuruddinrazali
 
Mock Teaching for Web Programming Subject
nuruddinrazali
 
Introduction to HTML, CSS, and JavaScript for Web Development
Qurinom Solutions
 
Unit 1 Part A.pptx bca subject with the ppt
prajwalbkulal
 
Front-End Web Development
Yash Sati
 
Exploring Full Stack Development: From Fundamentals to Expertise
uncodemy
 
Learn web development: Front-end vs Back-end development
puneetbatra24
 
Ad

Recently uploaded (20)

PDF
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
PDF
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
PDF
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
PDF
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
PPTX
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 
PPTX
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
PDF
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
PPTX
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 
PPTX
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
PDF
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
PDF
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 
PDF
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
PDF
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
PDF
Doc9.....................................
SofiaCollazos
 
PDF
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
PDF
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
PPTX
The Future of AI & Machine Learning.pptx
pritsen4700
 
PDF
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
PDF
Software Development Methodologies in 2025
KodekX
 
PDF
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
Doc9.....................................
SofiaCollazos
 
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
The Future of AI & Machine Learning.pptx
pritsen4700
 
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
Software Development Methodologies in 2025
KodekX
 
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 

Full Stack Web Development

  • 2. Full stack development: It refers to the development of both front end(client side) and back end(server side) portions of web application. Full stack web Developers: Full stack web developers have the ability to design complete web application and websites. They work on the frontend, backend, database and debugging of web application or websites.
  • 3. FRONT END DEVELOPMENT BACK END DEVELOPMENT DATABASE
  • 4.  It is the visible part of website or web application which is responsible for user experience. The user directly interacts with the front end portion of the web application or website. Front end Languages:  HTML: It is used to design the front end portion of web pages using markup language. Hypertext defines the link between the web pages. The markup language is used to define the text documentation within tag which defines the structure of web pages
  • 5.  CSS: is a simply designed language intended to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this independent of the HTML that makes up each web page.  JavaScript: JavaScript is a famous scripting language used to create the magic on the sites to make the site interactive for the user. It is used to enhancing the functionality of a website to running cool games and web-based software.
  • 6.  AngularJS: is a JavaScript open source front-end framework that is mainly used to develop single page web applications(SPAs). It is a continuously growing and expanding framework which provides better ways for developing web applications. It changes the static HTML to dynamic HTML.  React.js: React is a declarative, efficient, and flexible JavaScript library for building user interfaces. ReactJS is an open-source, component- based front end library responsible only for the view layer of the application. It is maintained by Facebook.  Bootstrap: Bootstrap is a free and open-source tool collection for creating responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing
  • 7.  jQuery: is an open source JavaScript library that simplifies the interactions between an HTML/CSS document, jQuery simplifies HTML document traversing and manipulation, browser event handling, DOM , Ajax interactions, and cross-browser JavaScript development.  Other Important Points: • Work with text editors to use shortcuts and its facilities i.e. Visual studio, Atom, Sublime etc. • Make UI responsible using grid system. • Git and git commands like init, add, commit etc for version control and to work with team. • Understand using HTTP, JSON, APIs to fetch data or other tools. • It also requires some design skill to make layout and look better.
  • 8.  It refers to the server-side development of web application or website with a primary focus on how the website works. It is responsible for managing the database through queries and APIs by client-side.  The back end portion is built by using some libraries, frameworks, and languages which are discussed below:  PHP: PHP is a server-side scripting language designed specifically for web development. Since, PHP code executed on server side so it is called server side scripting language.
  • 9. • C++ It is a general purpose programming language and widely used now a days for competitive programming. It is also used as backend language. • Java: Java is one of the most popular and widely used programming language and platform. It is highly scalable. Java components are easily available. • Python: Python is a programming language that lets you work quickly and integrate systems more efficiently. • JavaScript: JavaScript can be used as both (front end and back end) programming languages. • Node.js: Node.js is an open source and cross-platform runtime environment for executing JavaScript code outside of a browser. You need to remember that NodeJS is not a framework and it’s not a programming language. We often use Node.js for building back-end services like APIs like Web App or Mobile App. It’s used in production by large companies such as PayPal, Uber, Netflix, Walmart and so on.
  • 10. • The list of back end frameworks are: Express, Django, Rails, Laravel, Spring etc. • The other back end program/scripting languages are: C#, Ruby, REST, GO etc. Other Important Points: • Structuring the data in efficient way. • Handle request-response of APIs for storing and retrieve data. • Security of data is important. Note: JavaScript is essential for all stacks as it is dominant technology on Web.
  • 11.  Database is the collection of data which helps in efficient retrieval, insertion and deletion of data from database and organizes the data in the form of tables, views, schemas, reports etc. • Oracle: Oracle database is the collection of data which is treated as a unit. The purpose of this database is to store and retrieve information related to the query. It is a database server and used to manages information. • MongoDB: MongoDB, the most popular NoSQL database, is an open source document-oriented database. The term ‘NoSQL’ means ‘non-relational’. It means that MongoDB isn’t based on the table-like relational database
  • 12. • structure but provides an altogether different mechanism for storage and retrieval of data. • Sql: Structured Query Language is a standard Database language which is used to create, maintain and retrieve the relational database. Popular Stacks: • MEAN Stack: MongoDB, Express, AngularJS and Node.js. • MERN Stack: MongoDB, Express, ReactJS and Node.js • Django Stack: Django, python and MySQL as Database. • Rails or Ruby on Rails: Uses Ruby, PHP and MySQL. • LAMP Stack: Linux, Apache, MySQL and PHP.