SlideShare a Scribd company logo
1 of 8
Download to read offline
Practise Makes You Perfect
The best method to acquire any skill is to put it into practice by working on
projects, however many people think they know everything after watching
tutorials. However, this is incorrect; they do not create any projects on their own.
All of these factors apply to Front-End Web Development as well; if you want to
be a great Front-End Web Developer, constructing projects on your own will not
only increase your confidence, but it will also progressively make your portfolio
job-ready by adding projects that you will make.
Rabeiea Aslam
Front End Web
Development
1. What is front end web development?
2. Why we need front end developer?
3. Where we use this skill?
4. Is it give us benefit or not?
5. Can we easily find clients if yes then
from where?
1. What is front end web
development?nt?
Front End development is the development
of those elements of a website that the
customer sees and interacts with directly.
The attached images is the example of a
UI (user interface) of a website.
2. Why we need front end
developer?
The interface of a website is not understandable for
those who are not familiar to coding or non developer.
Without FED they couldn’t pick things from website
even they couldn’t understand the goal of a website.
So to make things easily we should have a attractive
website at the end of user sides.
That’s why we need a front end developer for our
websites.
The attached image is without front end development. I
hope you people who are not developer never understand
the things of this page.
Note: A front-end web developer is responsible for
implementing visual and interactive elements that users
engage with through their web browser when using a web
application.
3. Where we use this
skill?
We use this skill to make the previous image more
attractive and understandable for end users.
Front-end development is used for designing
the part of a website that a user sees.
Note: Front-end web developers use HTML,
CSS, and JavaScript to design web pages.
The attached image is with front end
development.
4. Is it give us benefit
or not?
Becoming a front end developer is a good long-term career change.
Front-end developers are highly in demand. Front-end developer skills including web design,
maintenance, and web development are some of the hottest and most in-demand skills today.
5. Can we easily find clients if yes then
from where?
Yes, we can easily find clients. If we polish our skills in
good manners then we can get clients quick and easily.
We can find clients from:
Fiverr
Upwork
People per our
Guru
etc.
If you have any query please let me. I’ll give you answer in whatsapp group.
Thank You
Rabeiea Aslam

More Related Content

What's hot

1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Developmentapnwebdev
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development PptBruce Tucker
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENTkhushi74
 
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
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web DevelopmentYash Sati
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentGlobal Media Insight
 
FRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxFRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxRajeevKumar304148
 
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
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
 
Web Development Technologies
Web Development TechnologiesWeb Development Technologies
Web Development TechnologiesVignesh Prajapati
 
Internship presentation
Internship presentationInternship presentation
Internship presentationWasim Shemna
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen Derin Dolen
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project PresentationMilind Gokhale
 
OVERVIEW OF FACEBOOK SCALABLE ARCHITECTURE.
OVERVIEW  OF FACEBOOK SCALABLE ARCHITECTURE.OVERVIEW  OF FACEBOOK SCALABLE ARCHITECTURE.
OVERVIEW OF FACEBOOK SCALABLE ARCHITECTURE.Rishikese MR
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designingsreejagiri
 

What's hot (20)

1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Development
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
 
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 design 3
Web design 3Web design 3
Web design 3
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 
FRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxFRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptx
 
It ppt.pptx
It ppt.pptxIt ppt.pptx
It ppt.pptx
 
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
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Web Development Technologies
Web Development TechnologiesWeb Development Technologies
Web Development Technologies
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project Presentation
 
OVERVIEW OF FACEBOOK SCALABLE ARCHITECTURE.
OVERVIEW  OF FACEBOOK SCALABLE ARCHITECTURE.OVERVIEW  OF FACEBOOK SCALABLE ARCHITECTURE.
OVERVIEW OF FACEBOOK SCALABLE ARCHITECTURE.
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Web developnment
Web developnment Web developnment
Web developnment
 

Similar to Front End Development

Web design vs web development- This is all you need to know
Web design vs web development- This is all you need to knowWeb design vs web development- This is all you need to know
Web design vs web development- This is all you need to knowsangerarayal
 
Responsive Website Design
Responsive Website DesignResponsive Website Design
Responsive Website DesignArin Shamima
 
Top 15 Start up Questions in Web design field
Top 15 Start up Questionsin Web design fieldTop 15 Start up Questionsin Web design field
Top 15 Start up Questions in Web design fieldAlsayed Sabry
 
Scope of Web Designing Course in India
Scope of Web Designing Course in IndiaScope of Web Designing Course in India
Scope of Web Designing Course in IndiaAviSharma282931
 
Best web development course in delhi
Best web development course in delhiBest web development course in delhi
Best web development course in delhiSadhanaSingh87
 
10 Quick Tips to Speed Up Android App Development.pdf
10 Quick Tips to Speed Up Android App Development.pdf10 Quick Tips to Speed Up Android App Development.pdf
10 Quick Tips to Speed Up Android App Development.pdfArin Shamima
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018Noor Muhammad Khan
 
what web devlopers do.pptx
what web devlopers do.pptxwhat web devlopers do.pptx
what web devlopers do.pptxsneharathod39
 
Become a Professional Web Designer
Become a Professional Web DesignerBecome a Professional Web Designer
Become a Professional Web DesignerTekno Point
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web AppPixel Crayons
 
The Web Development Career Guide
The Web Development Career GuideThe Web Development Career Guide
The Web Development Career Guideourjobagency
 
DigitalWorld Marketing
DigitalWorld MarketingDigitalWorld Marketing
DigitalWorld Marketingsunnyhashmi4
 
