Difference between frontend and backend

Jun 5, 2019Download as PPTX, PDF2 likes5,345 views

The document discusses the differences between frontend and backend development. Frontend development involves the design and visual elements that users interact with, such as graphics, text, and menus. Backend development involves the behind-the-scenes work to ensure the proper functioning of a website, including how data is processed and delivered to users. Frontend is client-side, while backend is server-side. Common frontend languages are HTML, CSS, and JavaScript, whereas backend languages include Java, Ruby, Python and PHP. While distinct, frontend and backend work together and rely on each other to create fully-functional websites.

Meaning of Frontend vs Backend
Front-end and back-end are the two most commonly used words in the web industry, but the
difference between the two is very subtle. They are the two most basic parts of software
engineering that play an important role in web development.
Frontend is the piece of the website users can see and interact with for example, the graphical UI
(GUI) and the command line including the design, navigating menus, texts, images, videos, etc.
Backend, in actuality, is the piece of the site clients can't see and interface with. It's about how
everything works.

Role of Frontend vs Backend
Both play a significant role in web development and although they have their fair share
of differences, they are like two sides of the same coin. Frontend is all about the visual
parts of the site that a user can see and experience. On the contrary, everything on the
background can be attributed to backend web development. This view is like an enabler
for the web experience.

Developer of Frontend vs
Backend
Web designer is the most widely recognized job title for the frontend web development and the role
of a web designer is to design and rebuild websites remembering the visual aspects in mind.
Backend developers are the ones who ensure the data and systems requested by the frontend
application or software are proficiently conveyed. Backend developers handle everything happening
in the background.

Essentials of Frontend vs
Backend
Frontend is also referred to as the “client-side” rather than the
backend which is basically the “server-side” of the application.
The basics of backend web development include languages
such as Java, Ruby, Python, PHP, .Net, etc. The most well-
known frontend languages are HTML, CSS, and JavaScript.

Summary of Frontend vs
Backend
While both frontend and backend are the basis of how the
website works, in terms of functionality, they have a fair
share of differences.
In spite of everything, they are like two sides of the same
coin. While the former is everything a user sees and
interacts with, the latter is what a user cannot see. Frontend
refers to the client-side, while the backend refers to the
server-side of the application. Both are essential for web
development, but their responsibilities, roles, and the
environment they work are completely different. The
frontend is basically what users see while backend is how
everything works.

If you want to learn PHP and make your career in this
fields, then PHP training in Chandigarh is best
option for you.
Visit CBitss Technologies
Address : Sector 34A, sco 23-24-25, 3rd floor,
Chandigarh, 160022.
Mobile no - 9914641983

This document provides an introduction to Git and GitHub. It begins with an overview of source control and the history of version control systems like SVN and CVS. It then discusses key concepts of Git like its three-tree architecture, branches and merging, and undoing changes. The document concludes with an introduction to GitHub, how to clone and collaborate on repositories, and some tips on reducing merge conflicts.

Image segmentationMd Shabir Alam

This document discusses various techniques for image segmentation. It describes two main approaches to segmentation: discontinuity-based methods that detect edges or boundaries, and region-based methods that partition an image into uniform regions. Specific techniques discussed include thresholding, gradient operators, edge detection, the Hough transform, region growing, region splitting and merging, and morphological watershed transforms. Motion can also be used for segmentation by analyzing differences between frames in a video.

Enterprise Resource Planning(ERP)Makan Singh

This document provides an overview of enterprise resource planning (ERP) systems. It defines ERP as software that integrates business functions across an enterprise, discusses the history and evolution of ERP from separate systems in the 1960s-1980s to integrated ERP in the 1990s, and outlines the main components or modules of a typical ERP system, including accounting, human resources, manufacturing, project management, customer relationship management, and supply chain management. The document also covers ERP implementation options, vendors, advantages, disadvantages, examples of successful implementations, and reasons why ERP projects fail.

Web Design & Development - Session 1Shahrzad Peyman

The document provides an overview of web design and development. It begins with defining key concepts like the world wide web, web browsers, HTTP, URLs, and the W3C. It then discusses where to start with web design and the main things someone needs to learn, including HTML, CSS, JavaScript, responsive design, and server-side programming languages like PHP. The document serves as a high-level introduction to the main components of web design.

Z Transform And Inverse Z Transform - Signal And SystemsMr. RahüL YøGi

