Scribd
Upload
53 views

Lecture 0 - Web - Programming

This document provides an introduction and overview of a course on web programming. It discusses both client-side technologies like HTML, CSS, JavaScript, and XML as well as server-side technologies like Perl, CGI, JSP, PHP, and ASP that are used to develop dynamic web pages and applications. It provides examples of using HTML, CSS, JavaScript, PHP, and AJAX. The course will help students apply their programming skills to developing rich interactive web applications using these client-side and server-side technologies.

Uploaded by

hojayas860
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
53 views

Lecture 0 - Web - Programming

This document provides an introduction and overview of a course on web programming. It discusses both client-side technologies like HTML, CSS, JavaScript, and XML as well as server-side technologies like Perl, CGI, JSP, PHP, and ASP that are used to develop dynamic web pages and applications. It provides examples of using HTML, CSS, JavaScript, PHP, and AJAX. The course will help students apply their programming skills to developing rich interactive web applications using these client-side and server-side technologies.

Uploaded by

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

Web Programming

Presented By
Dr. Mohamed Abdelhafeez
Lecture 1 Introduction

1
Web Programming CS433 lec0 Dr Walid M. Aly
Web Programming

2
Web Programming CS433 lec0 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 lec0 Dr Walid M. Aly
Textbook

Robert W. Sebesta, Programming the World Wide Web, Publisher: Addison Wesley
4
Web Programming CS433 lec0 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

5
Web Programming CS433 lec0 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 CS333 Web Programmer’s Toolbox:-

HTML XHTML CSS JavaScript PHP

6
Web Programming CS433 lec0 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 lec0 Dr Walid M. Aly 7


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 lec0 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 lec0 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 lec0 Dr Walid M. Aly

You might also like