Preamble

  • Department: Information Systems
  • Course Title: Web and Application Development (MSIS 617)
  • Credit Hours: 3
  • Location: 27 West 23 rd St, Lab 605
  • Day and Time: Thursdays, 6:15 PM – 9:15 PM
  • Instructor: Roy Vanegas
  • Email Address: roy.vanegas@touro.edu

Prerequisite

Completion of required prerequisite “bridge” courses (if applicable). You should also have a fundamental idea of basic programming constructs, such as arrays, loops, and functions.

Description

Introduces the development of Internet-based applications using client/server-side scripting. Modern programming principles and best practices related to web and application development are reviewed, as well as the creation of dynamic websites and mobile applications. The course addresses organizational concerns about web applications, maximum use of technology in today’s market, and retention of data integrity. Students develop and implement dynamic, interactive, database-driven client/server applications using various technologies.

Learning Outcomes

Upon successful completion of this course, you will...

  • understand the distinct design tools for a web site’s structure, style, and functionality
  • be able to use CSS to design page layouts to specifications
  • be able to use JavaScript to handle web page events and forms used in interactive web applications, shopping carts, etc
  • be able to design web sites intended for a variety of browsers, including mobile browsers
  • be able to manage and reference files associated with multi-page web sites
  • be able to apply HTML markup to design the structure of web pages, including HTML5
  • be able to apply CSS formatting and layout styles to web pages, including CSS3
  • understand the cascade rules regarding inline, internal and external style sheets
  • be able to write event-driven JavaScript code that references elements of the Document Object Model
  • be able to dynamically generate and manipulate document elements using DHTML
  • the many elements of a web application, from server to database to user
  • the primary components of a web server
  • the basic elements of a server-side language, such as PHP

Program Objectives

The program objectives of this course are as follows:

  • Demonstrate the ability to design & develop an information system solutions to best serve the needs of an organization
  • Understand how to administer and manage current information technologies
  • Demonstrate the ability to effectively present ideas in a logical framework in a variety of forms with proper language structure and mechanics

Schedule

Note: we won’t be meeting on 25 September, 9 October, 16 October, and 27 November. We will be meeting on Monday, 24 November, instead of Thursday during the Thanksgiving holiday.

WeekTopics
1
(September 4)
  • A brief history of the Internet
  • An introduction to the web stack
2
(September 11)
  • The fallacy of pixel perfection
  • HTML
    • Getting HTML5 right
    • Writing semantic HTML
    • Character sets
    • The HTML doctype
    • The head section section of an HTML document
    • Web layout engines
    • Special HTML entities
3
(September 18)
  • HTML
    • Block level elements, inline elements, replaced elements, non-replaced elements
    • Content- and physical-based styles
4
(October 2)
  • HTML
    • Final formal HTML discussion, covering all of the following: <html>, <head>, <meta>, <title>, <script>, <link>, <h1...h6>, <header>, <footer>, <figure>, <figcaption>, <main>, <img>, <iframe>, <table>, <thead>, <tbody>, <tfoot>, <tr>, <th>, <td>, <ol>, <ul>, <dl>, <span>, <div>, <kbd>, <dfn>, <br>, <hr>, <aside>, <audio>, <video>, <strong>, <style>, <nav> <p>, <b>, <strong>, <em>, <i>.
5
(October 23)
  • CSS
    • Embedded/internal styles
    • External styles
    • Inline styles
    • Length units
    • The cascade
6
(October 30)
  • Exam 1
  • CSS
    • Normal declarations
    • !important declarations
    • Typographical properties
    • WebFonts
    • Shorthand properties
    • The CSS box model
7
(November 6)
  • Review exam 1 answers
  • CSS
    • General syntax and nomenclature
    • Structure of a rule
    • Borders
    • The 4 combinators
    • The 11 selectors
    • The 13 structural pseudo-classes
8
(November 13)
  • CSS
    • Generated content
    • Interaction between floating elements and position properties
    • Normal declarations
    • Pseudo-classes
    • Pseudo-classes-structural
    • Pseudo-elements
    • Specificity
9
(November 20)
  • HTML Forms
  • CSS
    • The 9 float rules
    • The 4 position properties
    • Stacking contexts
    • Boxes and Effects
    • Transformations
    • Transitions
10
(November 24)
  • Project 1 due
  • CSS
    • Responsive Web Design (media queries)
    • Color and backgrounds
    • Gradients
    • Browser-specific prefixes (also known as vendor-specific extensions)
    • IDs
    • Classes
11
(December 4)
  • Final project Q&A discussion
  • CSS
    • Sass
12
(December 11)
  • Final project due
  • More Sass
13
(December 18)
  • Exam 2 (final exam)

Code

Any code I need to share with you, including code I write during class, will be added to this section for you to download.

6 November 2014
Tables.
18 September 2014
An oversimplified first HTML document (with comments), along with some links.

Assigned Readings

There is no textbook for this course. Your assigned readings will be listed here as they’re assigned. Note: I rarely give out hard copy handouts of readings, opting instead for electronic documents.

Projects

  1. Project 1
  2. Project 2

Software Requirements

Whether you use Windows, Mac, or Linux, all the necessary software for this course is listed below. It’s all free and downloadable from their respective links.

Browsers

Download all the browsers available at Browse Happy.

Text Editor

The code you write will require a text editor. Mac users can download TextWrangler and Windows users can download Notepad++. Sublime Text 3 is also available for Mac, Windows, and Linux.

Web Developer Tools

Chris Pederick’s Web Developer Firefox add-on is a helpful HTML and CSS debugging tool.

A Link Checker

The W3’s Link Checker isn’t software you download, but a utility that verifies links on a web page so you don’t have to. Bookmark it.

A Command Line Interface

If you’re using a Mac or Linux, then you have a command line interface, or CLI, installed. On Windows, however, you have a limited UNIX CLI. You’ll need to download and install Cygwin.

A Compression/Decompression Utility

If you’re using Windows and you don’t have a compression/decompression utility, download 7-Zip, which is free and open source. Mac and Linux/UNIX users already have free compression utilities installed at the command line.

Grading

Grading Formula

Your grade for this course will be computed entirely on the following formula:

  1. Attendance (20%)
  2. Exam 1 (20%)
  3. Midterm project (20%)
  4. Exam 2 (20%)
  5. Final project (20%)

This grading formula will be adhered to strictly.

Important Note

Please, please do not try to negotiate a grade with me — before or after — any work due. By asking me to favor you (“I can’t have this class hurt my GPA,” “My student status depends on my doing well in this class,” or, “I need a B or better for my student loans”), you’re asking me to put you above your classmates. It’s a form of extortion, and I will remember your having asked me to treat you better than your peers.

Manage your time well; I do not accept late work.

Contact and Office Hours

My email address is roy dot vanegas at touro dot edu. However, you’re strongly advised to see me if you have questions, as I rarely ever do email nowadays. I’m available right before class, by appointment in the East Village area, or via Skype.