The z-transform is the most general concept for the transformation of discrete-time series. The Laplace transform is the more general concept for the transformation of continuous time processes. For example, the Laplace transform allows you to transform a differential equation, and its corresponding initial and boundary value problems, into a space in which the equation can be solved by ordinary algebra. The switching of spaces to transform calculus problems into algebraic operations on transforms is called operational calculus. The Laplace and z transforms are the most important methods for this purpose.

Principles of DesignPatrick Morgan

Presentation into the principles of design within the context of visual design. This is intended to be delivered to year one degree students. The principles of design are rules to help guide a designer how to arrange the various elements of a composition in relation to each other and the overall design. By considering, applying and understanding the various Principles of Design throughout the design process you will help ensure a more positive outcome

SAP for BeginnersJainul Musani

Introduction to web developmentMohammed Safwat

This document provides an overview of web development. It begins with an introduction and outlines a series on the topic, covering basic design tools, logic tools, and tweaks needed. It then defines web applications, describes the evolution of web development from static to dynamic pages, and explains how requests are made and website structure. It also covers the basic web development process, reasons for multiple browsers, and differences between static and dynamic web pages. Finally, it discusses dynamic web technologies and frameworks.

Web-Development-ppt.pptxEleenaJha

This document provides an overview of web development. It defines web development as building and maintaining websites, involving aspects like design, publishing, programming, and database management. Web development is classified into frontend and backend development. The frontend is what users interact with directly, while the backend is server-side and stores/arranges data. The document outlines the basic tools and frameworks used in frontend development like HTML, CSS, JavaScript, and Bootstrap, as well as backend languages and frameworks like PHP, Java, Python, Node.js, Express, Django, and Rails. It also describes what full-stack developers do and common tools used in web development.

Web Development on Web Project PresentationMilind Gokhale

Full Stack Web DevelopmentSWAGATHCHOWDARY1

Full stack development involves building both the front end and back end of a web application. Full stack developers work with front end technologies like HTML, CSS, JavaScript, Angular, and React as well as back end technologies like PHP, Java, Python, Node.js, and frameworks like Express, Django and Rails. They also integrate databases like Oracle, MongoDB, and SQL to store and retrieve application data. Popular full stack technologies include MEAN, MERN, and LAMP stacks.

Backend ProgrammingRuwandi Madhunamali

Backend development focuses on the server-side of web applications, including databases, data storage and retrieval, security, and APIs. The key skills required for backend development are proficiency in server-side programming languages like JavaScript, Python, Java, and C#, as well as knowledge of database technologies like MySQL, MongoDB, and SQL Server. Backend developers are responsible for designing effective backend solutions, storing and securing user data access across devices through APIs and version control systems.

Web DevelopmentLena Petsenchuk

The document discusses the three layers of web design: structure with HTML, style with CSS, and behavior with JavaScript. It provides examples of how each layer contributes to building a web page, with HTML providing structure and markup, CSS controlling presentation and styling, and JavaScript adding interactivity and dynamic behavior. The document also seeks to clarify that JavaScript is not the same as Java, as their names often cause confusion, and outlines some common uses of JavaScript like form validation, auto-suggest search functionality, and slideshow creation.

Web Development with HTML5, CSS3 & JavaScriptEdureka!

With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.

Front-End Web DevelopmentYash Sati

The document summarizes Yash Kumar Sati's training experience at Udacity Inc. It discusses that Udacity offers massive open online courses on topics like cybersecurity, machine learning, and web development. Through Udacity, Yash learned front-end web development skills like HTML, CSS, and JavaScript. He also learned shell programming and using version control systems like Git. The training helped Yash learn new techniques for building responsive and accessible websites using frameworks and optimizing code.

ppt of web development for diploma student Abhishekchauhan863165

Introduction to Web DevelopmentParvez Mahbub

This document provides an introduction to web development technologies including HTML, CSS, JavaScript, and PHP. It explains that HTML is the standard markup language used to structure web pages, CSS is used to style web pages, and JavaScript adds interactivity. It also distinguishes between client-side and server-side technologies, noting that JavaScript, HTML, and CSS are client-side and run in the browser, while server-side languages like PHP run on the web server. The document provides examples of how each technology works and is used to build dynamic web pages.

Web DevelopmentAditya Raman

Web development pptParasJain222

