SlideShare a Scribd company logo
1 of 10
Learn web development:
Front-end vs Back-end
development
The process of creating a Web site for the Internet (World Wide Web) or an intranet is
known as web development. Web development can range from creating a simple static
website with plain text to creating complicated web apps, electronic companies, and
social networking services. Web engineering, Web design, Web content development,
client-side/server-side scripting, Web server and network security settings, and e-
commerce development are some of the more frequent jobs associated with Web
development. Writing markup and coding are the two primary non-design components of
making a Web site. Content management systems (CMS) may be used in web
development to make content updates easier and more accessible to those with just
rudimentary technical knowledge.
Web Development
Front-end Development
• Front-end Web development is also called client-side development and is practically used
to produce HTML, CSS and JavaScript for a website in order to enable a user to view and
communicate directly with them.
• Front-end development challenges include the continuous modification of the tools and
technologies employed to build the front end of the web site, and therefore developers
need to always be informed of the evolution of the field.
• The goal of designing a site is to make sure that the content is readable and relevant when
the users access the site.
• The fact that people today utilize a wide number of devices with various screen conditions
is much more challenging. They must make sure your site is appropriately integrated in
various browsers (cross-browser), various operating systems (cross-platform) and devices
(cross-device), requiring careful development on the developer's side.
• The Technologies we can use are : HTML,CSS, JavaScript.
Front-end Development Technologies
HTML
•HTML, or Hyper Text Markup
Language, is a standard markup
language for texts that are
intended to be viewed in a web
browser.
•It is the most widely used
markup language for building
websites.
•A collection of components that
describe the structure of a web
page.
•Its Elements specify how the
material should be displayed in
the browser.
CSS
•CSS (Cascading Style Sheets) is a
style sheet language for specifying
the appearance of a document
written in a markup language like
HTML.
•CSS is a style sheet that allows
you to separate presentation from
content, including layout, colors,
and fonts.
•CSS helps you save time and
effort.
JavaScript
•JavaScript is a scripting
Language and It is used to
build dynamic web pages.
•JS improves the overall
interactivity of a website.
•JavaScript adds functionality
to a website that would
otherwise be impossible to
provide using HTML and CSS
alone.
•Web pages that utilize
JavaScript may respond to
user activities and dynamically
refresh themselves.
Back-end Development
•Back-end Development refers to the server side development, where you focus
mostly on the way the site operates.
•You will be primarily responsible for updating and changing the website in addition
to monitoring functions.
•Back-end generally consists of three components:- a server, a database and an
application.
•The Backend Developer's code is the information communicated to the browser
by the database.
•Back-end development technologies :- SQL and PHP
Back-end Development Technologies
SQL
•The most popular query language is
Structured Query Language, or SQL .
•SQL is a language that is used to connect
with databases.
•For accessing, manipulating and creating
databases, SQL is used.
•You will need to handle databases (data
from multiple objects) as you move on
further in web development. This language
is used to manage data.
PHP
•PHP stands for "PHP: Hypertext
Preprocessor“.
• It is an open source scripting language.
•Short learning curve compared to
other languages such as JSP, ASP etc.
•In comparison to other languages like
JSP, ASP, and others, it has a relatively
short learning curve.
•It is used to manage dynamic content,
databases, session monitoring, and
even to create whole e-commerce
websites.
Major Benefits of Website Development :-
• Make contact with your visitors.- When it comes to creating more revenue, engaging with
your audience is critical. It is possible to create a website that allows you to communicate
with your clients and prospects, as well as to provide useful material for the audience linked
with your industry or business.
•Connectivity should be improved.:- Expanding your reach and getting more people to your
business will be easier with a website.
•Show your dependability.- A website is a simple way to demonstrate a company's
legitimacy, and how a person promotes his company online is critical for obtaining more
customers or visitors. As a result, your website design should be performed as professionally
as possible, because a professional presentation says volumes about your company. You
may include your talents, qualifications, experience, knowledge, and more in one place with
the aid of website development.
THANKS
If you want to start your career or expand your career in
web development, you must visit here:-
https://www.up2mark.com/web-development

More Related Content

What's hot

Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiTemitayo Fadojutimi
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxRajnirani18
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development47ishu
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentRandy Connolly
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development toolsBenji Harrison
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptxPalash Sukla Das
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web DesignDan Dixon
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and developmentgherryta
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web DevelopmentYash Sati
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web DevelopmentParvez Mahbub
 
Intro to HTML, CSS & JS - Internship Presentation Week-3
Intro to HTML, CSS & JS - Internship Presentation Week-3Intro to HTML, CSS & JS - Internship Presentation Week-3
Intro to HTML, CSS & JS - Internship Presentation Week-3Devang Garach
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptxManjeetAgarwal
 
Difference BW Frontend and Backend Development
Difference BW Frontend and Backend DevelopmentDifference BW Frontend and Backend Development
Difference BW Frontend and Backend DevelopmentFunctionUp
 
HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!Syahmi RH
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web ComponentsFu Cheng
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designingsreejagiri
 

What's hot (20)

Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development tools
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Intro to HTML, CSS & JS - Internship Presentation Week-3
Intro to HTML, CSS & JS - Internship Presentation Week-3Intro to HTML, CSS & JS - Internship Presentation Week-3
Intro to HTML, CSS & JS - Internship Presentation Week-3
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Difference BW Frontend and Backend Development
Difference BW Frontend and Backend DevelopmentDifference BW Frontend and Backend Development
Difference BW Frontend and Backend Development
 
HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web Components
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
 

Similar to Learn web development: Front-end vs Back-end development

INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx12KritiGaneriwal
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentQurinom Solutions
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web developmentUjjwal Ojha
 
