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)