Difference BW Frontend and Backend DevelopmentFunctionUp

Both Frontend and backend development are important to learn, but do you know the actual difference? Here we showcase the main difference between frontend and backend development. The frontend is the part the user interacts with through a graphical user interface (GUI) however the backend part of the website remains inaccessible to the user. The visual aspects of the website are the front end and the way the website functions is determined by the backend. The front end uses languages like HTML, CSS, and JavaScript while the backend uses backend including Express, Ruby, Laravel, etc. Clearly, the frontend and backend development are quite different from each other both in their functions, frameworks, and programming language. We are a team of IIT / ISB alumni who are passionate about solving the key problem of starting a career in tech. A lot of smart and hardworking graduates find it difficult to crack high paying tech jobs either because of their background and their college not being able to help them get interviews. Hence, we started this pay after placement boot camp that hand holds people from skilling till employment.

Web Development PresentationTurnToTech

The document provides an overview of web development. It discusses how the web was created in 1989 by Tim Berners-Lee and the initial technologies of HTTP, HTML, and URLs. It then explains how a basic web application works with a browser connecting to a web server to request and receive HTML files and other resources. The document also summarizes key concepts in web development including front-end versus back-end code, common programming languages and frameworks, database usage, and standards that allow interoperability across systems.

Ppt of web developmentbethanygfair

HTML is a markup language used to structure and present content on the web. It can include elements like <video>, <image>, and <head> and is written using tags enclosed in angle brackets. HTML has evolved through several versions from HTML 1.0 to the current HTML5. Key HTML tags include <html>, <head>, <body>, <h1-h6> for headings, and <p> for paragraphs. HTML is essential for web development and designing user-friendly web pages.

Introduction to androidzeelpatel0504

This document provides an introduction to the Android platform, including: - Android is an open-source, Linux-based operating system used for mobile devices. It includes features like integrated apps, SDK for developing apps, and customization options. - The Android software stack consists of the Linux kernel, native libraries, Android runtime including the Dalvik VM, application framework, and applications. - The document outlines how to set up the Android development environment in Eclipse, including installing the SDK, ADT plugin, and creating an Android Virtual Device for testing apps. - It describes the basic components of an Android app - activities, services, content providers, and broadcast receivers. - Steps are provided for

Mobile Application Development With Androidguest213e237

The document discusses mobile application development for Android. It provides an overview of the Android platform and architecture, including core application components like activities, services, content providers and intents. It also covers the Android software development kit, tools like Eclipse and Android Developer Tools plugin, and the steps to create a basic "Hello World" Android application using the Android SDK.

Full stack developmentArnav Gupta

Full-stack development involves all layers of a software application from the user interface to the database. The document discusses the key considerations for both front-end and back-end development including prioritizing speed, usability, and graceful failure handling in the UI/UX layer and using robust platforms, containers, and Linux skills for managing servers and infrastructure. It also provides best practices for coding, testing, debugging, data modeling, and collaboration between full-stack developers. An example full-stack project using Python, Bootstrap, Angular, and Ionic is also briefly described.

WEB I - 01 - Introduction to Web DevelopmentRandy Connolly

Day: 1 Introduction to Mobile Application Development (in Android)Ahsanul Karim

This document provides an introduction and overview of Android application development. It discusses the basics of mobile and smartphone applications and platforms like Android, iOS, and BlackBerry. It explains why the Android platform was selected for the course and its advantages over other platforms. The document outlines the course topics which include setting up the development environment, the Android architecture, Java programming basics, building Android apps, interfaces, components, data storage and more. It also discusses prerequisites and rules for the course.

Introduction to Android and Android StudioSuyash Srijan

This is a presentation that I gave at Google Developer Group Oxford to introduce people to Android development and Android Studio IDE, which is used to build Android apps. This presentation gives a brief overview of the platform and fundamentals of the app and what developer tools are available. PS: Some slides do not have any text accompanying it. That is either because it wasn't relevant or because the text would've been too long to put on the corresponding slide.

Frontend Development Services PKG PDF.pdfFrontend Development Services

web development ppt by prakash bedagePrakashBedage

