SlideShare a Scribd company logo
REPRESENTED BY PRAKASH BEDAGE
1.What is web development
2.Meaning of Web Development
3.Part of Web Development
3.1 Front end development
3.2 Front Back end development
4. Front end development skills
5. Front end Development skills non technical
6. Job and salary trend
7. Front end developer do?
8. Back end development skills
1. What is web development?
The term web development refers to the construction and programming of
websites and applications. It ranges from developing a single static page to
complex web applications like social network services, etc. Tasks associated with
creating building and maintaining a website or web application come under web
Development. The smooth-functioning websites and applications you use and
scroll through, which look like works of art are the result of some lines of code
written using a variety of programming languages to achieve all those
functionalities and amazing user experience. Programming languages like HTML,
CSS, and JavaScript serve as basic tools for Web development.
2. Meaning of 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 a seamless user experience. Web developers, or
'devs', do this by using a variety of coding languages
3.Web development has two main types
1. Front-end Development
2. Back-end Development
1. Front End Development
Have you ever looked at a website and wondered how it works? All
the buttons that you could click and the motions in your favorite website are
a part of the front end development. Basically, all the visible site features
are built through
Top 10 Front end development skills
1. HTML/CSS
HTML - Hyper Text Markup Language
CSS - Cascading Style Sheets
2. Java Script/ JQuery
Java Script - Another important tool for a front end developer is JavaScript (JS).
JQuery - JavaScript consists of libraries like jQuery.
3. Frameworks
frameworks - are great for building complex user interfaces , while others excel at
displaying all of your site’s content.
4. Responsive Design
We use different gadgets like computers, phones, and tablets to look at
web pages.
The web pages adjust themselves to the device you’re using without
any extra effort from your end. This is due to the responsive design
5. Version Control/Git
 Version control - is the process of tracking and controlling changes
to your source code so that you don’t have to start from the
beginning if anything goes wrong.
6. Testing/Debugging
 Functional testing - looks at a particular piece of functionality on
your site and ensures it does everything according to the code
 Programs like Mocha and Jasmine are designed to speed up and simplify
your testing process.
7. Browser Developer Tools
 The modern web browsers come equipped with developer tools
for testing and debugging.
8. Web Performance
• Web performance defines the amount of time it takes
for your site to load.
9. CSS Preprocessing
 CSS Preprocessor is an advanced version of CSS. This is used to enhance the
primary class of CSS to create better versions of websites. the developers to skip
tasks like writing CSS selectors and color strings frequently.
10.Command Line
 GUI is an important part of web development and coding as well. But an all-purpose
GUI is going to have its limitations for some specific applications.
 Front End Developer Skills: Non-Technical
We have a misconception that the developers are only required to create user interfaces
effectively. But to make efficient products, it is also important to communicate with the
clients and grasp ideas. You should be well-versed with verbal and vocal
communication skills. Also, to work with a team, you need to possess the basic
lessons of the team working too.
 Jobs and Salary Trends For Front End Development
According to Tech Republic, web development is one of the 10 hottest tech skills in 2019.
The recent stats from the US Bureau of Labor Statistics forecasts that by 2026, the
number of web development positions will grow by 15% as compared to the numbers
from 2016.
Some of the Key Roles of a front end developer include:
 Front End Engineer
 Junior Front End Developer
 Front End Software Engineer
 Front End Developer
The average salary for a Front End Developer is ₹4,94,103 in India.
 Front-End Developer Do?
A backend developer is responsible for writing backend codes of any website and how
is it going to communicate when the user will trigger any particular action. Besides, they
take care of the whole wireframe of the website, its architecture, coding, scripting, and
database accessibility. Moreover, they are also responsible for debugging and testing
the backend applications
 Top 10 Back-End Developer Skills
1.Back-End Programming Language
In the field of development, language is the base and for that, The desired outputs and
functionality will work only if you’ve mastered the backend programming
language. There are three major languages that giant IT firms use Java, Python,
and PHP.
 Java: It is one of the most robust programming languages,
