Scribd
Upload
28 views

Lecture 1-1

+255761433356

Uploaded by

mohd1989ameir
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
28 views

Lecture 1-1

+255761433356

Uploaded by

mohd1989ameir
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 16

DCS/DINF 0212

Interactive Website Development


Omar Saleh Suleiman
[email protected]

DCS/DINF 0211
Part 1
Introduction
Internet, World Wide Web and Web Application

DCS/DINF 0211
Internet

֎Internet is a global network of computer networks’ . It


comprises of millions of computing devices that carry and
transfer volumes of information from one device to the
other.
֎Internet uses the standard Internet Protocol (TCP/IP).
֎Every computer in internet is identified by a unique IP
address.
֎Internet is like an information super Highway, to access
information over the web.
World Wide Web (WWW)

֎The World Wide Web (WWW) is an internet based service,


which uses common set of rules known as protocols, to
distribute documents across the Internet in a standard way.
֎The World Wide Web. Or ‘Web’ is a part of the Internet.
The Web is viewed using web browser.
Web Application
֎A web application is an application accessed by users over a
network.
֎Uses a browser as the client.
֎Consists of a collection of client-side and server-side scripts
(HTML pages, and other resources).
֎May spread across multiple servers.
֎Accessed via a specific path within a webserver e.g.
www.google.com.
֎Web application can be static or dynamic web application.
Static vs. Dynamic Web Application

֎Static Web (flat page): Page that is delivered to the user


exactly as stored.
֎Everything is always the same as the way it was
programmed.
֎To change contents on static page, you need to change the
code itself.
֎Dynamic Web: Page that is generated at the time of access
by a user or change as a result of interaction with the user.
Features of Web Application
֎Scalability - scale up and scale out
֎Availability
֎Maintainability
֎Reliability
Advantages of web application

֎Zero install - all PCs have a Browser


֎Reduce business costs
֎Centralized data is secure and easy to backup.
֎Quick and easy updates.
֎Reach anybody, anywhere in the world.
֎Always up-to-date.
Advantages of web application

֎Available all the time (24 hours a day, 7 days a week).


֎Low spec PCs or smart phones can be used.
֎Online training can be completed at user's own time
and pace.
֎Direct access to latest information - for Employees
where every they are located
Part 2
Web Development
Introduction to Web Development

DCS/DINF 0211
Introduction
֎Web development refers to the designing, creating, and maintaining
of web application.
֎It includes aspects such as web design, web publishing, web
programming, and database management.
֎It is the creation of an application that works over the network
(internet).
֎Web Development roles can be classified into :
1. Frontend Development.
2. Backend Development.
3. Full-stack web Development.
1. Frontend Development
֎Front-end web development is responsible for the look and feel
of a website. This means how colors, type, icons, and images
appear.
֎Increasingly, front-end development has to account for how a
website looks on all devices, from desktop to tablet to phone.
֎Typical programming languages include HTML, JavaScript, and
CSS.
֎Most of modern frontend development are achieved using
various frontend framework. Example React, Angular, Vue etc.
2. Backend Development
֎Back-end web development is responsible for building and
maintaining the code that runs on the server.
֎This code connects the website to the server and ensures
that data flows properly to the website and that transactions
are processed correctly.
֎Typical programming languages include Java, PHP, and
MySQL.
֎Most of modern backend development are achieved using
various backend frameworks like Django, Flask, Spring,
Laravel etc.
3. Full-stack web Development

֎Full-stack web development covers both front-end and


back-end responsibilities.
֎Many full-stack developers may still specialize in one aspect
of web development, but their broad experience is useful in
troubleshooting or speeding up a build or redesign.
֎Full-stack developers are often responsible for identifying
cutting-edge technologies that can be used to strengthen
websites’ business capabilities.
Client Side & Server Side Scripts
֎Client-side scripts are the scripts (codes) executed by the client
browser when a page loads.
֎Client-side scripts may be used to check the user's form for problems
before submitting it, and to change the content based on the user
input.
֎Server-side scripts are executed by a web server before sending the
page back to the client.
֎Server-side scripting creates a communication channel between a
server and a client
END
☺☺☺

You might also like