Expected Learning Outcomes

Using interactive pedagogy in lecture and experiential learning in the lab, the course covers the following topics:

1. Infrastructure
   Networks, Databases, and Markup Languages
2. Server-Side
   Servers, Webapps, and Architecture
3. Client-Side
   CSS, JavaScript, and DOM
4. Mobile Apps & Web Science
   Mobile Apps and Web Science

The Expected Learning Outcomes [ELOs] are broken down per topic below. After completing a topic, the student is expected to be able to achieve the tasks listed after it. All assessment tools in the course are based on these ELOs.

1. Name the five layers in the Internet model (aka TCP/IP Protocol Suite), describe the role that each plays, and provide examples of the protocols. Justify the use of layers and explain the terms: protocol, MAC address, IP address, port number, DNS, state-less protocol.
2. Given a computer, use tools to answer questions about its connectivity. The tools may include: wireshark, ping, tracerout; ip / if config, netstat; and DNS commands.
3. Explain how HTTP works and describe its syntax, methods, and various headers. Use telnet to connect to a given http server and capture its response. Use firebug to analyze http traffic.
4. Describe the four main goals of network security and provide a few examples of security attacks.

1. Justify the need for DBMS, given that programming languages come with rich I/O libraries, and define the meaning of the terms: DDL, DML, DBA, multi-tier DBMS architecture, and concurrency.
2. Describe the syntax of the SQL SELECT statement and explain the significance of the various keywords, clauses, and functions associated with it, e.g. distinct, where, order by, group by, having, like, count(), length(), substr(), etc.
3. Given the URL of a database, use a frontend to connect to it and generate a report based on a given requirement.
4. Given the URL of a database, write a Java program that connects to it via JDBC and retrieves information from, or adds a row to, a given table.

1. Describe the syntax rules of html and explain the difference between well-formed and valid. State the meaning of the html-related terms: element, attribute, root, whitespace, entity and character references, and an empty element.
2. Explain the difference between semantic markup (html) and presentation (css). Define the terms: article, section, header, footer, aside, nav, address, and time.
3. Create an HTML page with a specified content and structure. The specs may involve lists, tables, and a variety of fundamental elements such as anchors and figures.
4. Create an HTML page that contains forms. Each form may include buttons, various input elements, and template text.

1. Describe in general what web servers do, and explain in details the steps taken by a web server when a request for a static page arrives.
2. Configure a directory so that Apache can serve its content when requested.
3. Add confidentiality to the above configuration.
4. Add authentication to the above configuration.

1. Compare and contrast serving a static page versus a dynamic one. Explain the steps that a web server takes to respond to a dynamic page request.
2. Write a CGI script that responds to a FORM according to a given functionality, e.g. determine if a parameter is a prime number after validating it.
3. Describe how a code injection attack works and demonstrate by building an example.
4. Explain the meaning of the terms: phishing and spoofing in the context of web security and demonstrate by building examples.

1. Explain how cookies can be used to maintain a session over a stateless protocol. Describe other mechanisms for managing and persisting sessions.
2. Describe multi-tier computing and state its advantages. Apply by building a 3-tier webapp that involves forms, session management, and a database.
3. Describe how a SQL injection attack works and demonstrate by building an example.
4. Explain the MVC Design pattern and the three approaches to developing web applications.

1. Describe in general terms the capabilities of style sheets and the main advantages of using them.
2. Explain the syntax of CSS rules and define its associated terminology. In particular, describe how selectors can be combined and provide examples that use tags, IDs, classes, and pseudo classes.
3. Given one or more style sheets and an HTML document, use cascading and inheritance rules to determine how a particular element should be styled.
4. Create a CSS so that a given HTML document will be rendered in a specified way.

1. JavaScript is a dynamically typed language. Explain the meaning of this by contrasting JavaScript with a statically typed language. Provide examples of JavaScript types and how they are determined and converted.
2. JavaScript supports functional programming. Describe the functional capabilities of this language and show how functions can be used to implement abstraction.
3. JavaScript is object based but is different from traditional object-oriented languages. Explain this difference and provide examples of JavaScript objects, object creation, and object-related capabilities.
4. Write a JavaScript program that implements a given functionality.

1. Explain the DOM view of a document and provide examples that demonstrate the DOM API.
2. Describe the event model and provide examples of intrinsic and DOM events.
3. Build a client-side system capable of displaying a form and validating its fields before submission. Use a variety of events (such as onsubmit and blur) and a combination of alert and DOM to display error messages.
4. Create a JavaScript program to implement a given user interface functionality. The functionality can include displaying or modifying the DOM tree of the current document.

1. Explain the difference between AJAX and form submission
2. Create a BlackBerry widget that uses AJAX to communicate with a server-side webapp which, in turn, communicates with a database server.
3. Explain the widget development cycle including the use of simulators, widget signing, and app loading.
4. Build a widget the uses local features on the BlackBerry smartphone.