Web development involves building and maintaining websites and applications. It has two main parts - front end development and back end development. Front end development involves the visible and user-interactive parts of a website, while back end development involves the behind-the-scenes programming that connects the front end to databases and servers. Key skills for front end developers include HTML/CSS, JavaScript, frameworks, responsive design, version control systems, and testing/debugging tools. Back end skills include programming languages like Java, Python and PHP, knowledge of front end technologies, frameworks, databases, APIs, server handling, data structures and algorithms, problem solving, and communication skills. Both roles are in high demand with average salaries of over $50,000 for

More Related Content

What's hot (20)

Web-Development-ppt.pptxEleenaJha

Web Development on Web Project PresentationMilind Gokhale

Full Stack Web DevelopmentSWAGATHCHOWDARY1

Backend ProgrammingRuwandi Madhunamali

Web DevelopmentLena Petsenchuk

Web Development with HTML5, CSS3 & JavaScriptEdureka!

Front-End Web DevelopmentYash Sati

ppt of web development for diploma student Abhishekchauhan863165

Introduction to Web DevelopmentParvez Mahbub

Web DevelopmentAditya Raman

Web development pptParasJain222

Difference BW Frontend and Backend DevelopmentFunctionUp

Web Development PresentationTurnToTech

Ppt of web developmentbethanygfair

Introduction to androidzeelpatel0504

Mobile Application Development With Androidguest213e237

Full stack developmentArnav Gupta

WEB I - 01 - Introduction to Web DevelopmentRandy Connolly

Day: 1 Introduction to Mobile Application Development (in Android)Ahsanul Karim

Introduction to Android and Android StudioSuyash Srijan

Web-Development-ppt.pptxEleenaJha

Web Development on Web Project PresentationMilind Gokhale

Full Stack Web DevelopmentSWAGATHCHOWDARY1

Backend ProgrammingRuwandi Madhunamali

Web DevelopmentLena Petsenchuk

Web Development with HTML5, CSS3 & JavaScriptEdureka!

Front-End Web DevelopmentYash Sati

ppt of web development for diploma student Abhishekchauhan863165

Introduction to Web DevelopmentParvez Mahbub

Web DevelopmentAditya Raman

Web development pptParasJain222

Difference BW Frontend and Backend DevelopmentFunctionUp

Web Development PresentationTurnToTech

Ppt of web developmentbethanygfair

Introduction to androidzeelpatel0504

Mobile Application Development With Androidguest213e237

Full stack developmentArnav Gupta

WEB I - 01 - Introduction to Web DevelopmentRandy Connolly

Day: 1 Introduction to Mobile Application Development (in Android)Ahsanul Karim

Introduction to Android and Android StudioSuyash Srijan

Similar to Difference between frontend and backend (20)

Frontend Development Services PKG PDF.pdfFrontend Development Services

web development ppt by prakash bedagePrakashBedage

web development project prakash.pptxPrakashBedage

Web development involves building and maintaining websites and applications. It has two main parts - front end development and back end development. Front end development involves the visible and user-interactive parts of a website, while back end development involves the behind-the-scenes programming that connects the front end to databases and servers. Key skills for front end developers include HTML/CSS, JavaScript, frameworks, responsive design, and testing/debugging. Back end skills include languages like Java, Python and PHP, frameworks, databases, APIs, servers, and data structures. Both roles are in high demand with average salaries of ₹4,94,103 for front end and ₹6,50,000 for back end developers in India.

Front-end Vs. Back-end Developmentwebdesignjhb9

Types of Web Development.pdfhkinfowaytech hkinfowaytech

Wecreate3Jos De Roeck

YouCreate is a collaborative software development platform that allows teams to build web applications visually using flowcharts. It features: - A development server that stores and manages projects, flows, code, and other elements. - Visual flowcharting that non-technical users can understand to represent applications. Flowcharts are translated into code by generators. - Real-time collaboration where multiple users can work on the same project elements simultaneously. - Code generation to create applications for different platforms like Java EE and Windows from the visual projects. The platform aims to simplify and accelerate web application development for teams by handling technical details and enabling collaborative work.

Wecreate3Jos De Roeck

YouCreate is a collaborative software development platform that allows teams to build web applications visually using flowcharts. It features: - A development server that stores and manages projects, flows, code, and developers' access permissions. - Visual flowcharting that non-technical users can understand to represent applications, eliminating the need for manual coding. - Real-time collaboration where multiple users can work on the same project elements simultaneously. - Code generators that compile visual projects into code for different platforms like Java and C++. The platform aims to simplify and accelerate web application development for teams by handling technical complexities behind the scenes.

