SlideShare une entreprise Scribd logo
1  sur  12
Web Development :
What is Web Development :
Web development is the building and maintenance of websites; it’s the
work that happens behind the scenes to make a website look great, work
fast and perform well with seamless user experience. Web developers, do
this by using a variety of coding languages.
Web Developer :
Web developers use a variety of languages like PHP, Python, Java,
Ruby and recently JavaScript also giving competition introducing
itself to handle the backend part. As a web developer, you must
have knowledge of at least one programming language to build your
web application.
Types of Web Developer :
1. The Front-End Developer
2. The Back-End Developer
3. The Full-Stack Developer
There are three types of Web developer :
Front-end developer, Back-end developer, and Full-stack developer.
Front-end developers are responsible for behavior and visuals that run
in the user browser, while back-end developers deal with the servers
1 The Front-End Developer :
The front-end developer is responsible for creating the look, feel, and interactive components of a website.
They are often mistaken as the only role in web development as well as confused with the role of a web
designer. How text, images, and colors are displayed on a website when you view them on a phone, tablet, or
computer is what the front-end developer creates. Ever see a button change color when you hover over it or a
popup appear when you click on something on a page? That’s what the front-end developer creates. They
make sure everything you see is organized, aesthetically pleasing, and functional.
To accomplish all this, the front-end developer generally writes in (but not limited to) the following
programming languages:
HTML
CSS
JavaScript
JQuery
React
AngularJS
2 The Back-End Developer :
The back-end developer has one of the most crucial roles in web development. They create and
maintain what’s under the hood to keep your website running and functioning properly. A back-end
developer writes what is called server-side code to make sure data flows back and forth from a
website’s front-end (what the user sees and interacts with) to the back-end (the server, database etc.).
The best example of this would be an online store. Prices and product images are stored on a
database hosted on a server. When it comes time to update prices or initiate an automated holiday
sale, product information and prices are updated on the database which then displays on the website.
When you checkout and process a transaction, all that works because the back-end developer made
it so. They write the code that makes all those easy to use (most of the time) functions possible.
A back-end developer can program in a variety of programming languages depending on what needs
to be done.
Typical programming languages a backend developer writes in include:
Java
PHP
Ruby and Ruby On Rails
C#
MySQL
MongoDB
3 The Full-Stack Developer :
The full-stack developer is a unique developer type as they can program and work on both front-
end and back-end parts of a website. They can literally create an entire functioning, dynamic
website themselves (if they choose) as they understand both ends of web development. Full-stack
developers tend to have prowess in coding in multiple programming languages and their knowledge
and experience tend to be a mile-wide. Because of this, they generally work well with both the
front-end and back-end developer during the development process.
While they understand and can do the job of both front-end and back-end developers, many full-
stack developers typically do not have mastery in either role. Some usually are better at either front
or back-end development. There are full-stack developers that have mastery over both ends of
development but they are rare and hard to come by. The diverse knowledge of a full-stack
developer helps speed up the web development process and troubleshoot any problems that may
occur on the front or back-end of a site.
Typical programming languages a full-stack developer writes in:
Some of everything!
Languages used in Web Development :
Here are the languages used in web development :
1. HTML
HTML makes up the layout and structure for your website. This language is dynamic and allows you to create a
beautiful website using less code. HTML is used to create a starting point for the website and is what most of
your static pages start from. A better way to understand this language is to consider it as the skeleton that is
holding your website together.
2. CSS
CSS is the language developers can use to style a website. The style sheet language describes how your website
is presented and its layout. CSS is used hand in hand with HTML to add colors, backgrounds, layouts, font sizes,
and more. This language is a core technology web developers use to design and build websites.
3. JAVA :
Java is the most popular web programming language. It is used to develop website content, games, apps, and
software. Java is used in the production of most Android apps. Studies have shown over 15 billion devices are using
Java in some form or other. Java language is portable and can be run on multiple software platforms.
4. JAVASCRIPT :
JavaScript is used in many aspects of web development. Web developers use this language to add interactive
elements to their websites. User engagement is important to your business, and your web developer should be
incorporating JavaScript elements in your design.
5. PYTHON :
Python is one of the easiest languages to use and work with. Python can create a framework for basically any
website need. This language uses simple and straightforward syntax, making it easy for web developers to work with
and explain to their users. Some familiar sites that are using this language are Pinterest and Instagram.
6. SQL :
SQL is a database query language that is used when your website is computing large amounts of data. Using SQL
allows you to gather data from different databases and use it to cater your website to your target audience. This
language is not used alone; instead, it is paired with others to get the most out of your customer database and
website development.
7. PHP :
PHP is often used on data-heavy websites or for app development. This is an open-source language that can be
easily modified to meet the needs of your business or website. Large websites like WordPress and Facebook use
Advantages of Web Development :
Web developers are programmers who use programming tools and write codes to “tell” a website what to do
or how to function. They are like the directors and scriptwriters behind every movie. The advantages are given
as follow :
1. Improved User Experience :
A responsive website leads to a better user experience. A major factor indicating the quality of user experience
is the time they spend on your site. If they find it hard to navigate or use because they're forced to constantly
pinch and zoom, they won’t stay on your website.
But if your website scales and responds to the change in screen size, then visitors won’t have problems
accessing menus, links, buttons or filling out forms. As a result, their user experience will be better and they'll
spend more time on your site.
2. An Increase in Mobile Traffic :
Statics show that in the last quarter of 2017, nearly 52% of all global web traffic originated from mobile
devices. That accounts for more than half of all Internet traffic and goes to show that you cannot afford to
forego responsive web design. Start by investigating how many of your visitors come from mobile devices and
the time they spend on your site. Then, implement responsive design and compare the two numbers. Once
your website adapts to the viewport width, you’ll notice an increase in mobile visits and longer time on site by
those same visitors.
3. Faster Website Development :
Not so long ago, a common practice involved making a separate mobile
version of your site that was served when a smaller screen size was
detected. However, developing a mobile version of your site takes up more
time than developing a responsive website that looks great and works as
intended no matter which device your visitors are using. Another downside
of a mobile website version is the fact that they cost more because your
developer has to create two websites instead of one.
4. Easier Maintenance :
Directly tied to the point above is easier website maintenance. With two
versions of your website, your staff or your development team has to divide
time and resources on managing two websites. With a responsive website,
your staff can spend less time on maintenance tasks and focus on more
important tasks such as marketing, A/B testing, customer service, product or
content development, and more.
5. No Duplicate Content Penalty :
Another point to keep in mind with two versions of your website is the fact
that you're essentially creating duplicate content. While search engines are
getting smarter by the day, they still need to understand which website
version is more important. If you’re using a mobile version of your site, your
content remains the same even if the URL is different.
Limitations of web Development :
The Limitations are listed as follows :
1. You are sitting for long periods of time.
Web designers are forced to be in front of a computer screen when they are working. This creates unique levels
of fatigue, especially in the eyes, back, and neck, that can actually lead to long-term health issues. Certain
protections, such as colored eye wear, neck and back stretches, and under-the-desk exercise bikes can keep this
under control somewhat, but not 100%. Even stand-up desks are an option that can reduce, but not eliminate,
these health risks.
2. You could be working really long hours.
If you’re working online for a client, then there’s a good chance that you’re being asked to put in more hours than
you may like. Internet work tends to have less patience with the creative process than other career fields, so
expect to work some extra hours, including nights and weekends, when you first get started. If you’re not
disciplined about your work, you can easily find yourself work 7 days per week.
3. You’re never really done with your education.
Because the internet is always evolving and technologies are always improving, you’re never really done with
your education when you pursue a career as a web designed. You have to stay on top of user experience trends,
know what value propositions should be included with your designs, and understand how coding updates could
affect the accessibility of your website.
4. Multitasking is something that always happens.
Unlike other jobs, most web designers aren’t really working on just one project at a time. You’re going to
be juggling several projects at once, especially if you want to earn a fair wage while working on your
own. This means you must stay focused on each project and keep them separate from one another, yet
be able to switch gears at a moment’s notice.
5. It’s tough to know if you’re really making a difference.
If you’re a social worker, then you know that you’re helping families. When you’re a janitor, you make a
difference by creating a sanitary environment. Web development, however, is one of those careers
where you really don’t know if you are creating a positive change for someone. In some aspects, it makes
the job feel almost silly or trivial sometimes.
Conclusion :
Now you have understand the basic things about the web development .
Also know the fact of web that Websites are playing important part in improvement of business. Static
websites also have their own place for the platform where there is specific information required. Static
websites require less investment as compare to dynamic websites.

