SlideShare a Scribd company logo
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

How we Webflow at Webflow - No Code Conf 2019 Demo Theater
How we Webflow at Webflow - No Code Conf 2019 Demo TheaterHow we Webflow at Webflow - No Code Conf 2019 Demo Theater
How we Webflow at Webflow - No Code Conf 2019 Demo Theater
Webflow
 
PPT on web development & SEO
PPT on web development & SEOPPT on web development & SEO
PPT on web development & SEO
Prakrati Bansal
 
Introduction to MERN
Introduction to MERNIntroduction to MERN
Introduction to MERN
ShyamMohanKunwar
 
Online Shopping based on ASP .NET
Online Shopping based on ASP .NET Online Shopping based on ASP .NET
Online Shopping based on ASP .NET
Pragnya Dash
 
Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.
Jayant Surana
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-end
Mosaab Ehab
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
Palash Sukla Das
 
Lab#13 responsive web
Lab#13 responsive webLab#13 responsive web
Lab#13 responsive web
Yaowaluck Promdee
 
Introduction to Web Hosting.
Introduction to Web Hosting.Introduction to Web Hosting.
Introduction to Web Hosting.
Cloudbells.com
 
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
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
SWAGATHCHOWDARY1
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
TurnToTech
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
marwa Ayad Mohamed
 
web development
web developmentweb development
web development
ABHISHEKJHA176786
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
Bruce Tucker
 
Intro to Front-End Web Devlopment
Intro to Front-End Web DevlopmentIntro to Front-End Web Devlopment
Intro to Front-End Web Devlopmentdamonras
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web Development
Clint LaForest
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
Parvez Mahbub
 
Web Development
Web DevelopmentWeb Development
Web Development
Lena Petsenchuk
 

What's hot (20)

How we Webflow at Webflow - No Code Conf 2019 Demo Theater
How we Webflow at Webflow - No Code Conf 2019 Demo TheaterHow we Webflow at Webflow - No Code Conf 2019 Demo Theater
How we Webflow at Webflow - No Code Conf 2019 Demo Theater
 
PPT on web development & SEO
PPT on web development & SEOPPT on web development & SEO
PPT on web development & SEO
 
Introduction to MERN
Introduction to MERNIntroduction to MERN
Introduction to MERN
 
Online Shopping based on ASP .NET
Online Shopping based on ASP .NET Online Shopping based on ASP .NET
Online Shopping based on ASP .NET
 
Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-end
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Lab#13 responsive web
Lab#13 responsive webLab#13 responsive web
Lab#13 responsive web
 
html5.ppt
html5.ppthtml5.ppt
html5.ppt
 
Introduction to Web Hosting.
Introduction to Web Hosting.Introduction to Web Hosting.
Introduction to Web Hosting.
 
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
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
web development
web developmentweb development
web development
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Intro to Front-End Web Devlopment
Intro to Front-End Web DevlopmentIntro to Front-End Web Devlopment
Intro to Front-End Web Devlopment
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web Development
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Web Development
Web DevelopmentWeb Development
Web Development
 

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

Web Development
Web DevelopmentWeb Development
Web Development
Harshdeep Singh
 
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
12KritiGaneriwal
 
Mini Project PPT.pptx
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project PPT.pptx
AbhishekKumar961766
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
Rajnirani18
 
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
Qurinom Solutions
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web developmentUjjwal Ojha
 
WebTechnology presentation.pptx
WebTechnology presentation.pptxWebTechnology presentation.pptx
WebTechnology presentation.pptx
UtkarshTiwari736372
 
project web development
project web developmentproject web development
project web development
lucky sharma
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
jatin batra
 
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
abeda786
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
47ishu
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdf
RamCharan481900
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Harshith Rockx
 
Accent Techno Soft.pptx
Accent Techno Soft.pptxAccent Techno Soft.pptx
Accent Techno Soft.pptx
sridharshanveprus
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
gherryta
 
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
 
WEB DEVELOPMENT TRAINING COURSE-BITS.pdf
WEB DEVELOPMENT TRAINING COURSE-BITS.pdfWEB DEVELOPMENT TRAINING COURSE-BITS.pdf
WEB DEVELOPMENT TRAINING COURSE-BITS.pdf
irfanakram32
 
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.pptx
AartiVerma64
 
​Web ​Development
 ​Web ​Development ​Web ​Development
​Web ​Development
Fariha Tasnim
 

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
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.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
 
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 of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
 
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
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute
 
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
 

Recently uploaded

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Jeffrey Haguewood
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
Product School
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 

Recently uploaded (20)

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 

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