webprogramming260/.github

Web Programming 260 Instruction

.github's Issues

Instructions on whitelisting S3 ip address

The Simon DB assignment doesn't include instructions for adding our S3 sever's ip address to the Atlas whitelist, unless I missed it. Without this step the server will not be able to connect to our Atlas database. Here is a screenshot of the page where it can be whitelisted.

Assignment in reference: https://github.com/webprogramming260/.github/blob/main/profile/simon/simon-db/simon-db.md

typescript

CS 340 does a lot of typescript. Maybe emphasize it a little more.

Move cs260.click over to BYU's AWS

Image display on learn.cs260.click/page/javascript/dom/dom_md

The html <img src="dom.jpg"/> doesn't display on the website (it shows up as a <p> element when I use the debugger) but it does display on the [Github file preview] (https://github.com/webprogramming260/.github/blob/main/profile/javascript/dom/dom.md). When I looked at others that display correctly, it looks like you normal markdown syntax was used: ![DOM](dom.png) and it generates the correct html using the raw link from Github instead: <img src="https://raw.githubusercontent.com/webprogramming260/.github/main/profile/javascript/dom/dom.jpg"/>
This is just a guess for the fix, but it definitely isn't displaying correctly on the website.

Create new Instruction Repo

Move the instruction out of .github into its own repo

Make Simon stubs for login better

In all the earlier simon examples make the login stubs better.

HTML add a password box
JavaScript actually remember and compare the password
Service pass the credentials to the server and keep an array of logged in users

Rework JavaScript to be TDD

• Introduce Node.js
• Introduce Jest
• Write a tests that demonstrates how to do the javascript stuff
• Walk through the solutions in class using node JS.
• Have tests the students have to implement on their own as an assignment.
• Teach enough so that they can manipulate the dom (oh wait this would require playwright.)
• Teach more javascript using the testing method.

This has the advantage of introducing testing earlier. We could then require tests.

Move React to follow JavaScript

This will require the following:

1. Rework all of the Simon after JavaScript
2. Rework all of the Startup after JavaScript
3. A review of all the textual content to make sure it reflects the change
4. A reworking of the Simon and other videos.

If we really want, we could introduce typescript at this point also. However, we still couldn't use typescript on the backend without introducing a transpiler.

React Native

I think that the HCI classes would like to have their students do some Mobile apps. Maybe flesh out the PWA section a little more. Or do more with react native.

Too much content

There is too much content to reasonably cover in the lectures. For example discussing Express and Simon Service takes longer than 50 minutes.

Remake class AMI

The software needs updating.
The AMI needs to reside on the TFH AWS account not Lee's private account.

Reorganize Instruction

Move the instruction, schedule, and modules so that they match 329 and 240. That will make the learn app work with all three.

Move midterm to after Internet discussion

The midterm needs to happen after we talk about the internet. Otherwise the questions about URL and DNS won't have been covered.

Improve midterm

Get rid of questions that only text syntax such as colons or periods.

Enhance Rubric

Make the rubric items more specific. For example.

Old Login

Prerequisite: At least 10 git commits spread consistently throughout the assignment period.
Application authentication and authorization
20% - Supports new user registration
20% - Supports existing user authentication
20% - Stores application data in MongoDB
20% - Stores and retrieves credentials in MongoDB
20% - Restricts application functionality based upon authentication

New Login

20% - Effort: At least 10 git commits representing coding milestones are spread throughout the assignment period.
20% - Authentication: A user can register, login, and logout. Credentials are hashed using BCrypt and store in MongoDB.
20% - AuthToken: An authentication token is stored in a cookie during registration or login. On logout the authentication cookie is removed.
20% - Persistent storage: All application data is stored and read from MongoDB.
20% - Restricted access: Application endpoints require a valid authorization token.

Change instruction to encourage use of byu.edu address when leasing domain

AWS Route53 has white-listed byu.edu when leasing a domain name. This should get rid of the rejections that some students are receiving.