Scribd
Upload
9 views

INTEGRATIVE-PROGRAMMING-STACKS

Uploaded by

Rio Manuel Valente
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
9 views

INTEGRATIVE-PROGRAMMING-STACKS

Uploaded by

Rio Manuel Valente
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 45

INTEGRATIVE PROGRAMMING STACKS

AIRONE VONN S. VILLASOR


After this discussion, you will be able to learn the following:

1. What is a programming stack?


2. Key Components of a programming stack
3. Common examples of Tech stacks
4. Benefits of using Tech stacks in Software Development
5. Tips for Choosing your Technology Stack
Programming Stack

A programming stack, also known as a tech stack, refers to a combination of


programming languages, frameworks, libraries, tools, and technologies used to
develop and deploy a software application or system. It represents the layers of
software components and infrastructure that work together to create a
functioning software product.
kEY COMPONENTS OF A PROGRAMMING STACK

Key components of a programming stack

1. Frontend
2. Backend
3. Database
4. Operating System
5. Infrastructure
kEY COMPONENTS OF A PROGRAMMING STACK

FRONTEND DEVELOPMENT

Front end development is what makes up the user interface of a software


solution. It refers to the process of designing and building the visual and
interactive elements of a website that users interact with directly. Three
common languages used in frontend development are HTML, CSS and JS.
kEY COMPONENTS OF A PROGRAMMING STACK

WHO IS A FRONTEND DEVELOPER?

A frontend developer has a crucial role in crafting and implementing an


application’s user interface. This interface is the gateway to users accessing
and interacting with the application.

Skills
HTML, CSS, JS, Bootstrap, React, Angular, Vue.js
User interface and User experience
Responsive web design
kEY COMPONENTS OF A PROGRAMMING STACK

BACKEND DEVELOPMENT

Backend refers to the server-side development of web applications, where the


focus is on building the underlying infrastructure, logic, and functionality that
enables the application to operate. It is the “behind-the-scenes” magic that
makes websites and apps work. Back-end development covers server-side web
application logic and integration and activities, like writing APIs, creating
libraries, and workig with system components.
kEY COMPONENTS OF A PROGRAMMING STACK

WHO IS A BACKEND DEVELOPER?

A backend developer’s job entails focusing on website architecture, scripting,


and writing code that communicates between the website’s database and the
user’s browser.

Skills:
Python, Java, PHP, SQL Git, JS
Data Structures and algorithm
Database management systems
Web hosting platforms
kEY COMPONENTS OF A PROGRAMMING STACK

FULL STACK DEVELOPMENT

Full stack development refers to the process of building a complete web


application, encompassing both front-end (client-side) and back-end (server-
side) development. Full stack is a collection of tools, technologies, and
programming languages required to develop and deploy projects.
kEY COMPONENTS OF A PROGRAMMING STACK

WHO IS A FULL STACK DEVELOPER

A full stack developer has the skills and ability to complete a product
independently. He or she can handle the work of front-end UI programming
and development, databases, and servers. This also includes work on native
application stacks, mobile stacks, or web application stacks with full stack web
developer skills. So, instead of a front-end or back-end developer, you can
learn the required full stack developer skills and be able to handle any aspect of
app design, from front to back. You’re the Swiss Army knife of app
development!
kEY COMPONENTS OF A PROGRAMMING STACK
kEY COMPONENTS OF A PROGRAMMING STACK

DATABASE

A database is an electronically stored, systematic collection of data. It can


contain any type of data, including words, numbers, images, videos, and files.
Databases are designed to organize and manage large amounts of information
in a structured and standardized manner, making it easier to retrieve, edit, and
analyze the data as needed.

Ex. MySQL, PostgreSQL, MongoDB, Oracle, etc.


kEY COMPONENTS OF A PROGRAMMING STACK

OPERATING SYSTEM

An operating system (OS) is system software that manages computer


hardware and software resources, and provides common services for computer
programs.

Ex. Linux, Windows, and macOS


kEY COMPONENTS OF A PROGRAMMING STACK

INFRASTRUCTURE

This layer involves the tools and technologies required to deploy, host, and
manage the application in production environment.

Ex. Cloud platforms (such as AWS, Azure, and Google Cloud), containerization
technologies (like Docker and Kubernetes), deployment automation tools, and
monitoring systems.
kEY COMPONENTS OF A PROGRAMMING STACK

EXAMPLES OF TECH STACK USED


IN SOFTWARE DEVELOPMENT IN
2024
EXAMPLES OF TECH STACK

LAMP STACK

A classic, time-tested stack of technologies that stands for - Linux (Operating


System), Apache (Web Server), MySQL (Database), and PHP (Programming
Language).

It efficiently handles dynamic web pages wherein content changes each time
when a page is loaded.

It also allows you to choose components based on your specific business


requirements. For instance, instead of Linux OS, you can use WIndows OS to
form a WAMP stack of macOS to form a MAMP stack.
EXAMPLES OF TECH STACK

EXAMPLES OF APPLICATION BUILT USING LAMP STACK


EXAMPLES OF TECH STACK

MEAN STACK

MEAN stack comprises of MongoDB (Database), Express.js (Backend


framework), Angular (Frontend framework), and Node.js (Runtime
environment).

MEAN is an end-to-end JavaScript stack that allows you to use a single


language throughout the stack. This helps you reuse the code across the entire
application.

MEAN stack technologies are ideal for cloud hosting since they are flexible,
scalable, and extensible. The stack can be deployed easily as it includes its own
web server.
EXAMPLES OF TECH STACK

EXAMPLES OF APPLICATION BUILT USING MEAN STACK


EXAMPLES OF TECH STACK

MERN STACK

