For this assignment, you are asked to create a web page about yourself with the following criteria:
- Use Git to initialize and track a new project
- Create content in HTML
- Style the page separately from the HTML with CSS
- Use Github to push the project remotely
- Bonus: Use Github Pages to host the page
This is a highly personalized and variable assignment. The final product will look different for every student.
Despite it's subjective nature, this assignment contains a few tests. These tests are looking to be sure a you have submitted a repository that includes a number of HTML elements and CSS rules defined in the instructions.
To run the tests, open up the directory for your assignment in your terminal and run the following command: npm test
.
A passing assignment will have an output of: 7 passed, 7 total
.
If you believe that you have done everything correctly and you are still not getting 7 passing specs, please reach out to your TA for assistance.
Remember that these grading tests are just a starting point for your TA to start grading your work.
After your TA runs the tests, they will be doing a code check to make sure that your project meets the following requirements:
-
You should have at least 2 commits. One for HTML and one for CSS.
-
Project content should be pushed to Github and you should have submitted the link to the remote repository on Canvas.
-
If you complete the bonus mission, then the project is hosted on Github pages.
-
In your HTML, you should have approximately 3 - 10 paragraphs and sections.
-
You should also have at least one of each of the following:
<p>
<header>
<footer>
<main>
<article>
<img>
- with images located in animages
folder- HTML entity
-
In your HTML file, you should have no elements dictating style. Style rules should be applied with CSS selectors.
-
In your CSS, they will check that you have appropriate use of both margin and padding.
-
They will also check that you have style rules for at least one, hopefully more, of each selector type:
a. element b. class c. id
-
Minimal, if any, document-level or inline style rules.
When you are done with the assignment, submit the link to your Github repo on Canvas!