Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
64 views

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
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
64 views

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