css tutorial exercises course

Tutorial de Exercícios CSS na 4Geeks Academy

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.

Estas instrucciones están descartáveis ​​pt ?? Español ??

Você estará aprendendo os seguintes conceitos:

1. Como aplicar o CSS ao seu site de três maneiras diferentes: Inline, agrupando -as dentro de uma tag <style> ou usando uma folha de estilo externa <link> .

2. Selecionando elementos HTML do seu site para aplicar os estilos.

3. Aplique regras CSS (estilos) a esses elementos.

4. Use as regras CSS mais populares.

5. Aprenda os truques CSS mais populares.

Antes de começarmos ... outros tutoriais relacionados

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

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

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; Certifique -se de ter também node.js 14+:

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. Baixar os exercícios

$ learnpack install css-tutorial-exercises-course

Nota: Depois de terminar o download, você precisará cd na pasta Exercises, que contém todos os exercícios.

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

$ npm i [email protected] -g
$ learnpack start

Como os exercícios são organizados?

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

1. index.html: Todos os sites e exercícios começam no index.html.
2. Styles.css: Seu código CSS vai aqui, alguns exercícios farão com que você atualize esse arquivo.
3. Readme.md: contém instruções de exercício.
4. Test.js: Você não precisa abrir este arquivo, ele contém o script de teste para o exercício.

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.

Colaboradores

Obrigado a essas pessoas maravilhosas (key emoji):

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

2. Paolo (Plucodev), Contribuição: (relatórios de bug)?, Contribuição: (codificador), (tradução)?

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

Este e muitos outros exercícios são construídos pelos alunos como parte do Bootcamp de codificação da 4Geeks Academy por Alejandro Sánchez e muitos outros colaboradores. Saiba mais sobre nosso curso completo de desenvolvedor de pilhas e bootcamp de ciência de dados.