10 Best Front-end Frameworks for Web DevelopmentMars Devs

Front end vs backend developement-Engineer Master Solutionsengineermaste solution

Frontend vs. Backend Development: Decoding the DistinctionsInstitute

Best Web Development Languages To Learn in 2023.pdfInfowind Technologies (IT) Pvt Ltd

The document discusses the best web development languages to learn in 2023. It covers popular front-end languages like JavaScript, React, Angular, CSS, and jQuery that deal with the user-facing side. It also discusses back-end languages like Python, ExpressJS, Laravel, Django, and NestJS that deal with the server-side functionality not visible to users. Both front-end and back-end languages are important for building well-designed, high performing websites.

What is backend in web development.docxHavro IT Solutions

Front end web & app developmentTarannum shaikh

what is web development and what are typeshashwatsingh414094

How To be a Backend developer Ramy Hakam

Leading frameworks to power your front end developmentBenish Balakrishnan

The Guide to Website Development for Beginners.pptConnect Solutions

Connect Solutions offers a full suite of Magento development services. From the design and architecture of your Magento platform, to delivery and optimization, through to ongoing support and maintenance, our Magento developers provide enviable expertise in Magento platform. Being a top-rated Magento development agency, reputed solutions partner and premier extension builder. We provide Magento Development services that guarantee diverse functionality and a smooth customer experience. Connect Solutions is one of the best Magento Web Development Company which offer Magento Custom Development services to contribute to the growth of any Magento websites in need. We provide you Magento developers who are vetted via thorough background verification. Visit us: https://connect-sol.com/magento-development-service/

What Does a Front End Developer Do?.pdfSatish Bharadwaj

Do you know! What are the technologies to build a complete website? Or who is behind the scenes creating beautiful designs on the site? That's what a front end developer does. They use their creativity and coding skills to bring life to a website. But that is not everything about them. Here, we discuss each aspect of a front end developer, including their responsibilities and more. So, if you have any doubt or concern regarding them, you have landed on the right page. Let's talk about them!

Web Application Development in 2023.pdfTechugo

Web application development in 2023 is expected to focus on cutting-edge technologies like AI, AR/VR, blockchain, and cloud computing. The integration of these technologies will enable businesses to create more engaging and personalized web applications that offer a seamless user experience. In addition, the emphasis on security and accessibility will be even greater in 2023, driving the development of secure and accessible web applications that can be used by people with disabilities.

Asp.net introduction to web development omeed

Frontend Development Services PKG PDF.pdfFrontend Development Services

web development ppt by prakash bedagePrakashBedage

web development project prakash.pptxPrakashBedage

Front-end Vs. Back-end Developmentwebdesignjhb9

Types of Web Development.pdfhkinfowaytech hkinfowaytech

Wecreate3Jos De Roeck

10 Best Front-end Frameworks for Web DevelopmentMars Devs

Front end vs backend developement-Engineer Master Solutionsengineermaste solution

Frontend vs. Backend Development: Decoding the DistinctionsInstitute

Best Web Development Languages To Learn in 2023.pdfInfowind Technologies (IT) Pvt Ltd

What is backend in web development.docxHavro IT Solutions

Front end web & app developmentTarannum shaikh

what is web development and what are typeshashwatsingh414094

How To be a Backend developer Ramy Hakam

Leading frameworks to power your front end developmentBenish Balakrishnan

The Guide to Website Development for Beginners.pptConnect Solutions

What Does a Front End Developer Do?.pdfSatish Bharadwaj

Web Application Development in 2023.pdfTechugo

Asp.net introduction to web development omeed

More from Rahul Rana (13)

Hello android example.Rahul Rana

Eucalyptus cloud computingRahul Rana

Eucalyptus is an open source software that implements Infrastructure as a Service (IaaS) in private or hybrid cloud environments. It groups virtualized infrastructure resources to provide storage, networking, and computing resources as cloud services. Eucalyptus was originally developed at UC Santa Barbara and later became a commercial company called Eucalyptus Systems. Eucalyptus Systems partnered with Amazon Web Services to allow transferring of instances between private Eucalyptus clouds and Amazon's Elastic Compute Cloud. Eucalyptus supports virtual machines of Linux and Windows and is compatible with Amazon EC2 APIs, S3 storage, and other AWS services.

php 7.4 for word press developersRahul Rana