that is used by many big tech companies (Google, Amazon, Facebook,
etc.) that have been using
 Python: This is used to automate tasks, perform data analysis, build websites,
and much more. It also supports a different range of programming styles such as
functions, Object-oriented, etc
 PHP: It is also one of the highly used languages among developers today. PHP
powers today more than 80% of websites and is a useful language for the back end
as it automates the task and eases the work of developers.
2. Knowledge of Front-End Technology
So now you have the basic knowledge of back-end programming languages, now
it’s your turn to start with basic front-end language. Although it is not mandatory to
master it, having basic skills required for this role such as HTML, CSS,
and JavaScript. A back-end developer needs to have a command and in-depth
knowledge of Jscript as they’re the foundation of front-end development. While working
on the back end languages such as JavaScript, CSS, and HTML will work as a pillar
while writing codes.
3. Knowledge of Backend Frameworks
Once you’ve decided on the language which you need to work on, you need to
brush up skills with the framework as well. The framework is a
backbone of a language on a program/application on which you’re working. There
are certain frameworks that you might consider working on while working as a back-end
developer.
 NodeJs: It’s an open-source and free platform built to support the backend coding
of an application. It works on JavaScript and is one of the oldest and most popular
frameworks so far. NodeJs is cross-platform and compatible
with Windows, Linux, macOS, etc.
 ExpressJs: It’s another framework that is built on NodeJs. Due to its speed
and deliverability, it is highly appraised among backend developers. Expresses'
is used to build APIs and is considered one of the best choices for building mobile
and web applications.
 Django: Compatible with Python, it is an open-source and free platform that has
been highly appreciated and become popular among developers. The best part about
Django is, it uses less code and power to craft rapid app development.
4. Version Control System
It is also known as the source control which is responsible for any changes that have to
be done from time to time. The version control system tracks every single
modification of codes in a different database. This becomes more helpful when a
developer makes a mistake and wants to reverse it back and it helps in protecting
source code from any such incidents. These are some of the most popular version
control systems for backend developers:
 AWS Code Commit: It is another version of the control system which is
being hosted by Amazon. By using this, a user can easily store and manage data
along with the source code. It is a highly secured platform managed by the Git
repository.
 GitHub: Established in 2007, is an open-source community that has been designed
to support developers. Due to its availability over the cloud, anyone from anywhere
can view the code and it also allows developers to collab and contribute as they
want. With the help of this community, anyone can anywhere provide help for those
who need and due to its popularity, today millions of users are
associated with this platform.
GitLab: It allows users to collab on a single platform and perform all the tasks. Doing
so, helps in reducing the time frame and increases productivity. In other terms, it allows
teams to build perfect software with the help of a singular communication
channel
5. Knowledge of Databases
When you’re working on a project, you must understand that the storage of data is very
crucial as they carry a large amount of information. So, it is a must to have a good
command over the database. The backend developer is responsible for creating a
relational mapping so that the data can be retrieved when required.
6. Knowledge of API
Application Programming Interface or API is responsible for establishing
connections between different applications.
 Just take an example, let’s say you are ordering some item from Alibaba via the
