Scribd
Upload
86 views19 pages

Lesson 1 - Application Development

This document discusses software application development and front-end and back-end development. It defines software application development as using processes to design, create, install, use and support computer software. Front-end development deals with the user interface and user experience, while back-end development focuses on server systems and databases. Popular front-end technologies include HTML, CSS and JavaScript, while common back-end frameworks are Node.js, Django and Laravel. The MERN and MEAN stacks are also explained as examples of full-stack technology stacks.

Uploaded by

nmamdali4973
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
86 views19 pages

Lesson 1 - Application Development

This document discusses software application development and front-end and back-end development. It defines software application development as using processes to design, create, install, use and support computer software. Front-end development deals with the user interface and user experience, while back-end development focuses on server systems and databases. Popular front-end technologies include HTML, CSS and JavaScript, while common back-end frameworks are Node.js, Django and Laravel. The MERN and MEAN stacks are also explained as examples of full-stack technology stacks.

Uploaded by

nmamdali4973
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 19

LESSON 1 –

Application
Development
CSSE3101 – ADVANCED WEB TECHNOLOGIES
Software Application Development
• Software application development is a series of processes that are used
to design, make, install, use, and support computer software.

• This is often done by computer programmers.

• Computer software is separate from hardware and can be defined as a


collection of instructions or commands that tell a computer to carry
out various functions, such as word processing or web browsing
applications.

Source: https://study.com/academy/lesson/application-development-definition-types.html
Front-end development
Front-end development, also known as ‘client-side’ development, is the face of
the website or application that users interact with and perceive.
Front-end development deals with the looks, designs, debugging, and user
interface of the website or application.

It is the first thing that a user sees in the browser, and it is what attracts and gives
the user a seamless experience
Back-end Development

• Back-end development, also known as ‘server-side’ development.


• Back-end development deals with the server system and the
databases that deliver the information’s of the website and the
application.
Front-end vs Back-End Technologies

Source: https://znajdzfirme.org/front-end-vs-back-end-development-explained/
Front-end Development Technologies

Source: https://www.mavencluster.com/blog/top-5-front-end-development-technologies/
Back-end Development Frameworks

Source: https://www.mavencluster.com/blog/top-5-front-end-development-technologies/
What is a Technology Stack?
A stack is an arrangement of “things” kept in order one over the
other.

A tech stack is the set of technologies that are stacked together


to build any application.

The tech stack has become essential for building easy-to-


maintain, scalable web application.
What is a Technology Stack?
A tech stack typically consists of programming
languages, frameworks, a database, front-end
tools, back-end tools, and applications connected
via APIs.
Technology stack components

Source: https://www.mongodb.com/basics/technology-stack
Examples of Tech Stack
MERN/MEAN Stack Components
What is MERN Stack?
• MERN stack is a web development framework. It consists of the following
as its components:
• MongoDB: A document-oriented, No-SQL database used to store the
application data.
• NodeJS: The JavaScript runtime environment. It is used to run JavaScript
on a machine rather than in a browser.
• ExpressJS: A framework layered on top of NodeJS, used to build the
backend of a site using NodeJS functions and structures. Since NodeJS was
not developed to make websites but rather run JavaScript on a machine,
ExpressJS was developed.
• ReactJS: A library created by Facebook. It is used to build UI components
that create the user interface of the single page web application.
Web Application Architecture
• Web application architecture is a mechanism that determines how
application components communicate with each other.

• Or, in other words, the way the client and the server are connected is
established by web application architecture.
How does the web request work?

Source:
https://www.altexsoft.com/blog/engineering/w
eb-application-architecture-how-the-web-works/
Source: https://intellipaat.com/blog/mean-vs-mern-stack-development-difference/#no5
References
1. What is Software Application Development?
https://study.com/academy/lesson/application-development-definition-types.html
2. Frontend web development - a complete overview
https://www.youtube.com/watch?v=WG5ikvJ2TKA
3. Backend web development - a complete overview
https://www.youtube.com/watch?v=XBu54nfzxAQ
4. What is a full stack application?
https://www.youtube.com/watch?v=uplHzEE_A4A
5. What is Front-end and Back-end Web Development
https://www.conceptatech.com/blog/difference-front-end-back-end-development
References
6. Front End and Back End Development Explained
https://znajdzfirme.org/front-end-vs-back-end-development-explained/
7. Top backend frameworks
https://innovature.ai/top-backend-frameworks-2021/
8. What is Tech Stack?
https://heap.io/topics/what-is-a-tech-stack
9. Web Application Architecture: How the Web Works
https://www.altexsoft.com/blog/engineering/web-application-architecture-how-the-w
eb-works/

10. What is a Tech Stack and How Do They Work?


https://www.mongodb.com/basics/technology-stack
References
11. What is MERN Stack?
https://www.educative.io/answers/what-is-mern-stack
12. MEAN Stack vs MERN Stack
https://intellipaat.com/blog/mean-vs-mern-stack-development-differen
ce/#no5

You might also like