project web development
project web developmentproject web development
project web developmentlucky sharma
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREjatin batra
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web DevelopmentSWAGATHCHOWDARY1
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologiesabeda786
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfRamCharan481900
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Harshith Rockx
 
Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute JeniferJenkins2
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student Abhishekchauhan863165
 
WEB DEVELOPMENT TRAINING COURSE-BITS.pdf
WEB DEVELOPMENT TRAINING COURSE-BITS.pdfWEB DEVELOPMENT TRAINING COURSE-BITS.pdf
WEB DEVELOPMENT TRAINING COURSE-BITS.pdfirfanakram32
 
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...abeda786
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptxAartiVerma64
 
​Web ​Development
 ​Web ​Development ​Web ​Development
​Web ​DevelopmentFariha Tasnim
 
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseScholar studysolution
 

Similar to Learn web development: Front-end vs Back-end development (20)

Web Development
Web DevelopmentWeb Development
Web Development
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
 
Mini Project PPT.pptx
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project PPT.pptx
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web Development
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web development
 
WebTechnology presentation.pptx
WebTechnology presentation.pptxWebTechnology presentation.pptx
WebTechnology presentation.pptx
 
project web development
project web developmentproject web development
project web development
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologies
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdf
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
 
Accent Techno Soft.pptx
Accent Techno Soft.pptxAccent Techno Soft.pptx
Accent Techno Soft.pptx
 
Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
 
WEB DEVELOPMENT TRAINING COURSE-BITS.pdf
WEB DEVELOPMENT TRAINING COURSE-BITS.pdfWEB DEVELOPMENT TRAINING COURSE-BITS.pdf
WEB DEVELOPMENT TRAINING COURSE-BITS.pdf
 
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptx
 
​Web ​Development
 ​Web ​Development ​Web ​Development
​Web ​Development
 
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online Course
 

Recently uploaded

Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Zilliz
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAnitaRaj43
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdfSandro Moreira
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 

Recently uploaded (20)

Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 

Learn web development: Front-end vs Back-end development

  • 1. Learn web development: Front-end vs Back-end development
  • 2. The process of creating a Web site for the Internet (World Wide Web) or an intranet is known as web development. Web development can range from creating a simple static website with plain text to creating complicated web apps, electronic companies, and social networking services. Web engineering, Web design, Web content development, client-side/server-side scripting, Web server and network security settings, and e- commerce development are some of the more frequent jobs associated with Web development. Writing markup and coding are the two primary non-design components of making a Web site. Content management systems (CMS) may be used in web development to make content updates easier and more accessible to those with just rudimentary technical knowledge. Web Development
  • 3. Front-end Development • Front-end Web development is also called client-side development and is practically used to produce HTML, CSS and JavaScript for a website in order to enable a user to view and communicate directly with them. • Front-end development challenges include the continuous modification of the tools and technologies employed to build the front end of the web site, and therefore developers need to always be informed of the evolution of the field. • The goal of designing a site is to make sure that the content is readable and relevant when the users access the site. • The fact that people today utilize a wide number of devices with various screen conditions is much more challenging. They must make sure your site is appropriately integrated in various browsers (cross-browser), various operating systems (cross-platform) and devices (cross-device), requiring careful development on the developer's side. • The Technologies we can use are : HTML,CSS, JavaScript.
  • 5. HTML •HTML, or Hyper Text Markup Language, is a standard markup language for texts that are intended to be viewed in a web browser. •It is the most widely used markup language for building websites. •A collection of components that describe the structure of a web page. •Its Elements specify how the material should be displayed in the browser. CSS •CSS (Cascading Style Sheets) is a style sheet language for specifying the appearance of a document written in a markup language like HTML. •CSS is a style sheet that allows you to separate presentation from content, including layout, colors, and fonts. •CSS helps you save time and effort. JavaScript •JavaScript is a scripting Language and It is used to build dynamic web pages. •JS improves the overall interactivity of a website. •JavaScript adds functionality to a website that would otherwise be impossible to provide using HTML and CSS alone. •Web pages that utilize JavaScript may respond to user activities and dynamically refresh themselves.
  • 6. Back-end Development •Back-end Development refers to the server side development, where you focus mostly on the way the site operates. •You will be primarily responsible for updating and changing the website in addition to monitoring functions. •Back-end generally consists of three components:- a server, a database and an application. •The Backend Developer's code is the information communicated to the browser by the database. •Back-end development technologies :- SQL and PHP
  • 8. SQL •The most popular query language is Structured Query Language, or SQL . •SQL is a language that is used to connect with databases. •For accessing, manipulating and creating databases, SQL is used. •You will need to handle databases (data from multiple objects) as you move on further in web development. This language is used to manage data. PHP •PHP stands for "PHP: Hypertext Preprocessor“. • It is an open source scripting language. •Short learning curve compared to other languages such as JSP, ASP etc. •In comparison to other languages like JSP, ASP, and others, it has a relatively short learning curve. •It is used to manage dynamic content, databases, session monitoring, and even to create whole e-commerce websites.
  • 9. Major Benefits of Website Development :- • Make contact with your visitors.- When it comes to creating more revenue, engaging with your audience is critical. It is possible to create a website that allows you to communicate with your clients and prospects, as well as to provide useful material for the audience linked with your industry or business. •Connectivity should be improved.:- Expanding your reach and getting more people to your business will be easier with a website. •Show your dependability.- A website is a simple way to demonstrate a company's legitimacy, and how a person promotes his company online is critical for obtaining more customers or visitors. As a result, your website design should be performed as professionally as possible, because a professional presentation says volumes about your company. You may include your talents, qualifications, experience, knowledge, and more in one place with the aid of website development.
  • 10. THANKS If you want to start your career or expand your career in web development, you must visit here:- https://www.up2mark.com/web-development