CS222 Schedule

Class Meetings: Tuesday and Thursdays 9:25 pm - 10:40 pm

WEEK 1


September 1, 3


Topics:

  • Acquire a Web Host by the end of week 1
  • Static Web Pages vs Dynamic Web Pages
  • TCP/IP and Packet Switching
  • Open Source Software Tools
  • FTP and Unix

Assignment 0:

Create a Personal Assignment Page on a Web Host



Required Reading from W3 Schools:
    HTML5 Intro, HTML5 Style Guide, HTML Basic, HTML Elements, HTML Attributes, HTML Headings, HTML Paragraphs, HTML Styles, HTML Formatting, HTML Quotations, HTML Comments, HTML Colors HTML CSS, HTML Links, HTML Images, HTML Tables HTML Lists, HTML Blocks


Lecture Videos for Review:
    cs222video0
    cs222video1
    cs222video2

WEEK 2


September 8, 10


Topics:

  • HTML5
  • Chrome Dev Tools

Assignment 1:

WebPage with classic HTML



Required Reading from W3 Schools:
    JS Introduction, JS Where To, JS Output, JS Syntax, JS Statements, JS Comments, JS Variables, JS Operators, JS Arithmetic, JS Assignment, JS Data Types,


Lecture Videos for Review:
    cs222video3
    cs222video4

WEEK 3


September 15, 17


Topics:

  • DOM
  • CSS Divisions and Style priorities - Mockup Practice

Assignment 2:

My Excellent Day & Schedule



Required Reading from W3 Schools:
    JS Functions, JS Objects CSS Introduction, CSS Syntax, CSS How To, CSS Colors, CSS Backgrounds, CSS Borders, CSS Margins, CSS Padding, CSS Height/Width, CSS Box Model, CSS Outline, CSS Text,
    CSS Fonts, CSS Links, CSS Lists, CSS Tables, CSS Display, CSS Max-width, CSS Position, CSS Overflow, CSS Float, CSS Inline-block, CSS Align, CSS Combinators, CSS Pseudo-class, CSS Opacity, CSS Navigation Bar, CSS Dropdowns, CSS Tooltips CSS Attr Selectors, CSS Website Layout, BS Get Started


Lecture Videos for Review:
    cs222video5
    cs222video6
    cs222video7
    cs222video8

WEEK 4


September 22, 24

Topics:

  • Building a Responsive Framework
  • Bootstrap

Assignment 4:

Responsive WebPage with Navigation Menu



Required Reading from W3 Schools:
  1. Read through all topics under JS Objects:
  2. Object Definitions
  3. Object Properties
  4. Object Methods
  5. Object Display
  6. Object Accessors
  7. Object Constructors
  8. Object Prototypes
  9. Object ECMAScript
  10. Object Classes


Lecture Videos for Review:
    cs222video9
    cs222video10

WEEK 5


Sept 29 - Oct 1

Topics:

  • JavaScript Syntactic Characteristics
  • Using document objects in JavaScript
  • Introduction to jQuery

Assignment 5:

Conversion App & Monty Hall Game




Required Reading from W3 Schools:
    JS Objects, JS Scope, JS Events, JS Strings,
    JS String Methods, JS Numbers, JS Number Methods, JS Math,
    JS Random. JS Type Conversion, JS RegExp, JS Style Guide,
    JS Best Practices, JS JSON


Lecture Videos for Review:
    cs222video11 - Debugging in Chrome

WEEK 6


October 6, 8

Topics:

  • Building frontend apps using JavaScript
  • Debugging with Chrome's Dev Tools

Assignment 6:

Runner Aide App




Required Reading from W3 Schools (JavaScript, HTML, DOM):
    DOM Introduction, DOM Methods, DOM Document, DOM Elements,
    DOM HTML, DOM CSS, DOM Animations, DOM Events,
    DOM Event Listener, DOM Navigation,


Lecture Videos for Review:
    cs222video12 - HTML5 Canvas

WEEK 7


October 15

Fall Break October 12 - 13




Topics:

  • HTML5 and Local Storage (localStorage Object)
  • Model Viewer Controller Architecture (MVC)

NO ASSIGNMENT THIS WEEK




Required Reading from W3 Schools:
    DOM Nodes, DOM Collections,
    DOM Node Lists
    JS Forms,


Lecture Videos for Review:
  1. cs222video13 - Local Storage
  2. cs222video14 Drawing

WEEK 8


October 20, 22

Exam 1 Thursday October 22




Topics:

  • Review for Exam 1

Assignment 7:

Texting Tutor App
Assignment will be done in class.




Required Reading from W3 Schools:
    PHP Intro, PHP Syntax, PHP Variables, PHP Echo/Print,
    PHP Data Types, PHP Strings, PHP Constants


Lecture Videos for review:
  1. cs222video15 Reading Data from a File
  2. cs222video16
  3. cs222video17 Download Backend Software

WEEK 9


October 27, 29

Topics:

  • Reading File Data
  • Introduction to PHP
  • Reading a file


NO ASSIGNMENT THIS WEEK




Required Reading from W3 Schools:
    PHP Operators,
    PHP If statements, PHP Switch, PHP for Loops, PHP Functions,
    PHP Arrays

    PHP Form Handling, PHP Form Validation


Lecture Videos for review:
  1. cs222video18 Intro to PHP
  2. cs222video19 PHP and Forms

WEEK 10


November 3, 5

Topics:

  • PHP forms and tools
  • PHP POST and GET
  • File input using PHP
  • PHP Language constructs

Assignment 8:

Binary Conversion App using PHP




Required Reading from W3 Schools:
    PHP File Handling, PHP File Open/Read, PHP File Create/Write,
    PHP File Upload, PHP Cookies


Lecture Videos for Review:
  1. cs222video20 PHP Working with Files
  2. cs222video21 Regular Expressions JSON

WEEK 11


November 10, 12

Topics:

  • Regular Expressions REGEX
  • JSON
  • PHP Practice Applications
  • PHP with JavaScript
  • MySQL

NO ASSIGNMENT THIS WEEK


Required Reading from W3 Schools:
    PHP Examples, PHP Quiz
    MySQL Database, MySQL Connect, MySQL Create DB,
    MySQL Create Table, MySQL Insert Data,
    MySQL Get last ID, MySQL Insert Multiple,


Lecture Videos for Review:
  1. cs222video22 PHP PHP and My SQL
  2. cs222video23 MySQL Web Application

WEEK 12


November 17, 19

Topics:

  • Introduction to MySQL Database
  • Integration of AI Tools: AI Assisted Development
  • Data Collection
  • Chatbot interfaces
  • Final Project announced

Assignment 10:

Culinary Quiz App




Required Reading from W3 Schools:
    MySQL Prepared Statements, MySQL Select Data,
    MySQL Delete Data, MySQL Update Data

WEEK 13


November 24

Thanksgiving Break November 25-27

NO ASSIGNMENT THIS WEEK



NO CLASS THIS WEEK

WEEK 14


December 1, 3

Topics:

  • More practice with MySQL Database, JSON, JavaScript, and PHP
  • Integration of AI Tools: AI Assisted Development
  • Data Collection
  • Chatbot interfaces

Final Project is Due December 13th


OPTIONAL Readings From W3 Schools:
    MongoDB,
    TypeScript,
    Node.js