Web Programming
Dr Walid M. Aly
1
Web Programming CS433 lec1 Dr Walid M. Aly
Description
This course is an introduction of common,
primarily open-source, technologies used to
develop and maintain server sites on the Web.
A variety of client-side and server-side
technologies are covered.
3
Web Programming CS433 lec1 Dr Walid M. Aly
Course Group Home Page
https://groups.yahoo.com/groups/CS614/
4
Web Programming CS433 lec1 Dr Walid M. Aly
Textbook
Robert W. Sebesta, Programming the World Wide Web, Publisher: Addison Wesley
5
Web Programming CS433 lec1 Dr Walid M. Aly
Basic Information
You use your Browser to display the web pages stored at a distant web server by writing
the URL of the page .
All communications between browsers and servers use Hypertext Transfer Protocol (HTTP)
The two main web servers worldwide are Apache & IIS (Microsoft Product)
This course is about applying your programming skills to the development of dynamic Web pages and
applications.
Client Server
6
Web Programming CS433 lec1 Dr Walid M. Aly
Web Programming
Client Side Technologies Server Side Technologies
Download program with Web page, execute on client Can store and execute program on Web server, link
machine from Web page
simple, generic, but insecure
more complex, requires server
privileges, but secure
HTML&XHTML Perl
CSS CGI
JavaScript JSP
JavaApplets PHP
XML ASP
The CS433 Web Programmer’s Toolbox:-
HTML XHTML CSS JavaScript PHP
7
Web Programming CS433 lec1 Dr Walid M. Aly
HTML Demo Page
<html>
HTML <body>
<h1>My First Heading</h1>
• HTML :Hyper Text Markup Language <p>My first paragraph.</p>
• Current Version :HTML5 </body>
</html>
CSS
•CSS : Cascaded Style Sheets
•CSS Seprates the content from the formatting rules
Web Programming CS433 lec1 Dr Walid M. Aly 8
JavaScript
• A client-side HTML-embedded scripting language.
• Only related to Java through syntax.
• Provides a way to access elements of HTML documents and
dynamically change them.
• World wide web has resources for free java scripts
http://www.hotscripts.com/category/scripts/javascript/
Javascript Demo1
Javascript Demo2
Web Programming CS433 lec1 Dr Walid M. Aly
PHP
• PHP: Personal Home Page Tools/Hypertext PreProcessor
• A widely used free software for server-side scripting language
• Syntax Similar to JavaScript
• Great for form processing and database access through the Web
A simple Demonstration for a dynamic web page using PHP:
Database: courses
Table :cs_ courses
http://127.0.0.1/FormQuery.php
Web Programming CS433 lec1 Dr Walid M. Aly
AJAX
• AJAX is an acronym for Asynchronous JavaScript And XML.
• Rich Internet Applications (RIAs)
– Web applications that approximate the look, feel and usability of desktop applications
– Two key attributes—performance and rich GUI
• RIA performance
– Comes from Ajax
• AJAX is not a programming language. but simply a development technique for
creating interactive web applications.
• The technology uses JavaScript to send and receive data between a web browser
and a web server.
• The AJAX technique makes web pages more responsive by exchanging data
with a server behind the scenes, instead of reloading an entire web page each
time a user makes a change.
• With AJAX, web applications can be faster, more interactive, and more user
friendly.
http://localhost/ajaxdemo1/SwitchContent.html
Web Programming CS433 lec1 Dr Walid M. Aly
Assessment Scheme
• Project Based
• Assignment one : 15marks (HTML5-CSS)
• 7th week Exam : 15 marks
• Assignment 2: 10 marks (HTML5-JS)
• 12th week Exam : 10 marks
• Assignment 3: 5marks (HTML5-JS -PHP-MySQL)
• Assignment 4: 5marks (HTML5-JS -PHP-MySQL-AJAX)
• Final Exam : 40 marks
Assessments are open Book and open notes
Oral Assessments /Presentation
show case
Single Student or groups
of 2 Students
12
Web Programming CS433 lec1 Dr Walid M. Aly
