Web Engineering is the systematic approach to the development of high-quality web applications. It covers planning, design, development, testing, and maintenance. It ensures usability, performance, and scalability by applying software engineering principles to web-based systems. Thanks from been with us

1. Web Engineering 1
Lecture 1 – HTML5
Faizullah Hamdard– Kandahar University
20202/09/14

2. Musa Hodman
CONTENTS
2
▪ Web Engineering
▪ WEB ( WWW )
▪ Websites
▪ Dynamic Website
▪ Static Website
▪ UI Designer
▪ Developers
▪ Front End Web Developer
▪ Back End Web Developer
▪ Full Stack Web Developer

3. Musa Hodman
WHAT ISWEB ENGINEERING?
3
▪ The application of systematic, disciplined and quantifiable
approaches to development, operation, and maintenance of
Web-based applications.

4. Musa Hodman
WORLD WIDEWEB
4
▪ A collection of websites or web pages stored in web servers and
connected to local computers through the internet.

5. Musa Hodman
What is Website?
5
▪ A collection of linked web pages (plus their associated resources)
that share a unique domain name.
▪ Ex: Tolotv, 1tv

6. Musa Hodman
Dynamic Website
6
▪ A dynamic website is a website that displays different types of
content every time a user views it.

7. Musa Hodman
Static Website
7
▪ A Static website is a website that displays same types of content every time
a user views it.

8. Musa Hodman
UI Designer
8
▪ User interface (UI) designers are responsible for designing the look
and feel of digital product interfaces.
▪ Ex: Designing in Adobe photo shop, Figma, Canva …….

9. Musa Hodman
UI Designer Salary
9

10. Musa Hodman
Front End Developer
10
▪ The Front-End Developer creates things that the user sees.
▪ The someone who creates websites and web applications.

11. Musa Hodman
Front End Developer Rules
11
▪ Decide web page design and structure
▪ Develop features to enhance the users’ experience
▪ Make sure the web design is smartphone-capable
▪ Build reusable code for future use
▪ Make sure web pages are optimized for best speed and scalability
▪ Keep the brand consist throughout the whole design

12. Musa Hodman
Front End Developer Salary
12

13. Musa Hodman
Back End Developer
13
▪ Back-end developers are responsible for creating, maintaining,
testing, and debugging the entire back end of a website.

14. Musa Hodman
Back End Developer Rules
14
▪ 1. Back-End Programming Language
▪ Java, PHP, Python
▪ 2. Knowledge of Front-End Technology
▪ HTML, CSS, JavaScript
▪ 3. Knowledge of Backend Frameworks
▪ Node js and Laravel
▪ 4. Version Control System
▪ GitHub, AWS Code Commit
▪ 5. Knowledge of Databases
▪ MySQL and MongoDB
▪ 6. Knowledge of API
▪ JSON and SOAP
▪ 7. Server Handling

15. Musa Hodman
Back End Developer Salary
15

16. Musa Hodman
Full Stack Developer
16
▪ The experts in both the frontend and backend.
▪ The front-end, also known as the client-side part of the
application,
▪ and the back-end, also known as the server-side part of the
application.

17. Musa Hodman
Full Stack Developer Rules
17
▪ Helping with the design and development of software
▪ Testing and debugging software to keep it optimized
▪ Writing clean code for the front and back end of the software
▪ Creating servers and databases for the back end of the software
▪ Testing and maintaining the responsive design of applications
▪ Working with graphic designers to design new features
▪ Keeping up with technological advances to optimize their software
▪ Considering security, maintenance, scalability, and more when
developing

18. Musa Hodman
Full Stack Developer Salary
18

19. THANKYOU
FAIZULLAHKHANHAMDARD@GMAIL.COM