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