Comp 416 – Web Programming

University of North Carolina at Chapel Hill

Assignments

What you need to do

  • AJAX test page.
  • A JS gotchya to watch out for
  • Assignment 13 – Flashcards
  • Assignment 12 - Creating Tabs – sample solution
    • Rewrite and turn in Fri 11/9. Demo your assignment at start of class Fri.
    • Turn in only: cover page, JQ code for createTabs() and any other functions you write (do not turn in displayTabs()), the output HTML from running createTabs on the new skeleton.
    • There is a new skeleton for you to format. Ids have been taken out and additional structure added. For simplicity, background colors have been removed. You need show only one set of tabs; you do not have to put the old Working Tabs at the top of the page.
    • Two primary goals
      • createTabs() should work in general, not just on the specific example provided. Do not make any assumptions other than those listed in the assignment. In particular
        • The web page may have more than 1 tabReady div at the same level in the hierarchy of the page.
        • Remove the h2 header that appears in the tags
        • tabPanes themselves may contain tabReady divs
        • You know nothing about the tabPane divs other than they contain at least 1 h2, the first of which will be used as the label for the tab itself.
        • Be careful about descendant selector vs. child selector
      • Write jQuery in good *jQuery* style. You will not need arrays. Use lots of chaining. The jQuery examples from Assignment 11 represents the style of programming that utilizes the strength of jQuery.
  • Assignment 11 – Dynamic Formatting - a screen shot of the result
    • Development of solution
    • Sample solution - this file includes a sample solution to both biddingSequence and bridgeHand and other functions for adding citations and notes to the text of a web page. I have included these extra functions as an example of good jQuery code.
  • Assignment 10 – Primitive String Processing. Sample solution.
  • Assignment 9 – Shuffle 'Em Up. Sample solution.
  • Sample solutions to problems from Ch 4 Sebesta
  • Assignment 8 – Due Wed 9/26. Problems 6 and 11 from Chapter 4 Sebesta.
  • Assignment 7 – Getting started with JS. Due Monday 9/24. Problems 2 and 3 from Chapter 4 of Sebesta. Depending on your programming backgound, you may find this very challenging. Never fear. We will go over all these problems in detail. If you find this easy, write separate functions for each of the problems
  • Assignment 6 – Formatting Tabs. Sample solution . Average grade 3.6 / 4
  • Assignment 5 – Formatting Lists. Average grade 3.6 / 4
  • Assignment 4 – Layout with Blueprint
  • Assignment 3 – Specifying Presentation
    • Skeleton – copy this to get started
    • Basic solution - this includes some CSS not used in this assignment
    • Solution using Blueprint
    • Assigned: Fri 8/31, due Fri 9/7, handed back Mon 9/10, average grade 1.7 / 2
  • Assignment 2 – Lists of Lists of Lists
    • Copy the link for the 'Absolute minimal HTML5' template below and add to the body to create your web page.
    • Assigned: M 8/27, Due Wed 9/5, Handed back Fri 8/31
    • Sample solution
  • Assignment 1 – HTML This Assignment
    • The 'Skeleton' link below is an unformatted version of a web page describing an assignment. You will copy this file, edit it to add appropriate HTML tags to make it reasonably well organized and formatted.
    • Skeleton – copy this and modify it
    • Assigned: Fri 8/24, Due Wed 8/29, Binary grading
    • Sample solution 1
    • Sample solution 2

The first several assignments are very short and simple. Grading is binary – if you turn in your assignment on time you get full credit (1 point) otherwise a 0.

Templates for web pages