Digital Marketing.docx
Digital Marketing.docxDigital Marketing.docx
Digital Marketing.docxsunnyhashmi4
 
Digital World Marketing
Digital World MarketingDigital World Marketing
Digital World Marketingsunnyhashmi4
 

Similar to Front End Development (20)

Web design
Web designWeb design
Web design
 
Web design
Web designWeb design
Web design
 
Web design vs web development- This is all you need to know
Web design vs web development- This is all you need to knowWeb design vs web development- This is all you need to know
Web design vs web development- This is all you need to know
 
PDF 1.pdf
PDF 1.pdfPDF 1.pdf
PDF 1.pdf
 
Responsive Website Design
Responsive Website DesignResponsive Website Design
Responsive Website Design
 
Top 15 Start up Questions in Web design field
Top 15 Start up Questionsin Web design fieldTop 15 Start up Questionsin Web design field
Top 15 Start up Questions in Web design field
 
Scope of Web Designing Course in India
Scope of Web Designing Course in IndiaScope of Web Designing Course in India
Scope of Web Designing Course in India
 
Best web development course in delhi
Best web development course in delhiBest web development course in delhi
Best web development course in delhi
 
10 Quick Tips to Speed Up Android App Development.pdf
10 Quick Tips to Speed Up Android App Development.pdf10 Quick Tips to Speed Up Android App Development.pdf
10 Quick Tips to Speed Up Android App Development.pdf
 
Web designing
Web designingWeb designing
Web designing
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 
what web devlopers do.pptx
what web devlopers do.pptxwhat web devlopers do.pptx
what web devlopers do.pptx
 
Website designer
Website designerWebsite designer
Website designer
 
Become a Professional Web Designer
Become a Professional Web DesignerBecome a Professional Web Designer
Become a Professional Web Designer
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App
 
web development.pdf
web development.pdfweb development.pdf
web development.pdf
 
The Web Development Career Guide
The Web Development Career GuideThe Web Development Career Guide
The Web Development Career Guide
 
DigitalWorld Marketing
DigitalWorld MarketingDigitalWorld Marketing
DigitalWorld Marketing
 
Digital Marketing.docx
Digital Marketing.docxDigital Marketing.docx
Digital Marketing.docx
 
Digital World Marketing
Digital World MarketingDigital World Marketing
Digital World Marketing
 

Recently uploaded

Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)OPEN KNOWLEDGE GmbH
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio, Inc.
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...stazi3110
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin
 
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEECloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEEVICTOR MAESTRE RAMIREZ
 
Implementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureImplementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureDinusha Kumarasiri
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software DevelopersVinodh Ram
 
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWhat is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWave PLM
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaHanief Utama
 
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...MyIntelliSource, Inc.
 
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024StefanoLambiase
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmSujith Sukumaran
 
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxKnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxTier1 app
 
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptchapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptkotipi9215
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - InfographicHr365.us smith
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityNeo4j
 
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantAxelRicardoTrocheRiq
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...MyIntelliSource, Inc.
 

Recently uploaded (20)

Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
 
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEECloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEE
 
Implementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureImplementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with Azure
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software Developers
 
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWhat is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need It
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief Utama
 
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
 
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
 
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort ServiceHot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalm
 
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxKnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
 
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.pptchapter--4-software-project-planning.ppt
chapter--4-software-project-planning.ppt
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - Infographic
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered Sustainability
 
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service Consultant
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
 

Front End Development

  • 1. Practise Makes You Perfect The best method to acquire any skill is to put it into practice by working on projects, however many people think they know everything after watching tutorials. However, this is incorrect; they do not create any projects on their own. All of these factors apply to Front-End Web Development as well; if you want to be a great Front-End Web Developer, constructing projects on your own will not only increase your confidence, but it will also progressively make your portfolio job-ready by adding projects that you will make. Rabeiea Aslam
  • 2. Front End Web Development 1. What is front end web development? 2. Why we need front end developer? 3. Where we use this skill? 4. Is it give us benefit or not? 5. Can we easily find clients if yes then from where?
  • 3. 1. What is front end web development?nt? Front End development is the development of those elements of a website that the customer sees and interacts with directly. The attached images is the example of a UI (user interface) of a website.
  • 4. 2. Why we need front end developer? The interface of a website is not understandable for those who are not familiar to coding or non developer. Without FED they couldn’t pick things from website even they couldn’t understand the goal of a website. So to make things easily we should have a attractive website at the end of user sides. That’s why we need a front end developer for our websites. The attached image is without front end development. I hope you people who are not developer never understand the things of this page. Note: A front-end web developer is responsible for implementing visual and interactive elements that users engage with through their web browser when using a web application.
  • 5. 3. Where we use this skill? We use this skill to make the previous image more attractive and understandable for end users. Front-end development is used for designing the part of a website that a user sees. Note: Front-end web developers use HTML, CSS, and JavaScript to design web pages. The attached image is with front end development.
  • 6. 4. Is it give us benefit or not? Becoming a front end developer is a good long-term career change. Front-end developers are highly in demand. Front-end developer skills including web design, maintenance, and web development are some of the hottest and most in-demand skills today.
  • 7. 5. Can we easily find clients if yes then from where? Yes, we can easily find clients. If we polish our skills in good manners then we can get clients quick and easily. We can find clients from: Fiverr Upwork People per our Guru etc.
  • 8. If you have any query please let me. I’ll give you answer in whatsapp group. Thank You Rabeiea Aslam