HTML e CSS para Iniciantes

Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.

O objeto do curso não é ir direto ao ponto, e sim fazer você entender o ponto. Eu rodo o ponto, volto no ponto e demonstro o ponto. Esse curso é focado na parte de Código Front End (HTML e CSS).

Este curso é para quem deseja entrar ou já está no mercado e desenvolvimento Front End/criação de sites. Se você está iniciando, terá a oportunidade de aprender do zero e para os que já trabalham com web design/front end é uma boa oportunidade para se atualizar/aprender uma abordagem diferente.

Eu foco na teoria + prática, assim você aprende os fundamentos por trás de cada decisão de código. E após isso você implementa em um projeto real — bikcraft.com. Você já sai do curso com um primeiro site profissional construído. Nele eu uso CSS Flexbox e Grid Layout para construir os projetos responsivos e totalmente do zero, sem usar nada pronto.

---

Link do projeto 1 curso: https://edijunior88-origamid-portfolio.netlify.app/

Link do projeto 2 curso: https://origamid-html-e-css-para-iniciantes.onrender.com/

---

Tecnologias Utilizadas

• JavaScript – Languages
• Vite – JS Build Tools / JS Task Runners
• Netlify – Static Web Hosting

Para ver todas as tecnologias clique aqui

---

HTML e CSS para Iniciantes

• HTML, CSS e JavaScript
• Editor de Código
• Browser

HTML e CSS Básico

• Tag
• Tags Iniciais
• Estrutura HTML
• Editor Plugins
• Editor Atalhos
• Link Caminhos
• CSS Básico
• CSS Seletores
• HTML Exercício
• Background e Cores
• Box Model
• Estilos do Browser
• Display
• Display Exercício
• Documentação
• img

CSS Posicionamento

• Top, Right, Bottom, Left
• Grid Template Columns
• Align e Justify Content
• Grid Column
• Align e Justify Items
• Grid Template Rows
• Flexbox
• Position
• Posicionamento Exercício

HTML e Semântica

• Semântica e Acessibilidade
• Pontos de Referência
• Listas
• Navegação
• blockquote, q, cite, em, strong

CSS Propriedades

• Unidades
• Tipografia
• Background
• Pseudo Classes
• Pseudo Elements
• Refatorar Exercício

Responsivo

• Responsivo
• Media Queries
• Grid
• Object Fit
• max-width

Ferramentas

• Instalar Ferramentas
• Linha de Comando
• NPM e Clean CSS
• Git
• Fontes

Mais HTML e CSS

• Formulários
• Outros Seletores
• Especificidade
• Propriedades Customizadas
• CSS Utilitário

---

Status dos Deploys

Portfólio

Bikcraft

---

Tempo Estudando o curso

---

Aulas: 📼 164 video-aulas (Total de 23hrs)

Status do projeto: ✅ Concluído