Repository files navigation

By@alesanchezr andother contributors at4Geeks Academy

Complete selection of autograded html exercises, anyone interested in learning HTML!

Hi! I'mAlejandro Sanchez @alesanchezr, really excited to have you here! 🎉 😂 Learning to code is hard, you need coaching!DM me on twitter if you have any questions.

1. Get familiar with a good deal of the most popular HTML Tags.

2. Using the tags together to create a simple HTML Website.

3. Linking websites together using Anchors with Relative or Absolute paths.

4. The HTML audio and video tag.

1. Learn HTML← 🔥 You are here now
2. Learn HTML5 Forms
3. Learn CSS
4. Learn CSS Layouts
5. Learn Bootstrap

You can open these exercises in just a few seconds by clicking:Open in Codespaces (recommended) orOpen in Gitpod.

Once you have VSCode open the LearnPack exercises should start automatically. If exercises don't run automatically you can try typing on your terminal:$ learnpack start

Clone the repository in your local environment and follow the steps below:

1. Install learnpack, the package manager for learning tutorials and the html compiler plugin for learnpack, make sure you also have node.js 14+:

$ npm i @learnpack/learnpack -g

2. Download this particular exercise andcd into the folder:

$ git clone https://github.com/4GeeksAcademy/html-tutorial-exercises-course$cd html-tutorial-exercises-course

Note: Once you finish downloading, you will find an "exercises" folder that contains all the exercises within.

3. Start the tutorial/exercises by running the following command at the same level where your learn.json file is:

$ learnpack start

For more information or questions you can refer to theLearnPack documentation.

Note: The exercises have automatic grading, but it's very rigid and strict, my recommendation is to not take the tests too serious and use them only as a suggestion, or you may get frustrated.

Each exercise is a small React application containing the following files:

1. index.js: represents the entry file for the entire app.
2. README.md: contains exercise instructions.
3. test.js: you don't have to open this file, it contains the testing script for the exercise.

Thanks goes to these wonderful people (emoji key):

1. Alejandro Sanchez (alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests)⚠️, (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖

2. David Hay (haydavid23), contribution: (test)⚠️

3. Daniel Machota (@d4rkm0nst3r), contribution: (build-tutorial) ✅, Translation 🌍

This project follows theall-contributors specification. Contributions of any kind are welcome!