Contenu connexe

Tendances

Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptxPalash Sukla Das
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web developmentCrampete
 
web development.pptx
web development.pptxweb development.pptx
web development.pptxMohdArbazraza
 
Full Stack Web Developer (MERN STACK Developer.pptx
Full Stack Web Developer (MERN STACK Developer.pptxFull Stack Web Developer (MERN STACK Developer.pptx
Full Stack Web Developer (MERN STACK Developer.pptxRamudgarYadav
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENTkhushi74
 
Introduction to MERN Stack
Introduction to MERN StackIntroduction to MERN Stack
Introduction to MERN StackSurya937648
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Oleksii Prohonnyi
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-endMosaab Ehab
 
Web development using javaScript, React js, Node js, HTML, CSS and SQL
Web development using javaScript, React js, Node js, HTML, CSS and SQLWeb development using javaScript, React js, Node js, HTML, CSS and SQL
Web development using javaScript, React js, Node js, HTML, CSS and SQLJayant Surana
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web DevelopmentYash Sati
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptxManjeetAgarwal
 
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
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen Derin Dolen
 
Introduction to React JS
Introduction to React JSIntroduction to React JS
Introduction to React JSArno Lordkronos
 

Tendances (20)

Web development
Web developmentWeb development
Web development
 
MERN PPT
MERN PPTMERN PPT
MERN PPT
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web development
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
 
Full Stack Web Developer (MERN STACK Developer.pptx
Full Stack Web Developer (MERN STACK Developer.pptxFull Stack Web Developer (MERN STACK Developer.pptx
Full Stack Web Developer (MERN STACK Developer.pptx
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
 
Introduction to MERN Stack
Introduction to MERN StackIntroduction to MERN Stack
Introduction to MERN Stack
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-end
 
Introduction to MERN
Introduction to MERNIntroduction to MERN
Introduction to MERN
 
Web development using javaScript, React js, Node js, HTML, CSS and SQL
Web development using javaScript, React js, Node js, HTML, CSS and SQLWeb development using javaScript, React js, Node js, HTML, CSS and SQL
Web development using javaScript, React js, Node js, HTML, CSS and SQL
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Mern stack developement
Mern stack developementMern stack developement
Mern stack developement
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
 
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
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
Introduction to React JS
Introduction to React JSIntroduction to React JS
Introduction to React JS
 

Similaire à Web development

web development ppt by prakash bedage
web development ppt by prakash bedageweb development ppt by prakash bedage
web development ppt by prakash bedagePrakashBedage
 
web development project prakash.pptx
web development project prakash.pptxweb development project prakash.pptx
web development project prakash.pptxPrakashBedage
 
Programming languages used for ecommerce development
Programming languages used for ecommerce developmentProgramming languages used for ecommerce development
Programming languages used for ecommerce developmentEmma Jhonson
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxchitrachauhan21
 
Responsive Website Design
Responsive Website DesignResponsive Website Design
Responsive Website DesignArin Shamima
 
Roadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack DevelopmentRoadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack Development75waytechnologies
 
Tech Stack & Web App Development For Startups
Tech Stack & Web App Development For StartupsTech Stack & Web App Development For Startups
Tech Stack & Web App Development For StartupsZimbleCode
 
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
 
Web Development SEO Expate BD LTD 1 01.02.2023 .pdf
Web Development SEO Expate BD LTD 1 01.02.2023 .pdfWeb Development SEO Expate BD LTD 1 01.02.2023 .pdf
Web Development SEO Expate BD LTD 1 01.02.2023 .pdfSeo Expate BD LTD
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfgetrichoffice
 
What are a website developer and its scope?
What are a website developer and its scope?What are a website developer and its scope?
What are a website developer and its scope?Isha Gupta
 
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
 
​Web ​Development
 ​Web ​Development ​Web ​Development
​Web ​DevelopmentFariha Tasnim
 

Similaire à Web development (20)

web development ppt by prakash bedage
web development ppt by prakash bedageweb development ppt by prakash bedage
web development ppt by prakash bedage
 
web development project prakash.pptx
web development project prakash.pptxweb development project prakash.pptx
web development project prakash.pptx
 
Best Web Development Languages To Learn in 2023.pdf
Best Web Development Languages To Learn in 2023.pdfBest Web Development Languages To Learn in 2023.pdf
Best Web Development Languages To Learn in 2023.pdf
 
Best Web Development Languages To Learn in 2023
Best Web Development Languages To Learn in 2023 Best Web Development Languages To Learn in 2023
Best Web Development Languages To Learn in 2023
 
Programming languages used for ecommerce development
Programming languages used for ecommerce developmentProgramming languages used for ecommerce development
Programming languages used for ecommerce development
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Intro to web development
Intro to web developmentIntro to web development
Intro to web development
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
 
Full Stack Developers Hire
Full Stack Developers HireFull Stack Developers Hire
Full Stack Developers Hire
 
Responsive Website Design
Responsive Website DesignResponsive Website Design
Responsive Website Design
 
PDF 1.pdf
PDF 1.pdfPDF 1.pdf
PDF 1.pdf
 
Roadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack DevelopmentRoadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack Development
 
Tech Stack & Web App Development For Startups
Tech Stack & Web App Development For StartupsTech Stack & Web App Development For Startups
Tech Stack & Web App Development For Startups
 
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 Development SEO Expate BD LTD 1 01.02.2023 .pdf
Web Development SEO Expate BD LTD 1 01.02.2023 .pdfWeb Development SEO Expate BD LTD 1 01.02.2023 .pdf
Web Development SEO Expate BD LTD 1 01.02.2023 .pdf
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
 
What are a website developer and its scope?
What are a website developer and its scope?What are a website developer and its scope?
What are a website developer and its scope?
 
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
 
​Web ​Development
 ​Web ​Development ​Web ​Development
​Web ​Development
 

Plus de RaziyaChoudhary

How to reduce your email unsubscription rate
How to reduce your email unsubscription rateHow to reduce your email unsubscription rate
How to reduce your email unsubscription rateRaziyaChoudhary
 
Top 7 myths about linkedin
Top 7 myths about linkedinTop 7 myths about linkedin
Top 7 myths about linkedinRaziyaChoudhary
 
What is supply chain management?
What is supply chain management?What is supply chain management?
What is supply chain management?RaziyaChoudhary
 

Plus de RaziyaChoudhary (6)

Six sigma
Six sigma Six sigma
Six sigma
 
How to reduce your email unsubscription rate
How to reduce your email unsubscription rateHow to reduce your email unsubscription rate
How to reduce your email unsubscription rate
 
Top 7 myths about linkedin
Top 7 myths about linkedinTop 7 myths about linkedin
Top 7 myths about linkedin
 
Top 5 things about java
Top 5 things about javaTop 5 things about java
Top 5 things about java
 
What is supply chain management?
What is supply chain management?What is supply chain management?
What is supply chain management?
 
Financial planning
Financial planningFinancial planning
Financial planning
 

Dernier

Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxVishalSingh1417
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxAmanpreet Kaur
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxCeline George
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 

Dernier (20)

Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 

Web development

  • 1. Web Development : What is Web Development : Web development is the building and maintenance of websites; it’s the work that happens behind the scenes to make a website look great, work fast and perform well with seamless user experience. Web developers, do this by using a variety of coding languages. Web Developer : Web developers use a variety of languages like PHP, Python, Java, Ruby and recently JavaScript also giving competition introducing itself to handle the backend part. As a web developer, you must have knowledge of at least one programming language to build your web application.
  • 2. Types of Web Developer : 1. The Front-End Developer 2. The Back-End Developer 3. The Full-Stack Developer There are three types of Web developer : Front-end developer, Back-end developer, and Full-stack developer. Front-end developers are responsible for behavior and visuals that run in the user browser, while back-end developers deal with the servers
  • 3. 1 The Front-End Developer : The front-end developer is responsible for creating the look, feel, and interactive components of a website. They are often mistaken as the only role in web development as well as confused with the role of a web designer. How text, images, and colors are displayed on a website when you view them on a phone, tablet, or computer is what the front-end developer creates. Ever see a button change color when you hover over it or a popup appear when you click on something on a page? That’s what the front-end developer creates. They make sure everything you see is organized, aesthetically pleasing, and functional. To accomplish all this, the front-end developer generally writes in (but not limited to) the following programming languages: HTML CSS JavaScript JQuery React AngularJS
  • 4. 2 The Back-End Developer : The back-end developer has one of the most crucial roles in web development. They create and maintain what’s under the hood to keep your website running and functioning properly. A back-end developer writes what is called server-side code to make sure data flows back and forth from a website’s front-end (what the user sees and interacts with) to the back-end (the server, database etc.). The best example of this would be an online store. Prices and product images are stored on a database hosted on a server. When it comes time to update prices or initiate an automated holiday sale, product information and prices are updated on the database which then displays on the website. When you checkout and process a transaction, all that works because the back-end developer made it so. They write the code that makes all those easy to use (most of the time) functions possible. A back-end developer can program in a variety of programming languages depending on what needs to be done. Typical programming languages a backend developer writes in include: Java PHP Ruby and Ruby On Rails C# MySQL MongoDB
  • 5. 3 The Full-Stack Developer : The full-stack developer is a unique developer type as they can program and work on both front- end and back-end parts of a website. They can literally create an entire functioning, dynamic website themselves (if they choose) as they understand both ends of web development. Full-stack developers tend to have prowess in coding in multiple programming languages and their knowledge and experience tend to be a mile-wide. Because of this, they generally work well with both the front-end and back-end developer during the development process. While they understand and can do the job of both front-end and back-end developers, many full- stack developers typically do not have mastery in either role. Some usually are better at either front or back-end development. There are full-stack developers that have mastery over both ends of development but they are rare and hard to come by. The diverse knowledge of a full-stack developer helps speed up the web development process and troubleshoot any problems that may occur on the front or back-end of a site. Typical programming languages a full-stack developer writes in: Some of everything!
  • 6. Languages used in Web Development : Here are the languages used in web development : 1. HTML HTML makes up the layout and structure for your website. This language is dynamic and allows you to create a beautiful website using less code. HTML is used to create a starting point for the website and is what most of your static pages start from. A better way to understand this language is to consider it as the skeleton that is holding your website together. 2. CSS CSS is the language developers can use to style a website. The style sheet language describes how your website is presented and its layout. CSS is used hand in hand with HTML to add colors, backgrounds, layouts, font sizes, and more. This language is a core technology web developers use to design and build websites.
  • 7. 3. JAVA : Java is the most popular web programming language. It is used to develop website content, games, apps, and software. Java is used in the production of most Android apps. Studies have shown over 15 billion devices are using Java in some form or other. Java language is portable and can be run on multiple software platforms. 4. JAVASCRIPT : JavaScript is used in many aspects of web development. Web developers use this language to add interactive elements to their websites. User engagement is important to your business, and your web developer should be incorporating JavaScript elements in your design. 5. PYTHON : Python is one of the easiest languages to use and work with. Python can create a framework for basically any website need. This language uses simple and straightforward syntax, making it easy for web developers to work with and explain to their users. Some familiar sites that are using this language are Pinterest and Instagram. 6. SQL : SQL is a database query language that is used when your website is computing large amounts of data. Using SQL allows you to gather data from different databases and use it to cater your website to your target audience. This language is not used alone; instead, it is paired with others to get the most out of your customer database and website development. 7. PHP : PHP is often used on data-heavy websites or for app development. This is an open-source language that can be easily modified to meet the needs of your business or website. Large websites like WordPress and Facebook use
  • 8. Advantages of Web Development : Web developers are programmers who use programming tools and write codes to “tell” a website what to do or how to function. They are like the directors and scriptwriters behind every movie. The advantages are given as follow : 1. Improved User Experience : A responsive website leads to a better user experience. A major factor indicating the quality of user experience is the time they spend on your site. If they find it hard to navigate or use because they're forced to constantly pinch and zoom, they won’t stay on your website. But if your website scales and responds to the change in screen size, then visitors won’t have problems accessing menus, links, buttons or filling out forms. As a result, their user experience will be better and they'll spend more time on your site. 2. An Increase in Mobile Traffic : Statics show that in the last quarter of 2017, nearly 52% of all global web traffic originated from mobile devices. That accounts for more than half of all Internet traffic and goes to show that you cannot afford to forego responsive web design. Start by investigating how many of your visitors come from mobile devices and the time they spend on your site. Then, implement responsive design and compare the two numbers. Once your website adapts to the viewport width, you’ll notice an increase in mobile visits and longer time on site by those same visitors.
  • 9. 3. Faster Website Development : Not so long ago, a common practice involved making a separate mobile version of your site that was served when a smaller screen size was detected. However, developing a mobile version of your site takes up more time than developing a responsive website that looks great and works as intended no matter which device your visitors are using. Another downside of a mobile website version is the fact that they cost more because your developer has to create two websites instead of one. 4. Easier Maintenance : Directly tied to the point above is easier website maintenance. With two versions of your website, your staff or your development team has to divide time and resources on managing two websites. With a responsive website, your staff can spend less time on maintenance tasks and focus on more important tasks such as marketing, A/B testing, customer service, product or content development, and more. 5. No Duplicate Content Penalty : Another point to keep in mind with two versions of your website is the fact that you're essentially creating duplicate content. While search engines are getting smarter by the day, they still need to understand which website version is more important. If you’re using a mobile version of your site, your content remains the same even if the URL is different.
  • 10. Limitations of web Development : The Limitations are listed as follows : 1. You are sitting for long periods of time. Web designers are forced to be in front of a computer screen when they are working. This creates unique levels of fatigue, especially in the eyes, back, and neck, that can actually lead to long-term health issues. Certain protections, such as colored eye wear, neck and back stretches, and under-the-desk exercise bikes can keep this under control somewhat, but not 100%. Even stand-up desks are an option that can reduce, but not eliminate, these health risks. 2. You could be working really long hours. If you’re working online for a client, then there’s a good chance that you’re being asked to put in more hours than you may like. Internet work tends to have less patience with the creative process than other career fields, so expect to work some extra hours, including nights and weekends, when you first get started. If you’re not disciplined about your work, you can easily find yourself work 7 days per week. 3. You’re never really done with your education. Because the internet is always evolving and technologies are always improving, you’re never really done with your education when you pursue a career as a web designed. You have to stay on top of user experience trends, know what value propositions should be included with your designs, and understand how coding updates could affect the accessibility of your website.
  • 11. 4. Multitasking is something that always happens. Unlike other jobs, most web designers aren’t really working on just one project at a time. You’re going to be juggling several projects at once, especially if you want to earn a fair wage while working on your own. This means you must stay focused on each project and keep them separate from one another, yet be able to switch gears at a moment’s notice. 5. It’s tough to know if you’re really making a difference. If you’re a social worker, then you know that you’re helping families. When you’re a janitor, you make a difference by creating a sanitary environment. Web development, however, is one of those careers where you really don’t know if you are creating a positive change for someone. In some aspects, it makes the job feel almost silly or trivial sometimes.
  • 12. Conclusion : Now you have understand the basic things about the web development . Also know the fact of web that Websites are playing important part in improvement of business. Static websites also have their own place for the platform where there is specific information required. Static websites require less investment as compare to dynamic websites.