Exercise: Sample HTML Assignment

In this exercise you will learn to operate with assignments of the HTML&CSS curriculum.

Learning objectives

This assignment should prove that a student is able to:

• Fork from the project repository
• Clone the project to your computer
• Install dependencies
• Run tests
• Read and understand test results
• Check the status of the local git repository
• Add changed files to staging
• Commit git repo changes
• Push code updated to the remote repository
• Submit assignments as Github repo URLs

Standard requirements

• [ x] Fork the project to your github account
• [ x] Clone the project to your computer
• [x ] Open the project in VSCode with code <cloned_repo_folder_name>
• [ x] Initialize playwright and install project packages
  • [ x] Use npm i to install packages - it is okay to see warnings after this steps - as long as node_modules folder is created you are alright!
  • [x ] Use npm run browser-install to install the browser environment for testing
• [ x] All the tasks of the "Specific requirements" section MUST be solved
• [x ] All the tests MUST pass. Fix the errors in case any tests don't pass BEFORE you submit (acceptance criteria) CLICK "GO LIVE" at bottom right
  • [x ] Use npm run test to run all tests in the terminal
  • (Optional) Use npm run test-ui to run all the tests with GUI
  • (Optional) Use npm run show-report to see the latest report in the browser
• [x ] VSCode IDE MUST have 0 code problems listed (spelling problems are fine)
• [x ] The code MUST be formatted with Prettier
• [ x] Push the changes to the Github repo, when finished.
• Submit a txt file with the Github repo url.

Specific requirements

• [x ] Create an html file with the name of "index" in the root of the project

• [x ] Add HTML Boilerplate to the document

  • [ x] confirm the head tag has a meta tag that defines the charset

  <meta charset="UTF-8">

  • [ x] confirm the head tag has a responsive meta tag set

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

• [ x] Set the document title in the head section to be "Sample project"

<title>Sample project</title>

• [ x] Set the page heading to be "Sample project"

<h1> Sample project </h1>

• [ x] Add a paragraph of text (20 words at least). You can use random text for the paragraph content.

<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sint vitae, libero quae quasi nemo dignissimos consectetur cumque. Ipsum laborum libero iure.</p>