MERN stack comprises of MongoDB (Database), Express.js (Backend


framework), React (Frontend framework), and Node.js (Runtime environment).

React is one of the most popular frameworks used for building high-end,
single-page applications with interactive UI. It uses JSX, a syntax extension to
JavaScript, which provides a way to structure component rendering using
syntax familiar to many developers.
EXAMPLES OF TECH STACK

EXAMPLES OF APPLICATION BUILT USING MEAN STACK


EXAMPLES OF TECH STACK

REACT NATIVE STACK

React Native is a JS framework for building native IOS and Android mobile
applications. The framework is based on React, a JS library built by Facebook UI
development.

React Native applications are written with a mixture of JS and XML Markup.
Applications built using React Native render using real mobile UI components,
which means the apps look like any other mobile application.
EXAMPLES OF TECH STACK

EXAMPLES OF APPLICATION BUILT USING REACT NATIVE STACK


EXAMPLES OF TECH STACK

FLUTTER STACK

Flutter is an open source framework by Google for building multi-platform


applications from a single codebase. It is powered by Dart, a programming
language optimized for fast apps on any platform.

Flutter can use Google’s Firebase on the backend which allows you to build
highly scalable applications. Its built-in widget catalog and UI toolkit allow you
to build high-performing, natively compiled mobile apps with visually exciting
application elements.
EXAMPLES OF TECH STACK

EXAMPLES OF APPLICATION BUILT USING FLUTTER STACK


EXAMPLES OF TECH STACK

ASP.NET STACK

Microsoft’s .NET Core has been growing in popularity in recent years. Modern
.NET applications are very lightweight and can run on Windows and Linux.
Microsoft’s embrace of open source technologies has caught the attention of
developers all over the world.

Applications built using .NET commonly use the following application tech
stack: ASP.NET MVC, IIS (Web server), Angular (Frontend framework), SQL
Server (Database) and Microsoft Azure.
EXAMPLES OF TECH STACK

EXAMPLES OF APPLICATION BUILT USING ASP.NET STACK


kEY COMPONENTS OF A PROGRAMMING STACK

BENEFITS OF USING TECH STACKS


IN SOFTWARE DEVELOPMENT
EXAMPLES OF TECH STACK

Improves developer efficiency and productivity by streamlining the


development process and reducing the time and effort required to
set up and configure various components.
EXAMPLES OF TECH STACK

Allows developers to focus on perfecting their code and building


new features rather than dealing with integration issues or
reinventing the wheel.
EXAMPLES OF TECH STACK

Offers a standardized approach to development, ensuring


consistency across the project, and provides the essential
guidelines and best practices for coding, architecture, and
deployment.
EXAMPLES OF TECH STACK

Promotes code reuse and maintainability and improves the overall


quality of the software.
EXAMPLES OF TECH STACK

Popular technology stacks are often backed by active developer


communities that provide extensive documentation, tutorials,
forums, and support resources to help software developers.
EXAMPLES OF TECH STACK

Modern technology stacks are scalable as they help handle


increased traffic, data volumes, and user interactions, so your
application can be adapted quickly to changing business demands
without making any significant architectural changes or
disruptions.
EXAMPLES OF TECH STACK

Compatibility and interoperability between various components of


different technology stacks enable smoother data flow and
communication between components.
EXAMPLES OF TECH STACK

By choosing a popular and well-supported stack, developers can


reduce the risk of encountering major technical issues, security
vulnerabilities, or lack of support.
EXAMPLES OF TECH STACK

Availability of free and open-source components (open-source


frameworks, libraries, and tools) in tech stacks significantly reduce
your licensing costs and encourage your team to build robust and
feature-rich solutions without incurring additional expenses.
kEY COMPONENTS OF A PROGRAMMING STACK

TIPS FOR CHOOSING YOUR


TECHNOLOGY STACK
EXAMPLES OF TECH STACK

Define the project size, complexity, and functionality

The tech stack used for a small project might vary from that used
for bigger projects. The size of the project is a key factor to look out
for when choosing a technology stack. Also, the complexity and
functionalities of your project matter. If your project is complex and
includes heavy functionalities, it is wiser to choose an advanced
technology stack.
EXAMPLES OF TECH STACK

Scalability Requirements

As your project progresses and grows, the tech stack should have
the potential to scale sufficiently. You should choose a technology
stack that allows for adding new compelling features and handles
unpredictable increases in user numbers.
EXAMPLES OF TECH STACK

Technology and Team Expertise

It’s important to determine whether or not your team will be able to


maintain the application once it is deployed. Consider your team’s
experience and expertise when choosing a tech stack. It will be
better if you know that your team can use a tech stack successfully
and doesn’t require additional training; otherwise, there is no need
to consider one.
EXAMPLES OF TECH STACK

Time to Market

When choosing a tech stack, ensure that it can accelerate your


development process without hampering the quality and closes
within the deadline.
EXAMPLES OF TECH STACK

Security Requirements

If your app will handle confidential user data and information,


security plays a major role. You need to pick a robust tech stack
with fully secured standards and support a high-end security
framework to meet your app development goals.
EXAMPLES OF TECH STACK

Maintenance

The development process doesn’t end with the app launch, which
needs ongoing nurturing at every stage. It is a good practice to
choose a tech stack that is easy to maintain by your development
team for easy upgrades and regular maintenance.
EXAMPLES OF TECH STACK

Development Cost

Despite the fact that many technology stacks are available in the
market as open source, they may not incorporate desired
functionalities or features you are looking for. Most tech stacks
come with a subscription fee if you need special or advanced
features. Licensing and maintenance also incur a cost.
Furthermore, some technology stacks demand huge salaries for
their developers. The overall cost of the technology stack leans on
all these factors.

You might also like