Plano de Estudo
HTML e CSS: Um mergulho profundo 🤿
10 cursos
24 posts
Esse plano de estudos é para você que quer dar seu primeiros passos e também se aprofundar em HTML
e CSS
. Separei vários artigos importantes, Alura+ e cursos que vão te ajudar nessa jornada!
Você irá aprender sobre:
- Diferenças entre
HTML
eCSS
; - Entender a estrutura de um arquivo HTML;
- Posicionamento
- Listas
- Flexbox e Grid
- Reponsividade
- Conceito de mobile-first
Espero que você goste dessa trilha de estudos! Bons estudos e boa sorte na sua jornada!
Criado por
Lorena Garcia
O que é este plano de estudo?
Planos de estudo são sequências de cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga planos que te interessem ou crie o seu próprio.
Passo a passo
-
1
Conteúdo do plano
-
Artigo Começando com Front-end | Alura
-
Artigo Glossário do front-end | Alura
-
Artigo HTML, CSS e Javascript, quais as diferenças? | Alura
-
Curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags
-
Artigo O que é o HTML e suas tags? Parte 1: estrutura básica | Alura
-
Artigo O que é o HTML e suas tags? Parte 2: elementos inline | Alura
-
Artigo O que é o HTML e suas tags? Parte 3: elementos block-level | Alura
-
Artigo Qual a diferença entre id e class? | Alura
-
Curso HTML e CSS: Classes, posicionamento e Flexbox
-
Artigo Entenda a propriedade Position CSS | Alura
-
Artigo CSS Border: estilizando com bordas seus elementos CSS
-
Alura+ CSS Border: estilizando com bordas seus elementos CSS
-
Artigo Reset CSS: O que é, Exemplos, Como Criar e Utilizar | Alura
-
Curso HTML e CSS: cabeçalho, footer e variáveis CSS
-
Artigo CSS: animações com Transition e Animation | Alura
-
Artigo O que é o HTML e suas tags? Parte 4: elementos de um formulário | Alura
-
Artigo O que é o HTML e suas tags? Parte 5: atributos dos elementos | Alura
-
Curso HTML e CSS: trabalhando com responsividade e publicação de projetos
-
Artigo Guia de Unidades no CSS | Alura
-
Artigo Nomes de classes no CSS | Alura
-
Artigo Entendendo como funciona o Box Model e o Box Sizing | Alura
-
Alura+ Box Model e Box Sizing
-
Alura+ Dark Mode: um projeto em HTML/CSS
-
Alura+ Como Front-End utiliza o Figma
-
Curso Arquitetura CSS: descomplicando os problemas
-
Artigo Flexbox CSS: Guia Completo, Elementos e Exemplos | Alura
-
Alura+ CSS FlexBox: distribua elementos de forma responsiva
-
Curso CSS: construindo layouts com Grid
-
Artigo CSS: Grids e tabelas com responsividade na Web | Alura
-
Artigo Srcset: Trabalhando com imagens responsivas | Alura
-
Artigo Criando componentes CSS com o padrão BEM | Alura
-
Curso CSS: Flexbox e layouts responsivos
-
Artigo Construa um CSS mágico com variáveis nativas | Alura
-
Alura+ Como as variáveis CSS transformam meu projeto?
-
Artigo CSS Object-fit: trabalhando com proporções | Alura
-
Curso HTML e CSS: praticando HTML/CSS
-
Artigo Extensões VS Code: descubra quais são as mais usadas | Alura
-
Artigo Como colocar seu projeto no ar com o Github Pages?
-
Curso HTML e CSS: responsividade com mobile-first
-
Curso Praticando CSS: Grid e Flexbox
-