Types of nonverbal communicationRahul Rana

Role of java in android app developmentRahul Rana

What is ppc in digital marketing ?Rahul Rana

6 useful things to do with PHPRahul Rana

PHP can be used for several useful purposes on a website, including creating a member login area with user registration and authentication stored in a MySQL database, generating calendars to display dates, using cookies to track when users last visited, redirecting users between pages on a site, adding polls for visitors to participate in with visualized results, and templating a site for easy redesign by storing design code separately.

How to build a website in 7 stepsRahul Rana

Building a basic website can be done yourself with some effort. The 7 key steps include: 1) getting a hosting plan to store your website files, 2) registering a domain name, 3) planning the site's content, navigation, and design, 4) learning HTML and CSS to design and build webpage templates, 5) publishing your site files to the hosting server to go live, 6) using search engine optimization techniques to promote your new site, and 7) taking a web design course from Cbitss Technologies in Chandigarh for advanced training.

Few skills every successful web designer needsRahul Rana

This document provides an overview of the skills needed to become a successful web designer. It discusses technical skills like HTML, CSS, and design software like Photoshop and Illustrator. It also mentions visual design skills, user experience design, time management, and learning web design through online courses to cover all necessary skills without leaving home. The document promotes a web design training institute in Chandigarh that provides courses to learn all skills needed for a career in web design.

Php developer job descriptionRahul Rana

A PHP Developer is responsible for developing and maintaining various web-based products using PHP, MySQL, Ajax, and JavaScript. Their responsibilities include creating back-end components, integrating the application with other web services, and assisting front-end developers to ensure their work integrates with the application. PHP Developers also code analysis, develop and optimize databases, test products, and continuously update and modify functionality to improve visibility and user experience.

Top php frameworks for startups - 2019Rahul Rana

How to use the excel basic functionsRahul Rana

The 6 fastest growing tech jobs | short term computer courses in ChandigarhRahul Rana

Hello android example.Rahul Rana

Eucalyptus cloud computingRahul Rana

php 7.4 for word press developersRahul Rana

Types of nonverbal communicationRahul Rana

Role of java in android app developmentRahul Rana

What is ppc in digital marketing ?Rahul Rana

6 useful things to do with PHPRahul Rana

How to build a website in 7 stepsRahul Rana

Few skills every successful web designer needsRahul Rana

Php developer job descriptionRahul Rana

Top php frameworks for startups - 2019Rahul Rana

How to use the excel basic functionsRahul Rana

The 6 fastest growing tech jobs | short term computer courses in ChandigarhRahul Rana

Recently uploaded (20)

Diabetic neuropathy peripheral autonomicPankaj Patawari

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

How to track Cost and Revenue using Analytic Accounts in odoo Accounting, App...Celine George

Analytic accounts are used to track and manage financial transactions related to specific projects, departments, or business units. They provide detailed insights into costs and revenues at a granular level, independent of the main accounting system. This helps to better understand profitability, performance, and resource allocation, making it easier to make informed financial decisions and strategic planning.

CBSE - Grade 8 - Science - Chemistry - Metals and Non Metals - WorksheetSritoma Majumder

Introduction All the materials around us are made up of elements. These elements can be broadly divided into two major groups: Metals Non-Metals Each group has its own unique physical and chemical properties. Let's understand them one by one. Physical Properties 1. Appearance Metals: Shiny (lustrous). Example: gold, silver, copper. Non-metals: Dull appearance (except iodine, which is shiny). 2. Hardness Metals: Generally hard. Example: iron. Non-metals: Usually soft (except diamond, a form of carbon, which is very hard). 3. State Metals: Mostly solids at room temperature (except mercury, which is a liquid). Non-metals: Can be solids, liquids, or gases. Example: oxygen (gas), bromine (liquid), sulphur (solid). 4. Malleability Metals: Can be hammered into thin sheets (malleable). Non-metals: Not malleable. They break when hammered (brittle). 5. Ductility Metals: Can be drawn into wires (ductile). Non-metals: Not ductile. 6. Conductivity Metals: Good conductors of heat and electricity. Non-metals: Poor conductors (except graphite, which is a good conductor). 7. Sonorous Nature Metals: Produce a ringing sound when struck. Non-metals: Do not produce sound. Chemical Properties 1. Reaction with Oxygen Metals react with oxygen to form metal oxides. These metal oxides are usually basic. Non-metals react with oxygen to form non-metallic oxides. These oxides are usually acidic. 2. Reaction with Water Metals: Some react vigorously (e.g., sodium). Some react slowly (e.g., iron). Some do not react at all (e.g., gold, silver). Non-metals: Generally do not react with water. 3. Reaction with Acids Metals react with acids to produce salt and hydrogen gas. Non-metals: Do not react with acids. 4. Reaction with Bases Some non-metals react with bases to form salts, but this is rare. Metals generally do not react with bases directly (except amphoteric metals like aluminum and zinc). Displacement Reaction More reactive metals can displace less reactive metals from their salt solutions. Uses of Metals Iron: Making machines, tools, and buildings. Aluminum: Used in aircraft, utensils. Copper: Electrical wires. Gold and Silver: Jewelry. Zinc: Coating iron to prevent rusting (galvanization). Uses of Non-Metals Oxygen: Breathing. Nitrogen: Fertilizers. Chlorine: Water purification. Carbon: Fuel (coal), steel-making (coke). Iodine: Medicines. Alloys An alloy is a mixture of metals or a metal with a non-metal. Alloys have improved properties like strength, resistance to rusting.

