CS 2680 Web Programming I
Week 1 - Introduction To WebDev
M: Syllabus
W: Intro to Web Development, HTTP, software tools
F: 'My First Webpage', FTP (lab 1)
Week 2 - Introduction to HTML
M: HTML basics, tags, syntax, file declaration '.html', DOM
W: HTML cont., anchors, images, local navigation, bookmark
F: Business advertisement (lab 2) Home/About Us/ Products
Week 3 - Cascading Style Sheets
M: CSS syntax, inline, internal, external, background, text, etc.
W: CSS id and classes, multi rule declarations, multi .css
F: Business advertisement with style (lab 3)
Week 4 - CSS Box Model
M: CSS Box Model, border, margin, etc. display inline vs block
W: CSS float, clear, rule-set, psuedo-class :hover
F: Basic Web Page Layout (lab 4) header, left, content, footer
Week 5 - Web Design Layouts -- Project I
M: Business/block/forum/simple layouts, positioning abs, rel, fixed
W: Fixed vs relational vs reactive, px vs % vs @media
F: Convert fixed to relational + reactive
Week 6 - JavaScript
M: JavaScript syntax, internal, external, debugging tools, alert
W: JS var, datatypes, scope, assignment op, prompt, confirm
F: HTML by JS, prompt for values, display page (lab 6)
Week 7 - JavaScript continued
M: JS operators [arith, comparison, logic], mixed datatype comparison
W: if, if else, if elseif else, datatype conversion, Numbers, Math lib
F: Rock Paper Scissors (lab 7)
Week 8 - Functions
M: Function definitions, calls, tracing, parameters
W: Parameters continued, returned values, events
F: Multiplication Chart (lab 8)
Week 9 - Looping and JS Arrays
M: Intro to loops, counters, running total, sentinel, random()
W: Intro to js arrays, processing arrays, and array functions
F: DiceGame (lab 9)
Week 10 - JS Objects -- Project II
M: Intro to JS Objects
W: Array of JS Objects
F: Project II and Project Proposal Paper
Week 11 - HTML Forms and JS validation
M: Forms, input type, validation, location redirects
W: Handling user input, Regex
F: Form validation (lab 11)
Week 12 - Bootstrap and jQuery
M: Bootstrap basics -- Project II and Proposal due
W: jQuery syntax and basics
F: Blog using bootstrap (lab 12)
Spring Break April 15 - 19
Week 13 - Bootstrap and jQuery cont. -- Final Project
M: Bootstrap basics
W: jQuery syntax and basics
F: Blog using bootstrap and jQuery (lab 13)
Week 14 - WebDev extended
M: jQuery events and animation
W: XML, JSON, AJAX
F: Pagination with jQuery and AJAX (lab 14)
Week 15 - Final Project Due
M: Final Project inclass help
W: Presentations
F: **********
**schedule is subject to change