CS 412: Web Application Development

Professor Adler's Online Fall 2021 Dynamic Course Outline

Download Syllabus

 Week Topic Videos HW Due
1: (Ending Aug 26) Introduction to HTML [NOTES] Introduction Videos:
  1. An HTML Page
  2. Structure Of an HTML5 Page
  3. View HTML source on any webpage
  4. Separation of Concerns
  5. Basic HTML Elements
Screenshots:
  1. D2L Toggle to HTML mode (see arrow)
  2. Use HTML from D2L
  3. The result
2: (Ending Sep 2) HTML Basics [NOTES][Summary] HTML Videos:
  1. Using Replit
  2. Why use the name index.html?
  3. HTML Links
  4. HTML images
  5. HTML Ordered and Unordered List

Due Thursday Sep 2 before 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for Introduction to HTML (week ending Aug 26). Complete the D2L Quiz titled HTML Quiz 1.
  2. (By Thursday) Go to the D2L discussion board titled Getting Comfortable with D2L:
    1. Create a new thread and introduce yourselves to me: What grade do you teach? What subjects? Anything particular you hope to get out of a Web Development Course? Anything else I should know?
    2. Via D2L - switch to HTML mode and try out two html tags we learned (see screenshots).
    3. Specify the two you tried out. (Remember to do it in HTML mode.)
    4. View your classmates posts to see what they tried out and reply to at least 2 of their posts.
    5. (Optional Additional Challenge: Try out more more than two. Add HTML in your replies by switching to HTML mode.)
3: (Ending Sep 9) CSS Basics [NOTES] [Summary] Videos:
  1. Including_CSS_Stylesheets
  2. CSS_-_Intro
  3. CSS_-_Classes_and_IDs
  4. CSS_-_Div_and_Span
  5. CSS__font_size_px_vs_em_vs_percent
  6. CSS_Rules

Due Thursday Sep 9 BEFORE 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for HTML Basics. Complete the D2L Quiz titled HTML Quiz 2.
  2. (By Thursday) Create Your Own Homepage!
4: (Ending Sep 16) CSS Box Model and More [NOTES] [Summary] Videos:
  1. CSS_links
  2. CSS_Box_Model_-_Borders_Margins_and_Padding
  3. CSS_Box_Model_-_Inside_the_Code
  4. CSS_CenteringTextImagesMore

Week Swap: Tuesday is Class and Thursday is Peer Leader session

Due Thursday Sep 16 before 4pm

  1. (Tuesday) Read the posted lecture notes (on CSS Basics) and watch all videos. Complete the D2L Quiz titled CSS.
5: (Ending Sep 23) Lists and Tables [NOTES] [Summary] Videos:
  1. HTML_-_Table (Note: We will do borders in CSS see next video)
  2. CSS_Table_Options

Due Thursday Sep 23 before 4pm

  1. (Tuesday - Will be worked on Thursday Sep 16) CSS Basics
  2. (Thursday - Will be worked on Tuesday Sep 21) CSS Box Model
6: (Ending Sep 30) Javascript Basics [NOTES] [Summary] Videos:
  1. alertr_Prompt_parseFloat_and_more
  2. GetElementByID - innerhtml

Due Thursday Sep 30 before 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for Lists and Tables. Complete the D2L Quiz titled Tables.
  2. (By Thursday) Lists and Tables
7: (Ending Oct 7) JavaScript: Events and Forms [NOTES] [Summary] Videos:
  1. Using functions: onclick, onmouseover, onmouseout
  2. Form and onclick

Due Thursday Oct 7 before 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for JavaScript Basics. Complete the D2L Quiz titled JavaScript.
  2. (By Thursday) JavaScript: Mad Libs
8: (Ending Oct 14)  Forms, continued. [NOTES] [Summary]
Videos:
  1. Forms Introduction

Due Thursday Oct 14 before 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for JavaScript Events and Forms. Complete the D2L Quiz titled JavaScript Events and Forms.
  2. (By Thursday) JavaScript: Mad Lib Part 2 - in a Form
9: (Ending Oct 21)  HTML Project Submissions/Planning

Due Thursday October 21 BEFORE 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for Forms. Complete the D2L Quiz titled Forms.
  2. (By Thursday) Forms
  3. (By Thursday) Project Step 1: Choose Topic and Team
10: (Ending Oct 28) Understanding Client vs. Server: Uploading / Validating Webpages [NOTES]

(Optional) Bootstrap [NOTES][Summary]
Videos:
  1. FTP
  2. Validating Webpages
  3. Create a new HTML file in Visual Studio Code
  4. Using Visual Studio Code: Indentation
Optional Videos: (No assignment on this topic)
  1. Bootstrap - Grid Layout
  2. Bootstrap Image Gallery - Thumbnail

Due Thursday October 28 BEFORE 4pm

  1. (By Thursday) Project Step 2: HTML Submission
11: (Ending Nov 4)  Introduction to Server-Side Development with PHP [NOTES] [Summary] Videos:
  1. Getting Started with PHP
  2. PHP For Loops
  3. Arrays in PHP
  4. Associative Arrays
  5. Superglobals: GET and POST

Due Thursday October Nov 4 BEFORE 4pm

  1. (By Thursday) Uploading and Validating our Code
12: (Ending Nov 11) Working with Databases [NOTES] [Summary] Screenshot:
  1. phpmyadmin Screenshot
Videos:
  1. SQL: Create Insert Select
  2. SQL: Update and Delete
  3. INTEGER vs. DECIMAL

Due Thursday November 11 BEFORE 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for PHP. Complete the D2L Quiz titled PHP.
  2. (By Thursday) Project Step 3: CSS + JavaScript Submission
13: (Ending Nov 18) Navigation [NOTES]
Working with Databases from PHP [NOTES]

Video:
  1. From PHP: Insert into DB
  2. From PHP: Retrieve From DB

Due Thursday November 18 BEFORE 4pm

  1. (By Tuesday) Read the posted lecture notes and watch all videos for SQL. Complete the D2L Quiz titled SQL.
  2. (By Thursday) SQL Assignment
14:(Ending Nov 25)  Work on Projects
  1. (Tuesday November 23) Peer Leading Session - Work on Connect to DB from PHP assignment
  2. (Thursday November 25) Thanksgiving - No Class or HW Due
  3. (Tuesday November 30) Peer Leading Session - Work on Project Final Submission

15: (Ending Dec 2) Accessible Design [NOTES] Videos:
  1. Accessible Links
  2. Screen Reader Examples
  3. Colorblind Settings

Due Thursday Dec 2 BEFORE 4pm

  1. (By Tuesday) Connect to a database with PHP
  2. (By Thursday) Accessibility Lab (We will do this in Class on Thursday): Go to this website and complete ALL forms and games it takes you too: Accessibility Design Games
  3. Please complete the NEIU Course Evaluations
Finals Week: (Tuesday Dec 7)

Final Projects Due

Due Tuesday Dec 7 BEFORE 4pm

  1. (By Tuesday) Project Step 4: Server-Side + Final Website
    Note: There are 2 parts to this submission - Assignment Folder AND Discussion Board