UNIT 3 NATIONAL HEALTH PROGRAMMEE. SOCIAL AND PREVENTIVE PHARMACYDR.PRISCILLA MARY J

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-30-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

A measles outbreak originating in West Texas has been linked to confirmed cases in New Mexico, with additional cases reported in Oklahoma and Kansas. The current case count is 795 from Texas, New Mexico, Oklahoma, and Kansas. 95 individuals have required hospitalization, and 3 deaths, 2 children in Texas and one adult in New Mexico. These fatalities mark the first measles-related deaths in the United States since 2015 and the first pediatric measles death since 2003. The YSPH Virtual Medical Operations Center Briefs (VMOC) were created as a service-learning project by faculty and graduate students at the Yale School of Public Health in response to the 2010 Haiti Earthquake. Each year, the VMOC Briefs are produced by students enrolled in Environmental Health Science Course 581 - Public Health Emergencies: Disaster Planning and Response. These briefs compile diverse information sources – including status reports, maps, news articles, and web content– into a single, easily digestible document that can be widely shared and used interactively. Key features of this report include: - Comprehensive Overview: Provides situation updates, maps, relevant news, and web resources. - Accessibility: Designed for easy reading, wide distribution, and interactive use. - Collaboration: The “unlocked" format enables other responders to share, copy, and adapt seamlessly. The students learn by doing, quickly discovering how and where to find critical information and presenting it in an easily understood manner.

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-26-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

A measles outbreak originating in West Texas has been linked to confirmed cases in New Mexico, with additional cases reported in Oklahoma and Kansas. The current case count is 771 from Texas, New Mexico, Oklahoma, and Kansas. 72 individuals have required hospitalization, and 3 deaths, 2 children in Texas and one adult in New Mexico. These fatalities mark the first measles-related deaths in the United States since 2015 and the first pediatric measles death since 2003. The YSPH Virtual Medical Operations Center Briefs (VMOC) were created as a service-learning project by faculty and graduate students at the Yale School of Public Health in response to the 2010 Haiti Earthquake. Each year, the VMOC Briefs are produced by students enrolled in Environmental Health Science Course 581 - Public Health Emergencies: Disaster Planning and Response. These briefs compile diverse information sources – including status reports, maps, news articles, and web content– into a single, easily digestible document that can be widely shared and used interactively. Key features of this report include: - Comprehensive Overview: Provides situation updates, maps, relevant news, and web resources. - Accessibility: Designed for easy reading, wide distribution, and interactive use. - Collaboration: The “unlocked" format enables other responders to share, copy, and adapt seamlessly. The students learn by doing, quickly discovering how and where to find critical information and presenting it in an easily understood manner.

Fundamentals of PR: Wk 4 - Strategic CommunicationsJordan Williams

Multi-currency in odoo accounting and Update exchange rates automatically in ...Celine George

Unit 5: Dividend Decisions and its theoriesbharath321164

How to Customize Your Financial Reports & Tax Reports With Odoo 17 AccountingCeline George

How to manage Multiple Warehouses for multiple floors in odoo point of saleCeline George

K12 Tableau Tuesday - Algebra Equity and Access in Atlanta Public Schoolsdogden2

