1 / 9

Topic 1 : The Internet and the Web

CS 215 Web Oriented Programming Review Dr. Orland Hoeber orland.hoeber@uregina.ca http:// www.cs.uregina.ca /~ hoeber /cs215/. Topic 1 : The Internet and the Web. The Internet vs. the Web Internet technologies protocols IP addressing domain names The Web web servers and web browsers

clinton-gomez
Download Presentation

Topic 1 : The Internet and the Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CS 215Web Oriented ProgrammingReviewDr. Orland Hoeberorland.hoeber@uregina.cahttp://www.cs.uregina.ca/~hoeber/cs215/

  2. Topic 1: The Internet and the Web • The Internet vs. the Web • Internet technologies • protocols • IP addressing • domain names • The Web • web servers and web browsers • client-server architecture • URLs • MIME • HTTP

  3. Topic 2: Interface Design & Sketching • Interface design • Usability requirements and goals • Design principles • grid-based organization • hierarchical navigation • consistency • subtlety when drawing attention • Sketching and storyboarding • Usability

  4. Topic 3: HTML/XHTML/HTML5 • Difference between HTML, XHTML, and HTML5 • benefits/drawbacks of XHTML • why use HTML5 with XHTML rules? • Basic HTML5 • document structure (doctype, html, head, body) • core tags • lists • tables • forms • new HTML5 organizational tags • XHTML rules

  5. Topic 4: CSS • Relationship between CSS and HTML • CSS details • different levels (inline, document level, and external) • selectors (simple, universal, class, generic, id, contextual, pseudo-class) • general form of a property-value specification • what can be manipulated; how to manipulate it • box model (borders, margins, padding) • positioning • conflict resolution rules

  6. Topic 5: JavaScript Fundamentals • Fundamental JavaScript • embedding JavaScript in HTML documents • when is it executed? • basic syntax • rules for coercion and explicit type conversions • objects • arrays • functions • constructors • regular expressions

  7. Topic 6: JavaScript & HTML Documents • Client-side JavaScript • important objects (window, document) • DOM • element access methods (address, name, id) • event handling • difference between DOM 0 and DOM 2 • events • event handlers and handler registration • DOM 2 event model • event propagation (capturing, target mode, and bubbling phases) • event object

  8. Topic 7: JavaScript & Dynamic Documents • Dynamic HTML • changing CSS information • changing HTML content (forms, other tags) • traversing the DOM and changing elements • capturing mouse events • basic animation • using setTimeout and setInterval • drag and drop • dynamic event registration

  9. Sample Question Add to a simple web page a mouse event logger with the following requirements: • the log is stored in a placeholder <div> that is position to the right of the page • toggle the visibility of the log when the user clicks on the <h1> tag on the page • whenever the user clicks on any html element on the page, the click event is added to the log, with the id of the object that was clicked and the position of the mouse

More Related