Introduction to Web Development

Mohamad M. Fouad

IT Career Fields

Software Development

Fundamentals of Web

HTTP Protocol

Layers of Web Page

HTML, CSS, JS, PHP, MySQL, AJAX

Study Plan

Any organization has the following: Computers Servers (Domain, Mail, ..etc) Network Database Applications Media Department

• Technical Support

• System Engineer

• Network Engineer

• Db Admin

• Software Engineer

• Graphics Designer

Network

Two or more computers connected togetherto share information and resources

Internet

The global system of interconnected computernetworks that use the internet protocol suite(TCP/IP) to link devices worldwide

Server

A computer providing a service to other computers likeweb server, mail server, file server, print server, ..etc

Client

A computer requesting a service from the server likemail client (outlook), chrome browser, ftp client, ..etc

Protocol

A set of rules that control the communicationbetween the client and the server

HTTP is the most popular protocol.

Tim Berners-Lee

Tim Berners-Lee is the inventor of World Wide Web. He implemented the first successful

communication between HTTP Client and server via Internet in Nov. 1989

HTTP = Hyper Text Transfer Protocol

HTTP Server (Web Server)

A server software that can satisfy HTTP requests. It can contain one or more websites.

Examples (Apache Server, IIS Server, nginX, …ect)

HTTP Client (Web browser)

Allows you to browse websites by sending HTTP requests to the web server and rendering the

response to you.

ContentText, images, table, form, links, ..etc

PresentationHow the content will be displayed?

BehaviorInteractive, validation, effects, ..etc

Client-Side Scripting Language

• Server-Side Scripting Language

• Powerful tool for making dynamic and interactive web application

• Code is executed on the web server and the result is returned back to the browser.

• Easy to learn

• Widely used, free and efficient

• Free, Open Source PHP web framework• MVC Framework

• Web Application framework developed by Microsoft

• Free & Open Source

• Well-organized

• You write C# Code

Traditional web application

AJAX Request

Language Estimated Days

HTML 7

CSS 7

JavaScript 14

jQuery 5

PHP 30

MySQL 15

C# 30

ASP.NET MVC 20

SQL Server 15

AJAX 3

• www.w3schools.com

• www.tutorialspoint.com

• https://developer.mozilla.org/en-US/docs/Learn

• http://php.net/

• https://www.tutorialsteacher.com/

• Start learning now! (do not waste more time)

• Write code every day

• Work on a project

• Build your CV

• ITI, MCIT scholarship

• Freelance websites (oDesk, getaFreelancer, projectforhire, khamsat, Mostaql)

• Offer your service at the beginning

• Join Open Source projects (GitHub)