/html-css-git-exercises

HTML, CSS and Git exercises for CodeYourFuture

Primary LanguageHTML

HTML, CSS and Git exercises

This repository contains exercises for CodeYourFuture students learning HTML, CSS and Git commands.

Getting started

You will be working on a messaging application in these exercises. Follow these steps to begin working on the exercises.

Fork and clone this repository

First, you need to create your own copy of these exercises. We call this a "fork". Follow these steps to create your fork.

...screenshot(s)...

Next, you need to download your fork so that you have the files on your computer. Follow these steps to clone your fork.

...screenshot(s)...

Open the Terminal on your computer, browse to your projects directory, and run the following command to create a copy of your fork:

cd <your-project-directory>
git clone <your-fork-url>
cd html-css-git-exercises
code .

When you're done, you should see your code editor with the files open on the left, like the following screenshot.

...screenshot...

Set up the project

Before you can start the exercises, we must set up the project. To do this, we will install all of the code necessary to run the exercises. In your editor, open the Terminal and run the following commands:

npm install

Carefully read the messages that appear. Are there any errors? If so, please ask a mentor for help.

Begin working on the exercises

To begin working on the first exercise, run the following command in the Terminal in your code editor:

npm run 1

This will lauch the sample website for the first exercise in your browser.

Now go back to your code editor. Open the first exercise in the week-1 directory and find the readme.md file.

...screenshot...

Read the instructions in this file and follow the steps to complete the exercise.

Completing more exercises

When you have finished the first exercise, move to the next one. First, go to the Terminal in your code editor, and type CTRL+C to stop running the first exercise.

To run another exercise, run the following code with the correct number of that exercise:

npm run 2

When you have completed all exercises

When you reach the final exercise, you'll be asked to submit a pull request. When you've finished that task, post in your Slack channel to let the mentors know that you have finished.