mobile application, so here you’re establishing a connection with Alibaba’s API.
Backend developers use these APIs to establish connections between different
applications to enhance user experience. The most popular APIs among developers
are JSON, SOAP, REST, GSON, etc.
7. Server Handling
Since backend developers are responsible to perform all the actions behind the curtains
so it is a must to have a good command over handling the server. A server is a cloud
system that provides all the useful information and offers services such as file
storage, database, and security to other systems connected to that network. The
details stored in the server are responsible for recovering, rearranging, stored
information. Some of the best tools for server handling are Docker, Kubernetes, etc.
8. DSA (Data Structures and Algorithms)
A good knowledge of DSA is also recommended to become a great back-end developer.
It is necessary for efficient management and proper retrieval of data in order to prevent
any memory leakage. DSA is also important because it forms the base for modifying,
organizing, and accessing data in programming. Also, it is important that you learn Data
Structure and Algorithms before becoming a back-end developer because it will help to
make the code more optimized and efficient.
9. Problem Solving
Back-end development can be a tricky business therefore, the person handling it must
have problem-solving abilities in order to do the work smoothly. A back-end developer is
the backbone of any website as they are the main problem solvers and keep a check if
the website is working in a proper manner or not. So if you have a passion for becoming
a back-end developer you can also improve your problem-solving skills as much as you
can.
10. Communication Skills
Backend development is a task where you need to focus otherwise things can get
hampered. So this unique quality of working hard without any distractions can also
make you a loner. But communication is the base of this job because you will have to
work with a team on multiple projects with fellow developers. You will also have to
discuss various ideas, with clients, the manager, or your fellow teammates. Therefore,
be prepared to talk with people as it will lead to successful
collaborations and projects too.
 backend developer Salary Trend
If you’ll check the trend, the average income of a backend
developer varies from country to country and the rough figure is estimated
at 6, 50,000 (India).
web development ppt by prakash bedage

More Related Content

Similar to web development ppt by prakash bedage

A Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdfA Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdf
Cerebrum Infotech
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
chitrachauhan21
 
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
PamRobert
 
Top 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdfTop 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdf
Laura Miller
 
Ultimate guide on how to hire full stack web developer in 2022
Ultimate guide on how to hire full stack web developer in 2022Ultimate guide on how to hire full stack web developer in 2022
Ultimate guide on how to hire full stack web developer in 2022
Katy Slemon
 
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
ZimbleCode
 
Web development
Web developmentWeb development
Web development
RaziyaChoudhary
 
webdevelopment-210628031421.pdf
webdevelopment-210628031421.pdfwebdevelopment-210628031421.pdf
webdevelopment-210628031421.pdf
DakshPratapSingh1
 
What is backend in web development.docx
What is backend in web development.docxWhat is backend in web development.docx
What is backend in web development.docx
Havro IT Solutions
 
10 Best Front-end Frameworks for Web Development
10 Best Front-end Frameworks for Web Development10 Best Front-end Frameworks for Web Development
10 Best Front-end Frameworks for Web Development
Mars Devs
 
What Are Progressive Web Application Development
What Are Progressive Web Application DevelopmentWhat Are Progressive Web Application Development
What Are Progressive Web Application Development
App Verticals
 
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdfBuild Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Uncodemy
 
Top Backend Frameworks for Mobile App Development in 2023
Top Backend Frameworks for Mobile App Development in 2023Top Backend Frameworks for Mobile App Development in 2023
Top Backend Frameworks for Mobile App Development in 2023
ZimbleCodeAustralia
 
Top 10 Front End Development Technologies to Focus in 2018
Top 10 Front End Development Technologies to Focus in 2018Top 10 Front End Development Technologies to Focus in 2018
Top 10 Front End Development Technologies to Focus in 2018
Helios Solutions
 
Full Stack Development
Full Stack DevelopmentFull Stack Development
10 Important Web Development Tools Every Developer Should Know.pdf
10 Important Web Development Tools Every Developer Should Know.pdf10 Important Web Development Tools Every Developer Should Know.pdf
10 Important Web Development Tools Every Developer Should Know.pdf
Codevelop us
 
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
Infowind Technologies (IT) Pvt Ltd
 
10 Advantages Of Using Django For Web Development.pdf
10 Advantages Of Using Django For Web Development.pdf10 Advantages Of Using Django For Web Development.pdf
10 Advantages Of Using Django For Web Development.pdf
Appdeveloper10
 
How to use Java in Web Application Development?
How to use Java in Web Application Development?How to use Java in Web Application Development?
How to use Java in Web Application Development?
Inexture Solutions
 
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
JamesEddie2
 

