This is the CIS 111 Web Development Workflow.
Memorize these 4 steps. The sooner you master them, the sooner you will be getting full credit for your projects.
1. Edit. Use a code editor (Atom or VS Code) to create a web page (.html and .js files) on your computer.
2. Preview. Use Atom’s Open in Browser command to preview the web page on your computer in Chrome. The location bar in Chrome will show the file:// protocol in the URL. When the web page is perfect, but not before, go to the next step.
3. Upload. Move all project files (.html, .js, .png, and so on) to the server using an SFTP client (Mac: Fugu; Windows: WinSCP). This step is also known as publishing or deploying.
4. Test. Use Chrome to open your web page that is on the server. Note the location bar in Chrome will show http://pages.uoregon.edu. Do not use any other app for this step– use Chrome.
Make sure that your web page on the server is correct, because that is what will be graded.