html tutorial exercises course

Tutorial de exercícios HTML5 na 4Geeks Academy

Por @Alesanchezr e outros colaboradores da 4Geeks Academy

Seleção completa de exercícios HTML autogrogados, qualquer pessoa interessada em aprender HTML!

Oi! Eu sou Alejandro Sanchez @Alesanchezr, muito animado por ter você aqui! ? ? Aprender a codificar é difícil, você precisa de treinamento! DM me no Twitter se você tiver alguma dúvida.

Você estará aprendendo os seguintes conceitos:

1. Familiarize -se com boa parte das tags HTML mais populares.

2. Usando as tags juntos para criar um site simples HTML.

3. Vinculando sites usando âncoras com caminhos relativos ou absolutos.

4. A tag de áudio e vídeo HTML.

Antes de começarmos ... outros tutoriais relacionados

1. Aprenda html ← você está aqui agora
2. Aprenda formulários HTML5
3. Aprenda CSS
4. Aprenda layouts CSS
5. Aprenda Bootstrap

Um clique em instalação (recomendado):

Você pode abrir esses exercícios em apenas alguns segundos clicando: Abrir em codespaces (recomendado) ou abrir no gitpod.

Depois de ter o VSCODE, abra os exercícios do LearnPack deve começar automaticamente. Se os exercícios não funcionarem automaticamente, você pode tentar digitar no seu terminal: $ learnpack start

Instalação manual

Clone o repositório em seu ambiente local e siga as etapas abaixo:

1. Instale o LearnPack, o gerenciador de pacotes para tutoriais de aprendizado e o plug -in HTML Compiler para LearnPack, verifique se também possui o Node.js 14+:

$ npm i @learnpack/learnpack -g

2. Faça o download deste exercício e cd específico na pasta:

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

NOTA: Depois de terminar o download, você encontrará uma pasta "Exercícios" que contém todos os exercícios dentro.

3. Inicie o tutorial/exercícios executando o seguinte comando no mesmo nível em que seu arquivo Learn.json é:

$ learnpack start

Para obter mais informações ou perguntas, você pode consultar a documentação do LearnPack.

Nota: Os exercícios têm classificação automática, mas é muito rígida e rigorosa, minha recomendação é não fazer os testes muito sérios e usá -los apenas como uma sugestão, ou você pode ficar frustrado.

Como os exercícios são organizados?

Cada exercício é um pequeno aplicativo de reação que contém os seguintes arquivos:

1. index.js: representa o arquivo de entrada para o aplicativo inteiro.
2. Readme.md: contém instruções de exercício.
3. Test.js: Você não precisa abrir este arquivo, ele contém o script de teste para o exercício.

Colaboradores

Obrigado a essas pessoas maravilhosas (key emoji):

1. Alejandro Sanchez (Alesanchezr), Contribuição: (Coder) (Idea)?, (Testes de construção) ️ , (Pull-Request-Review)? (Build-Tutorial) ✅ (documentação)

2. David Hay (Haydavid23), Contribuição: (teste) ️

3. Daniel Machota (@d4rkm0nst3r), contribuição: (Build-tutorial) ✅, tradução?

Este projeto segue a especificação de todos os contribuintes. As contribuições de qualquer tipo são bem -vindas!