[E] Hello World

This is a first exercise "Hello World" that helps you to get going with HTML, CSS and JavaScript within a git repo using a directory structure and linters as your development tools.

Prepare

This is how to prepare for the exercise.

Get the exercise repo

Ensure that you have an exercise repo on LNU GitLab where you can store the code within. Here are the details on how to get an exercise repo.

Install the dev tools (linters)

In the exercise repo you start to install the tools and linters. Here are the details on how to install the tools and linters.

Work through the exercise 'A "Hello World" example with a webpage'

The first exercise to start working with is 'A "Hello World" example with a webpage'. It is a step-by-step example showing you how to build a webpage using a stylesheet and how you can use the linters to enhance your work.

This exercise helps you understand the basics on building a small website using HTML and CSS and some tiny JavaScript. It also helps you practise the development tools.

Walk through the exercise and create your own code in your exercise repo and run the linters to assure it is obeying the linter rules.

It will look like this when you are done.

Hello world example results Figure. This is how the example looks like when you are done with it.

Work through the exercise and create your own code in your exercise repo to build the webpage displayed above.

Ensure that your code passes the linters.

Push your code to GitHub when you are done.