1 Weekly Materials
1.1 Week 6:
1.2 Week 5:
- Static Site Generation/Metalsmith
- MetalsmithExampleRepo.zip, Slides on using example repo
- CSS Media Queries
- CSS Grid
1.3 Week 4
- Templates-Nunjucks, nunjucksExamples.zip, another example showing Nunjucks and Bootstrap BootNunjucks.zip. Note that actual student data has been removed so most navigation items will not work. A PDF with some extra explanations
- Bootstrap, BootstrapStarter.zip
- CSS Flexbox
1.4 Week 3
- Script tags, example files ScriptTagExamples.zip
- DOM Events
- CSS Floats
- CSS Positioning
- Cascade and Inheritance
1.5 Week 2
- HTML Part 2, images only for now
- CSS Part 2, basic boxes for now
- CSS Part 3
1.6 Week 1
2 Miscellaneous Materials
Here you will find links to various course materials and such. This page will be updated frequently during the course.
2.1 Static Deployment Environment
For deploying our static website we will be using the departments Linux server: csweb01.csueastbay.edu.
Each student has an login/account corresponding that corresponds to their student ID. Suppose your student ID is abc123 then your login on the server would be abc123@ad. Your password is your university password.
Remote Login To remotely login to you account you use software that provides a command line like interface and uses the secure shell protocol. On a system with OpenSSH client software installed you can login using the following command in a terminal window:
ssh csweb01.csueastbay.edu -l abc123@ad
Where you need to substitute your student ID for abc123.
On Windows machines another popular option is the Putty.
To make use of the hosting service provided by the CS department we need to be able to transfer files from the machine that you are developing on to you account on the server. We will use the SSH File Transfer Protocol (SFTP). There is a command line client,
sftp, available from OpenSSH. However there are many GUI based clients that are much easier to work with such as FileZilla (multi-platform) and WinSCP (Windows only).
You will want to upload you site files to the
public html directory in your account.
Making HTTP Requests
You can then point your browser to
http://csweb01.csueastbay.edu/~abc123/SomeFile.html. Where you substitute you student ID for abc123 and the name/path to your file for SomeFile.html.