Similar to web development ppt by prakash bedage (20)

A Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdfA Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdf
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
 
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
 
Top 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdfTop 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdf
 
Ultimate guide on how to hire full stack web developer in 2022
Ultimate guide on how to hire full stack web developer in 2022Ultimate guide on how to hire full stack web developer in 2022
Ultimate guide on how to hire full stack web developer in 2022
 
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
 
Web development
Web developmentWeb development
Web development
 
webdevelopment-210628031421.pdf
webdevelopment-210628031421.pdfwebdevelopment-210628031421.pdf
webdevelopment-210628031421.pdf
 
What is backend in web development.docx
What is backend in web development.docxWhat is backend in web development.docx
What is backend in web development.docx
 
10 Best Front-end Frameworks for Web Development
10 Best Front-end Frameworks for Web Development10 Best Front-end Frameworks for Web Development
10 Best Front-end Frameworks for Web Development
 
What Are Progressive Web Application Development
What Are Progressive Web Application DevelopmentWhat Are Progressive Web Application Development
What Are Progressive Web Application Development
 
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdfBuild Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdf
 
Top Backend Frameworks for Mobile App Development in 2023
Top Backend Frameworks for Mobile App Development in 2023Top Backend Frameworks for Mobile App Development in 2023
Top Backend Frameworks for Mobile App Development in 2023
 
Top 10 Front End Development Technologies to Focus in 2018
Top 10 Front End Development Technologies to Focus in 2018Top 10 Front End Development Technologies to Focus in 2018
Top 10 Front End Development Technologies to Focus in 2018
 
Full Stack Development
Full Stack DevelopmentFull Stack Development
Full Stack Development
 
10 Important Web Development Tools Every Developer Should Know.pdf
10 Important Web Development Tools Every Developer Should Know.pdf10 Important Web Development Tools Every Developer Should Know.pdf
10 Important Web Development Tools Every Developer Should Know.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
 
10 Advantages Of Using Django For Web Development.pdf
10 Advantages Of Using Django For Web Development.pdf10 Advantages Of Using Django For Web Development.pdf
10 Advantages Of Using Django For Web Development.pdf
 
How to use Java in Web Application Development?
How to use Java in Web Application Development?How to use Java in Web Application Development?
How to use Java in Web Application Development?
 
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
www-valuecoders-com-blog-technology-and-apps-how-to-choose-right-web-developm...
 

Recently uploaded

The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideas
GeoBlogs
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
kaushalkr1407
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
TechSoup
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
Levi Shapiro
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
CarlosHernanMontoyab2
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
TechSoup
 
Honest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptxHonest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptx
timhan337
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 

Recently uploaded (20)

The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideas
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
 
Honest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptxHonest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptx
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 

