Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
34 views

Lec0 Web Programming

This document provides an overview of a web programming course. It introduces some of the key client-side technologies covered like HTML, CSS, JavaScript, and some server-side technologies like PHP. It also provides examples to demonstrate basic concepts in HTML, CSS, JavaScript, PHP and AJAX. The course will be assessed through assignments, exams and projects focusing on these web technologies. Students will work individually or in groups of two.

Uploaded by

Menna Saed
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
34 views

Lec0 Web Programming

This document provides an overview of a web programming course. It introduces some of the key client-side technologies covered like HTML, CSS, JavaScript, and some server-side technologies like PHP. It also provides examples to demonstrate basic concepts in HTML, CSS, JavaScript, PHP and AJAX. The course will be assessed through assignments, exams and projects focusing on these web technologies. Students will work individually or in groups of two.

Uploaded by

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

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

You might also like