1: (Ending Aug 26) |
Introduction to HTML [NOTES] |
Introduction Videos:
- An HTML Page
- Structure Of an HTML5 Page
- View HTML source on any webpage
- Separation of Concerns
- Basic HTML Elements
Screenshots:
- D2L Toggle to HTML mode (see arrow)
- Use HTML from D2L
- The result
|
|
2: (Ending Sep 2) |
HTML Basics [NOTES][Summary] |
HTML Videos:
- Using Replit
- Why use the name index.html?
- HTML Links
- HTML images
- HTML Ordered and Unordered List
|
Due Thursday Sep 2 before 4pm
- (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.
- (By Thursday) Go to the D2L discussion board titled Getting Comfortable with D2L:
- 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?
- Via D2L - switch to HTML mode and try out two html tags we learned (see screenshots).
- Specify the two you tried out. (Remember to do it in HTML mode.)
- View your classmates posts to see what they tried out and reply to at least 2 of their posts.
- (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:
- Including_CSS_Stylesheets
- CSS_-_Intro
- CSS_-_Classes_and_IDs
- CSS_-_Div_and_Span
- CSS__font_size_px_vs_em_vs_percent
- CSS_Rules
|
Due Thursday Sep 9 BEFORE 4pm
- (By Tuesday) Read the posted lecture notes and watch all videos for HTML Basics. Complete the D2L Quiz titled HTML Quiz 2.
- (By Thursday) Create Your Own Homepage!
|
4: (Ending Sep 16) |
CSS Box Model and More [NOTES] [Summary] |
Videos:
- CSS_links
- CSS_Box_Model_-_Borders_Margins_and_Padding
- CSS_Box_Model_-_Inside_the_Code
- CSS_CenteringTextImagesMore
|
Week Swap: Tuesday is Class and Thursday is Peer Leader session
Due Thursday Sep 16 before 4pm
- (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:
- HTML_-_Table (Note: We will do borders in CSS see next video)
- CSS_Table_Options
|
Due Thursday Sep 23 before 4pm
- (Tuesday - Will be worked on Thursday Sep 16) CSS Basics
- (Thursday - Will be worked on Tuesday Sep 21) CSS Box Model
|
6: (Ending Sep 30) |
Javascript Basics [NOTES] [Summary] |
Videos:
- alertr_Prompt_parseFloat_and_more
- GetElementByID - innerhtml
|
Due Thursday Sep 30 before 4pm
- (By Tuesday) Read the posted lecture notes and watch all videos for Lists and Tables. Complete the D2L Quiz titled Tables.
- (By Thursday) Lists and Tables
|
7: (Ending Oct 7) |
JavaScript: Events and Forms [NOTES] [Summary] |
Videos:
- Using functions: onclick, onmouseover, onmouseout
- Form and onclick
|
Due Thursday Oct 7 before 4pm
- (By Tuesday) Read the posted lecture notes and watch all videos for JavaScript Basics. Complete the D2L Quiz titled JavaScript.
- (By Thursday) JavaScript: Mad Libs
|
8: (Ending Oct 14) |
Forms, continued. [NOTES] [Summary]
|
Videos:
- Forms Introduction
|
Due Thursday Oct 14 before 4pm
- (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.
- (By Thursday) JavaScript: Mad Lib Part 2 - in a Form
|
9: (Ending Oct 21) |
HTML Project Submissions/Planning |
|
Due Thursday October 21 BEFORE 4pm
- (By Tuesday) Read the posted lecture notes and watch all videos for Forms. Complete the D2L Quiz titled Forms.
- (By Thursday) Forms
- (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:
- FTP
- Validating Webpages
- Create a new HTML file in Visual Studio Code
- Using Visual Studio Code: Indentation
Optional Videos: (No assignment on this topic)
- Bootstrap - Grid Layout
- Bootstrap Image Gallery - Thumbnail
|
Due Thursday October 28 BEFORE 4pm
- (By Thursday) Project Step 2: HTML Submission
|
11: (Ending Nov 4) |
Introduction to Server-Side Development with PHP [NOTES] [Summary] |
Videos:
- Getting Started with PHP
- PHP For Loops
- Arrays in PHP
- Associative Arrays
- Superglobals: GET and POST
|
Due Thursday October Nov 4 BEFORE 4pm
- (By Thursday) Uploading and Validating our Code
|
12: (Ending Nov 11) |
Working with Databases [NOTES] [Summary] |
Screenshot:
- phpmyadmin Screenshot
Videos:
- SQL: Create Insert Select
- SQL: Update and Delete
- INTEGER vs. DECIMAL
|
Due Thursday November 11 BEFORE 4pm
- (By Tuesday) Read the posted lecture notes and watch all videos for PHP. Complete the D2L Quiz titled PHP.
- (By Thursday) Project Step 3: CSS + JavaScript Submission
|
13: (Ending Nov 18) |
Navigation [NOTES]
Working with Databases from PHP [NOTES]
|
Video:
- From PHP: Insert into DB
- From PHP: Retrieve From DB
|
Due Thursday November 18 BEFORE 4pm
- (By Tuesday) Read the posted lecture notes and watch all videos for SQL. Complete the D2L Quiz titled SQL.
- (By Thursday) SQL Assignment
|
14:(Ending Nov 25) |
Work on Projects |
- (Tuesday November 23) Peer Leading Session - Work on Connect to DB from PHP assignment
- (Thursday November 25) Thanksgiving - No Class or HW Due
- (Tuesday November 30) Peer Leading Session - Work on Project Final Submission
|
15: (Ending Dec 2) |
Accessible Design [NOTES] |
Videos:
- Accessible Links
- Screen Reader Examples
- Colorblind Settings
|
Due Thursday Dec 2 BEFORE 4pm
- (By Tuesday) Connect to a database with PHP
- (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
- Please complete the NEIU Course Evaluations
|
Finals Week: (Tuesday Dec 7) |
Final Projects Due |
Due Tuesday Dec 7 BEFORE 4pm
- (By Tuesday) Project Step 4: Server-Side + Final Website
Note: There are 2 parts to this submission - Assignment Folder AND Discussion Board
|