☞ CIS 270

cis 270 client-side web programming jbwyatt.com

You must have earned at least a "C" (A / B advised) in CIS 202 to take CIS 270. This is a programming course.

ASSIGNMENTS: 1: SIMPLE | 2: SIMPLEPLUS | 3: TWOTUTORS | 4: FIBFIZZ | 5: CANVAS | 6: SKI | 7. VALIDATE | help | tryIt | b

Student is responsible for notes, readings and classroom discussions. Notes may be changed, emphasized, re-ordered or skipped over.

I.
Text Notes:

ch01 - Intro to Web Development Slides

ch04 - XHTML Crash Course Slides

ch05 - CSS Crash Course Slides

ch02 - Code a javaScript App Slides

Code: HTML, CSS and JavaScript

TEST 1: CAP

II.
Text Notes:

ch03 - Test & Debug a JavaScript App Slides

ch06 - Get Input & Display Output in JS Slides

ch07 - Numbers, Strings and Dates in JS Slides

ch08 - Coding JS Control Statements Slides

Code: HTML, CSS and JavaScript

TEST 2: CAP

III.
Text Notes:

ch13 - DOM Scripting Slides

ch10 - Create & Use Functions in JS Slides

ch09 - Create & Use Arrays in JS Slides

ch12 - RegExp & Validate Data in JS Slides

Code: HTML, CSS and JavaScript

TEST 3: CAP

. course intro, about CIS

. web intro / tags | sample of tags we use

. w3: web primer | html intro | tag reference

. w3: try it online | examples @ w3

. an ALL-html 1 page example | w3 site design

. w3: xhtml rules | validating xhtml

. validation header example & rules

. css (w3): css intro | syntax | style | how to insert

. css (w3): background | text | font | links | lists

. css (w3): examples | w3 multiple styles demo

. css: common properties | selectors | cascade

. css (w3): box model | grouping | dimension

. css: w3 reference | w3 reference[a-z]

. css (w3): display | positioning | float | align

. zengarden.com | plain | +style | ++images

. colors (w3): web colors | names | hex values

. calculator | what the hex? | allrgb pix | 2^24

. js intro | document.write() | alert, prompt, write

. js control structs | OUR js rules

. my examples: loops, if, prompt, alert

. DOM intro | node tree | Id Attrib | Id Selector

. methods | DOM events | DOM examples

. my examples: using getElementById and innerHTML

. my examples: javascript/css navigation

. my examples: DOM manipulation

. my examples: DOM, Hide/Display, Report

. jsfiddle: get account & email a fiddle to me

. my validation | forms | isNaN | charAt | match

. validating forms | input

. validate strings,dates | (js) (css) | indexOf

. functions | tryit | event handlers

. functions & params & return: 1 | 2 | 3 | task list (js)

. math | math obj: try it | global # functions

. my examples: math and the canvas tag

. js ski game | breakout | gol | cool js | !flood

. mozilla canvas | rectangle, circles | draw | !local ski

. arrays: intro | reference | my examples | ejs

. objects | strings | dates | create a new object

. !local scribble | kanji | lemoda js

Code Readability | Submit an Assignment | Honesty | About Grades | Syllabus (pdf) | D2L Login | !

TEXTS:
1. Murach's JavaScript and Dom Scripting by R Harris, 2009 [REQUIRED]
- (amz) (rent) (bookstore)
- (view source code) (download source code)
2. Murach's HTML, XHTML and CSS by A Boehm, 2010 [RECOMMENDED]
- (amz) (bookstore)
- (view source code) (download source code)

C A N V A S D E M O