web development ppt by prakash bedage

  • 1.
  • 2.
  • 4. 1.What is web development 2.Meaning of Web Development 3.Part of Web Development 3.1 Front end development 3.2 Front Back end development 4. Front end development skills 5. Front end Development skills non technical 6. Job and salary trend 7. Front end developer do? 8. Back end development skills
  • 5. 1. What is web development? The term web development refers to the construction and programming of websites and applications. It ranges from developing a single static page to complex web applications like social network services, etc. Tasks associated with creating building and maintaining a website or web application come under web Development. The smooth-functioning websites and applications you use and scroll through, which look like works of art are the result of some lines of code written using a variety of programming languages to achieve all those functionalities and amazing user experience. Programming languages like HTML, CSS, and JavaScript serve as basic tools for Web development.
  • 6. 2. Meaning of 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 a seamless user experience. Web developers, or 'devs', do this by using a variety of coding languages
  • 7. 3.Web development has two main types 1. Front-end Development 2. Back-end Development
  • 8. 1. Front End Development Have you ever looked at a website and wondered how it works? All the buttons that you could click and the motions in your favorite website are a part of the front end development. Basically, all the visible site features are built through
  • 9. Top 10 Front end development skills 1. HTML/CSS HTML - Hyper Text Markup Language CSS - Cascading Style Sheets 2. Java Script/ JQuery Java Script - Another important tool for a front end developer is JavaScript (JS). JQuery - JavaScript consists of libraries like jQuery. 3. Frameworks frameworks - are great for building complex user interfaces , while others excel at displaying all of your site’s content.
  • 10. 4. Responsive Design We use different gadgets like computers, phones, and tablets to look at web pages. The web pages adjust themselves to the device you’re using without any extra effort from your end. This is due to the responsive design 5. Version Control/Git  Version control - is the process of tracking and controlling changes to your source code so that you don’t have to start from the beginning if anything goes wrong.
  • 11. 6. Testing/Debugging  Functional testing - looks at a particular piece of functionality on your site and ensures it does everything according to the code  Programs like Mocha and Jasmine are designed to speed up and simplify your testing process. 7. Browser Developer Tools  The modern web browsers come equipped with developer tools for testing and debugging. 8. Web Performance • Web performance defines the amount of time it takes for your site to load.
  • 12. 9. CSS Preprocessing  CSS Preprocessor is an advanced version of CSS. This is used to enhance the primary class of CSS to create better versions of websites. the developers to skip tasks like writing CSS selectors and color strings frequently. 10.Command Line  GUI is an important part of web development and coding as well. But an all-purpose GUI is going to have its limitations for some specific applications.
  • 13.  Front End Developer Skills: Non-Technical We have a misconception that the developers are only required to create user interfaces effectively. But to make efficient products, it is also important to communicate with the clients and grasp ideas. You should be well-versed with verbal and vocal communication skills. Also, to work with a team, you need to possess the basic lessons of the team working too.
  • 14.  Jobs and Salary Trends For Front End Development According to Tech Republic, web development is one of the 10 hottest tech skills in 2019. The recent stats from the US Bureau of Labor Statistics forecasts that by 2026, the number of web development positions will grow by 15% as compared to the numbers from 2016. Some of the Key Roles of a front end developer include:  Front End Engineer  Junior Front End Developer  Front End Software Engineer  Front End Developer The average salary for a Front End Developer is ₹4,94,103 in India.
  • 15.  Front-End Developer Do? A backend developer is responsible for writing backend codes of any website and how is it going to communicate when the user will trigger any particular action. Besides, they take care of the whole wireframe of the website, its architecture, coding, scripting, and database accessibility. Moreover, they are also responsible for debugging and testing the backend applications
  • 16.  Top 10 Back-End Developer Skills 1.Back-End Programming Language In the field of development, language is the base and for that, The desired outputs and functionality will work only if you’ve mastered the backend programming language. There are three major languages that giant IT firms use Java, Python, and PHP.  Java: It is one of the most robust programming languages, that is used by many big tech companies (Google, Amazon, Facebook, etc.) that have been using
  • 17.  Python: This is used to automate tasks, perform data analysis, build websites, and much more. It also supports a different range of programming styles such as functions, Object-oriented, etc  PHP: It is also one of the highly used languages among developers today. PHP powers today more than 80% of websites and is a useful language for the back end as it automates the task and eases the work of developers.
  • 18. 2. Knowledge of Front-End Technology So now you have the basic knowledge of back-end programming languages, now it’s your turn to start with basic front-end language. Although it is not mandatory to master it, having basic skills required for this role such as HTML, CSS, and JavaScript. A back-end developer needs to have a command and in-depth knowledge of Jscript as they’re the foundation of front-end development. While working on the back end languages such as JavaScript, CSS, and HTML will work as a pillar while writing codes.
  • 19. 3. Knowledge of Backend Frameworks Once you’ve decided on the language which you need to work on, you need to brush up skills with the framework as well. The framework is a backbone of a language on a program/application on which you’re working. There are certain frameworks that you might consider working on while working as a back-end developer.  NodeJs: It’s an open-source and free platform built to support the backend coding of an application. It works on JavaScript and is one of the oldest and most popular frameworks so far. NodeJs is cross-platform and compatible with Windows, Linux, macOS, etc.
  • 20.  ExpressJs: It’s another framework that is built on NodeJs. Due to its speed and deliverability, it is highly appraised among backend developers. Expresses' is used to build APIs and is considered one of the best choices for building mobile and web applications.  Django: Compatible with Python, it is an open-source and free platform that has been highly appreciated and become popular among developers. The best part about Django is, it uses less code and power to craft rapid app development.
  • 21. 4. Version Control System It is also known as the source control which is responsible for any changes that have to be done from time to time. The version control system tracks every single modification of codes in a different database. This becomes more helpful when a developer makes a mistake and wants to reverse it back and it helps in protecting source code from any such incidents. These are some of the most popular version control systems for backend developers:  AWS Code Commit: It is another version of the control system which is being hosted by Amazon. By using this, a user can easily store and manage data along with the source code. It is a highly secured platform managed by the Git repository.
  • 22.  GitHub: Established in 2007, is an open-source community that has been designed to support developers. Due to its availability over the cloud, anyone from anywhere can view the code and it also allows developers to collab and contribute as they want. With the help of this community, anyone can anywhere provide help for those who need and due to its popularity, today millions of users are associated with this platform. GitLab: It allows users to collab on a single platform and perform all the tasks. Doing so, helps in reducing the time frame and increases productivity. In other terms, it allows teams to build perfect software with the help of a singular communication channel
  • 23. 5. Knowledge of Databases When you’re working on a project, you must understand that the storage of data is very crucial as they carry a large amount of information. So, it is a must to have a good command over the database. The backend developer is responsible for creating a relational mapping so that the data can be retrieved when required.
  • 24. 6. Knowledge of API Application Programming Interface or API is responsible for establishing connections between different applications.  Just take an example, let’s say you are ordering some item from Alibaba via the mobile application, so here you’re establishing a connection with Alibaba’s API. Backend developers use these APIs to establish connections between different applications to enhance user experience. The most popular APIs among developers are JSON, SOAP, REST, GSON, etc.
  • 25. 7. Server Handling Since backend developers are responsible to perform all the actions behind the curtains so it is a must to have a good command over handling the server. A server is a cloud system that provides all the useful information and offers services such as file storage, database, and security to other systems connected to that network. The details stored in the server are responsible for recovering, rearranging, stored information. Some of the best tools for server handling are Docker, Kubernetes, etc.
  • 26. 8. DSA (Data Structures and Algorithms) A good knowledge of DSA is also recommended to become a great back-end developer. It is necessary for efficient management and proper retrieval of data in order to prevent any memory leakage. DSA is also important because it forms the base for modifying, organizing, and accessing data in programming. Also, it is important that you learn Data Structure and Algorithms before becoming a back-end developer because it will help to make the code more optimized and efficient.
  • 27. 9. Problem Solving Back-end development can be a tricky business therefore, the person handling it must have problem-solving abilities in order to do the work smoothly. A back-end developer is the backbone of any website as they are the main problem solvers and keep a check if the website is working in a proper manner or not. So if you have a passion for becoming a back-end developer you can also improve your problem-solving skills as much as you can.
  • 28. 10. Communication Skills Backend development is a task where you need to focus otherwise things can get hampered. So this unique quality of working hard without any distractions can also make you a loner. But communication is the base of this job because you will have to work with a team on multiple projects with fellow developers. You will also have to discuss various ideas, with clients, the manager, or your fellow teammates. Therefore, be prepared to talk with people as it will lead to successful collaborations and projects too.
  • 29.  backend developer Salary Trend If you’ll check the trend, the average income of a backend developer varies from country to country and the rough figure is estimated at 6, 50,000 (India).

Editor's Notes

  1. WELCOME TO
  2. 8.