INFO 1601 Assignment 1

Student workspace for completing the web development assignment.

Assignment Tasks

Complete the CSS in index.html to pass all automated tests:

Table Styling (23 marks total)

• Blue background with box shadow (10 marks)
• Bold, centered headers (5 marks)
• Cell borders (8 marks)

Navigation Styling (18 marks total)

• Horizontal flexbox layout (10 marks)
• Styled links with hover effects (8 marks)

Getting Started

1. Install dependencies:

   npm install

2. Start development server:

   npm run serve

3. Test your implementation:

   npm test

4. (Optional) Update the testsuite package to the latest version:

   npm run update-testsuite

Working on the Assignment

1. Open index.html in your editor
2. Complete the CSS styles in the <style> section
3. Run npm test to check your progress
4. Keep testing until you achieve 100%

Test Results

The test runner will show:

• ✅ Passed tests with earned marks
• ❌ Failed tests with missing requirements
• 📊 Final grade percentage

Grading

• 80-100%: Excellent work! 🎉
• 60-79%: Good job! 👍
• 40-59%: Keep trying! 💪
• 0-39%: Review requirements and try again 📚

Tips

• Use Chrome DevTools to inspect elements and test styles
• Check console output for specific test failures
• Implement one requirement at a time and test frequently
• Refer to the instructions in the HTML file for detailed requirements