Algebra 1 is often described as a “gateway” class, a pivotal moment that can shape the rest of a student’s K–12 education. Early access is key: successfully completing Algebra 1 in middle school allows students to complete advanced math and science coursework in high school, which research shows lead to higher wages and lower rates of unemployment in adulthood. Learn how The Atlanta Public Schools is using their data to create a more equitable enrollment in middle school Algebra classes.

Metamorphosis: Life's Transformative JourneyArshad Shaikh

Geography Sem II Unit 1C Correlation of Geography with other school subjectsProfDrShaikhImran

Presentation on Tourism Product Development By Md Shaifullar RabbiMd Shaifullar Rabbi

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

Presentation of the MIPLM subject matter expert Erdem KayaMIPLM

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

Diabetic neuropathy peripheral autonomicPankaj Patawari

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

How to track Cost and Revenue using Analytic Accounts in odoo Accounting, App...Celine George

CBSE - Grade 8 - Science - Chemistry - Metals and Non Metals - WorksheetSritoma Majumder

UNIT 3 NATIONAL HEALTH PROGRAMMEE. SOCIAL AND PREVENTIVE PHARMACYDR.PRISCILLA MARY J

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-30-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-26-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

Fundamentals of PR: Wk 4 - Strategic CommunicationsJordan Williams

Multi-currency in odoo accounting and Update exchange rates automatically in ...Celine George

Unit 5: Dividend Decisions and its theoriesbharath321164

How to Customize Your Financial Reports & Tax Reports With Odoo 17 AccountingCeline George

How to manage Multiple Warehouses for multiple floors in odoo point of saleCeline George

K12 Tableau Tuesday - Algebra Equity and Access in Atlanta Public Schoolsdogden2

Metamorphosis: Life's Transformative JourneyArshad Shaikh

Geography Sem II Unit 1C Correlation of Geography with other school subjectsProfDrShaikhImran

Presentation on Tourism Product Development By Md Shaifullar RabbiMd Shaifullar Rabbi

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

Presentation of the MIPLM subject matter expert Erdem KayaMIPLM

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

Difference between frontend and backend

1. Difference Between Frontend and Backend

2. Meaning of Frontend vs Backend Front-end and back-end are the two most commonly used words in the web industry, but the difference between the two is very subtle. They are the two most basic parts of software engineering that play an important role in web development. Frontend is the piece of the website users can see and interact with for example, the graphical UI (GUI) and the command line including the design, navigating menus, texts, images, videos, etc. Backend, in actuality, is the piece of the site clients can't see and interface with. It's about how everything works.

3. Role of Frontend vs Backend Both play a significant role in web development and although they have their fair share of differences, they are like two sides of the same coin. Frontend is all about the visual parts of the site that a user can see and experience. On the contrary, everything on the background can be attributed to backend web development. This view is like an enabler for the web experience.

4. Developer of Frontend vs Backend Web designer is the most widely recognized job title for the frontend web development and the role of a web designer is to design and rebuild websites remembering the visual aspects in mind. Backend developers are the ones who ensure the data and systems requested by the frontend application or software are proficiently conveyed. Backend developers handle everything happening in the background.

5. Essentials of Frontend vs Backend Frontend is also referred to as the “client-side” rather than the backend which is basically the “server-side” of the application. The basics of backend web development include languages such as Java, Ruby, Python, PHP, .Net, etc. The most well- known frontend languages are HTML, CSS, and JavaScript.

6. Summary of Frontend vs Backend While both frontend and backend are the basis of how the website works, in terms of functionality, they have a fair share of differences. In spite of everything, they are like two sides of the same coin. While the former is everything a user sees and interacts with, the latter is what a user cannot see. Frontend refers to the client-side, while the backend refers to the server-side of the application. Both are essential for web development, but their responsibilities, roles, and the environment they work are completely different. The frontend is basically what users see while backend is how everything works.

7. If you want to learn PHP and make your career in this fields, then PHP training in Chandigarh is best option for you. Visit CBitss Technologies Address : Sector 34A, sco 23-24-25, 3rd floor, Chandigarh, 160022. Mobile no - 9914641983

Difference between frontend and backend

Recommended

More Related Content

What's hot (20)

Similar to Difference between frontend and backend (20)

More from Rahul Rana (13)

Recently uploaded (20)

Difference between frontend and backend