Slides from a talk I gave at the GDG delta in mansoura , egypt on Web Development basics.

1. introduction to
web development

2. what is web?
The World Wide Web , commonly known
as the Web, is an information space
where documents and other web
resources are identified by Uniform
Resource Locators (URLs, such as
www.example.com), and are accessible
via the Internet. The resources of the
WWW may be accessed by users via a
software application called a web
browser.

3. what is browser?
A browser is an application
program that provides a way to
look at and interact with all the
information on the World Wide
Web.

4. The Web Architecture
GET data
Here It Is
Client Side Server Side

5. Server Side
Server side creates the data and returns
it to the client
All server-side languages return the
same result: HTML
There are many
languages...

6. Client Side
Client side takes the data and renders it
on screen
Provides a UX around the
data
Can send data back to the
server
Browsers: IE, Chrome,
Firefox, Safari

7. The Data
Data is in a format called
HTML (Hyper Text Markup
Language)
Invented by Tim Berners-
Lee

8. The Data
A browser renders HTML
document on screen
HTML is a tag-based language

9. HTML Syntax

10. HTML Example

11. Style
CSS stands for Cascading Style
Sheets
CSS describes how HTML elements
are to be displayed

12. CSS Syntax

13. CSS Example

14. static website VS dynamic website
1 2 Dynamic websiteStatic website

15. 1 Static Website :
Advantages :
Quick to develop.
Cheap to develop.
Cheap to host.
Disadvantages :
Requires web development expertise to update website.
Content is static and can't be changed.
Website not as useful for the user.

16. 2 Dynamic Website :
Advantages :
Much more functional website.
Much easier to update.
Can work as a system to allow staff
or users to collaborate
Disadvantages :
Slower / more expensive to develop.
Hosting costs a little more.
New content brings people back to
the site and helps in the search
engines.

17. resources
• W3 Schools:
www.w3schools.com
• Elzero Web School :
https://www.youtube.com/channel/UCSNkfKl4cU-55Nm-ovsvOHQ

18. Thank You
Fawaz