CS222 Schedule

• Acquire a Web Host
  (NOTE: You MUST have a GoDaddy Host by the end of the week)
  
  
• Static Web Pages vs Dynamic Web Pages
• TCP/IP and Packet Switching
• Open Source Software Tools
• FTP and Unix

Assignment 0

cs222video0
cs222video1
cs222video2

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

• HTML5
• Chrome Dev Tools
• CSS

Assignment 1

cs222video3
cs222video4

JS Introduction, JS Where To, JS Output, JS Syntax, JS Statements, JS Comments, JS Variables, JS Operators, JS Arithmetic, JS Assignment, JS Data Types,

• DOM
• CSS Divisions and Style priorities - Mockup Practice
• Building a Responsive Framework
• Bootstrap

Assignment 2 and Assignment 3

cs222video5
cs222video6
cs222video7
cs222video8

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

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

Assignment 4

cs222video9
cs222video10

1. Object Definitions
2. Object Properties
3. Object Methods
4. Object Display
5. Object Accessors
6. Object Constructors
7. Object Prototypes
8. Object ECMAScript
9. Object Classes

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

Assignment 5

cs222video11 - Debugging in Chrome

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

• HTML5 and Canvas - Images and Drawing
• Practice with Building Front-end Apps: Creating a Fractal

Assignment 6

cs222video12 - HTML5 Canvas

DOM Introduction, DOM Methods, DOM Document, DOM Elements,
DOM HTML, DOM CSS, DOM Animations, DOM Events,
DOM Event Listener, DOM Navigation,

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

Assignment 7

1. cs222video13 - Local Storage
2. cs222video14 Drawing

DOM Nodes, DOM Collections,
DOM Node Lists
JS Forms,

• Reading File Data
• PHP tools
  week_9_NOTES.pdf

1. cs222video15 Reading Data from a File
2. cs222video16
3. cs222video17 Download Backend Software

PHP Intro, PHP Syntax, PHP Variables, PHP Echo/Print,
PHP Data Types, PHP Strings, PHP Constants

• PHP Forms
• PHP POST and GET
• Building PHP modules
• Reading a file
  
  
Week10Lab9Student.zip
Week10Lab10.zip

Assignment 8 Not due for a grade.

1. cs222video18 Intro to PHP
2. cs222video19 PHP and Forms

PHP Operators,
PHP If statements, PHP Switch, PHP for Loops, PHP Functions,
PHP Arrays

PHP Form Handling, PHP Form Validation

• File input using PHP
• PHP Language constructs
• Regular Expressions
• JSON

Assignment 9: Not due for a grade.

1. cs222video20 PHP Working with Files
2. cs222video21 Regular Expressions JSON

PHP File Handling, PHP File Open/Read, PHP File Create/Write,
PHP File Upload, PHP Cookies

• PHP Practice Applications
• PHP with JavaScript
• MySQL

Assignment 10
Assignment 11 - Will not be graded

1. cs222video22 PHP PHP and My SQL
2. cs222video23 MySQL Web Application

PHP Examples, PHP Quiz

MySQL Database, MySQL Connect, MySQL Create DB,
MySQL Create Table, MySQL Insert Data,
MySQL Get last ID, MySQL Insert Multiple,
MySQL Prepared Statements, MySQL Select Data,
MySQL Delete Data, MySQL Update Data

• Integration of AI Tools: AI Assisted Development
• Data Collection
• Chatbot interfaces

Outline of Final Project

Node.js
NoSQL
MongoDB

MongoDB,
TypeScript,
Node.js