Class activities will be recorded here.

For weeks in the future, consider this a plan subject to change. For weeks in the past consider it a record of what we have done. As for the current week, keep a watch for updates and changes.

Individual video links appear next to lectures when available. There is also A CT 310 Video Portal where all videos are available, including a link to the live streaming of a current lecture while it is taking place.

Week 1 : January 17 - January 23

• Mon

  Holiday - No Class

  Wed

  Introduction (video)
  Structure and goals of the course along with a few broad aspects of the web.
  Traceroute video

  Fri

  HTML Basics (video)
  Basic HTML introduction with suggestions how to learn more on your own.
  Basic introductory examples used in lecture

Week 2 : January 24 - January 30

• Mon

  Cascading Style Sheets (CSS) Introduction (video)
  HTML is content while CSS defines how it appears. Here we begin to introduced CSS.

  Wed

  More CSS through the Cascading Style Sheep (video)
  About 20 major CSS properites illustrated in a sequence of 4 examples.
  Cascading Style Sheep examples

  Fri

  Chapters 1 to 3 for Monday
  All new, Sheep Styling for 2016 (video)
  Centering divs, styling divs, headers and footers, Google Fonts and a simpler take on styling.
  Reach the examples through the previous lecture

Week 3 : January 31 - February 6

• Mon

  Server Side Programming (video)
  Why server side programming and the first taste of PHP. Also, basic review of public_html, permissions, etc.

  Wed

  PHP Basics (video)
  Basics of PHP including built in support for dates and client information.
  PHP Lecture Examples

  Fri

  PHP and HTML Form Processing (video)
  More PHP covering SERVER information, control flow and basic form processing.

Week 4 : February 7 - February 13

• Mon

  PHP Iteration, email and file I/O (video)
  Iteration and generating repetitive code along with email handling and File I/O

  Wed

  PHP Arrays as Property Lists (video)
  Introduction to arrays emphasizing keyword value capabilities.
  Examples for this and the next three lectures

  Fri

  Mapping functions over Arrays (video)
  Introduction to the array reduction function. Emphasis on value of thinking outside the Loop

Week 5 : February 14 - February 20

• Mon

  Mapping and String Manipulation. Arrays of Objects (video)
  Introduction to PHP objects and further the value of using arrays of objects. Also, mapping to construct strings.

  Wed

  Put it all Together: Mapping, Arrays, Objects and Tables
  In the examples presented in this lecture the key ideas of arrays, object, mapping and automatice HTML table generation are all put together
  No video today due to missing audio.

  Fri

  Broad Overview of Authentiation and Identity (video)
  Stepping back to review in broad terms appraches to establishing users and user identity

Week 6 : February 21 - February 27

• Mon

  Persistent User Data and Authentication (video)
  Back into details including storing user data in CSV files and managing user access with more modern PHP password hashing
  Examples used in this lecture

  Wed

  Midterm 1 Preparation. (video)
  Student lead review session in preparation for Midterm 1
  Things You Know for Midterm 1

  Fri

  First Midterm Exam
  Exam will be held in CSB 110 using CANVAS. It is closed book, closed notes, closed everything but CANVAS

Week 7 : February 28 - March 5

• Mon

  Introduction to Databases (video)
  Servers everywhere: MAMP/LAMP/WAMP - looking at databases in genereal and MySQL in particular.
  MySQL commads to create 2 versions of a simple music database

  Wed

  Introduction to MySQL (video)
  The simple examples motivating relations and demonstrating MySQL.
  Link to SQLite compatible music examples

  Fri

  SQLite and Introduction to Extended Web Example (video)
  Introducing SQLite and simple example (see link from previous lecture). A first look at an integrated PDO SQLite site
  Here is the PDO SQLite website example

Week 8 : March 6 - March 12

• Mon

  More on SQLite and PDO through an Example (video)
  Careful review of the PHP code that constructs the music database.

  Wed

  The PDO SQLite music example continued (video)
  Review of coding style, database creation, sorted queries and pagination.
  Here is a fuller and updated version of the PDO SQLite example

  Fri

  More on PDO, PHP and SQLite (video)
  Selection of data from the database along with sorting and searching and updating.
  Use the example, see link from previous lecture, to thoroughly review database interaction with a site.

Week 9 : March 13 - March 19

• Mon

  Spring Break

  Wed

  Spring Break

  Fri

  Spring Break

Week 10 : March 20 - March 26

• Mon

  File Upload Management (pdf) (video)
  Extended example showing image file upload capabilities.
  Here is the extended example site. Uploads will not work on CS Server

  Wed

  Lecture Cancelled University Closed

  Fri

  Javascript Introduction I (pdf) (video)
  First set of JavaScript Examples

Week 11 : March 27 - April 2

• Mon

  Javascript Examples (pdf) (video)
  JavaScript Examples emphasizing timed events and client side dynamic content

  Wed

  Midterm 2 Preparation (video)
  Student initiated review session using the 33 three Things You Now Know.
  Midterm 2 Review Sheet: 33 Things You Now Know

  Fri

  Second Midterm Exam
  Exam will be held in CSB 110 using CANVAS. It is closed book, closed notes, closed everything but CANVAS

Week 12 : April 3 - April 9

• Mon

  Color, Images and Image Formats (pdf) (video)
  How do people perceive color and thus why RGB. Then representing and using images including anti-aliased text and alpha blending
  Examples used in this lecture and the next

  Wed

  Image Formats Continued (video)
  Finish discussing images and in particular image formats

  Fri

  Introduction to AJAX (pdf) (video)
  Introduction to AJAX working to reveal the true basics
  Examples used in this lecture

Week 13 : April 10 - April 16

• Mon

  AJAX Continued and JSON (video)
  Finish introduction to AJAX including introduction to JSON

  Wed

  jQuery (pdf) (video)
  Introduction to jQuery including basic protocol and syntax
  Examples used in this lecture

  Fri

  jQuery and AJAX (video)
  Careful walk through of how to use jQuery to do AJAX updates to a table

Week 14 : April 17 - April 23

• Mon

  HTML 5 Drawing and Video Embedding (pdf) (video)
  More about drawing using HTML5 and also how to embed videos on a page
  Examples used in this lecture

  Wed

  Web Design Considerations Part 1 (pdf) (video)
  First part of a two part lecture on web design principles and practical implications

  Fri

  Web Design Considerations Part 2 (pdf) (video)
  More web design principles and examples

Week 15 : April 24 - April 30

• Mon

  Frameworks & Bootstrap in Particular (pdf) (video)
  At the risk of uniformity frameworks give developers a huge boost in productivity and functionality
  Documentation and Examples from Getbootstrap
  w3schools Bootstrap Tutorial

  Wed

  What is a CMS using WordPress to Illustrate (pdf) (video)
  If content must come from individuals without specialized web expertise then a CMS is pretty much the only way to go

  Fri

  Wordpress in Daily Use (video)
  Guest Lecture by Local Web Developer Amber Hinds

Week 16 : May 1 - May 7

• Mon

  Project 3 Q & A then Quick 42 Site Content/Style review (video)
  Project 3 questions and answers followed by very quick overview of 42 sites recommended at the start of class

  Wed

  Guest Lecture by Jake Wilson, Front-End Developer Lead for OtterBox (video)
  A glimpse into how a modern complex website becomes real and grows

  Fri

  Review for the Final Exam
  Studen driven comprehensive review and course evaluations
  Last third of the semester review sheet

Week 17 : May 8 - May 15

• Tues

  FINAL EXAM: 7:30 to 9:30AM May 10th