cs411-proj-webprogramming - Web Programming Tutorial Slides...

Info iconThis preview shows pages 1–11. Sign up to view the full content.

View Full Document Right Arrow Icon
Web Programming Tutorial Slides Designed by Tao Cheng CS 411, Spring 2011
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Announcements There are 6 Feedback questions regarding this status of this class. PLEASE respond to these survey questions, so that we may improve the class. https://agora.cs.illinois.edu/display/cs411s p11/Feedback
Background image of page 2
What is Web Development? Web development is a broad term for any activity related to developing a web site for the World Wide Web or an intranet. Usually refers to the non-design aspects of writing markup and coding
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Why Web Programming One of the choices for building applications around DBMS (the front end) Many database applications require easy access to serve the public
Background image of page 4
The Objective of This Lecture To give you a very high-level overview of some of the tools for Web Programming Use several typical tools to show the basics of Web Programming Not meant for advanced Web developers We will assume minimal interaction with DBMS in this lecture to focus on the Web programming part
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Client Side Coding: Code that runs on the client side’s browsers HTML stands for HyperText Markup Language, and is the predominant markup language for web pages. It is written in the form of HTML elements consisting of "tags" surrounded by angle brackets within the web page content Javascript Formally called EMCAScript, Javascript is a ubiquitous client side programming tool, often implemented as part of a web browser in order to provide enhanced user interfaces and dynamic websites. It’s typically used to enable programmatic access to computational objects within a host environment. Applet and ActiveX . Applet (e.g. Java Applet): small application that performs one specific task, sometimes running within a larger program, perhaps as a plug-in. AJAX (Asynchronous Javascript And XML) Group of technologies that provides new methods of using Javascript, PHP and other languages to improve the user experience
Background image of page 6
Server Side Coding: Code that runs on the server’s side CGI (standard protocol for server-client communication) PHP (open source) ASP.NET (Microsoft proprietary) JSP (JavaServer Pages) Python , e.g. Django (web framework) (open source) Ruby , e.g. Ruby on Rails (open source)
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
“LAMP”: Open Source Solution, Bundle of Software Linux , referring to the operating system; Apache , the Web server; MySQL , the database management system (or database server); PHP or others, i.e., Perl , Python , the programming languages LAMP is easy to code locally and deploy, allows for cheap & ubiquitous hosting
Background image of page 8
Plan of the Lecture Client Programming HTML + Javascript Server Side programming using PHP (as in the LAMP architecture) Additional tools: Ajax, etc Demo
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Representing Data with HTML HTML is a language for describing web
Background image of page 10
Image of page 11
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

Page1 / 37

cs411-proj-webprogramming - Web Programming Tutorial Slides...

This preview shows document pages 1 - 11. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online