Curso de HTML5 e CSS3 para Iniciantes focado ao público feminino.

Este curso tem como objetivo ajudar milhares de mulheres a dar os primeiros passos no mundo front-end. Permitindo que elas tenham o conhecimento para criar seus próprios sites e portfólios.

O curso foi organizado pela WoMakersCode através de uma parceria com a IRME - Instituto Rede Mulher Empreendedora

Para este curso você precisará de conhecimentos básicos em informática e vontade de aprender 😉

Ao decorrer do curso eu utilizei os seguintes recursos:

• Google Chrome
• Visual Studio Code
• Extensão Live Server - Visual Studio Code

Abaixo vocês podem conferir todos os links que foram citados durante o curso:

• Site W3C
• Site Can I Use

• Elementos HTML
• Atributos HTML
• Meta informações
• Elementos HTML de conteúdo textual
• Semânticas textuais inline
• Criando hiperlinks
• Formulários em HTML
• Trabalhando com Botões
• Conteúdos Multimídia e Embutidos na página
• Tabelas em HTML

• Guia WCAG
• Papéis/Funções ARIA
• Estados e Propriedades ARIA
• Acessibilidade no HTML
• 3 Ferramentas para avaliar a acessibilidade web

• Seletores CSS
• CSS Diner
• Pseudo-classes para seleção de elementos
• Usando pseudo-elementos como seletores

• Trabalhando com cores no CSS
• Guia de Unidades no CSS
• Um guia completo de tipografia para a web
• Propriedade font-family no CSS

• Propriedade display no CSS
• Propriedade position no CSS
• Entendendo o box model

• Propriedade border no CSS
• Propriedade border-radius no CSS
• Propriedade box-shadow no CSS
• Propriedade cursor no CSS
• Propriedade outline no CSS
• A importância do foco visível para a acessibilidade digital
• Propriedade float no CSS
• Propriedade overflow no CSS
• Propriedade font-size no CSS
• Propriedade font-weight no CSS
• Propriedade text-align no CSS
• Propriedade text-indent no CSS
• Propriedade letter-spacing no CSS
• Propriedade line-height no CSS
• Propriedade list-style no CSS
• Propriedade text-decoration no CSS
• Propriedade background no CSS
• Referências de CSS

• Como usar herança no CSS?

• Trabalhando com transições no CSS
• Trabalhando com animações no CSS

• Função scale no CSS
• Função rotate no CSS
• Função translate no CSS
• Função skew no CSS
• Trabalhando com transformações no CSS
• Propriedade opacity no CSS

• Box model para iniciantes
• Trabalhando com Flexbox
• Conceitos básicos do Flexbox
• Guia completo Flexbox
• Flexbox Froggy
• Conceitos básicos de Grid Layout
• Entendendo o CSS Grid Layout
• Guia completo Grid Layout
• CSS Grid Garden
• CSS Grid e Flexbox - Quando utilizar?

• Usando Media Queries no CSS
• Trabalhando com viewport no CSS
• Trabalhando com imagens responsivas no CSS

• Entendendo o BEM no CSS
• Organize seu CSS com SMACSS, BEM e SASS
• Entendendo Arquiteturas CSS

• Semantic UI
• Tailwind CSS
• Foundation
• Bootstrap
• SASS
• Stylus
• CSS Lint
• Normalize CSS
• Reset CSS
• Styled-components
• Do Sass e BEM ao CSS-in-JS: A (re)evolução do CSS ao longo da história

• Iconmonstr
• Por que usar SVG?
• Entenda o SVG
• Utilizando variáreis CSS
• Criando e hospedando seu site de graça no GitHub Pages
• Aprendendo sobre o GitHub Pages

• HTML5: A linguagem de marcação que revolucionou a web
• Acessibilidade na Web
• CSS Grid Layout: Criando layouts CSS profissionais

Caso tenham dúvidas relacionadas ao curso, sintam-se à vontade em deixar as suas perguntas no fórum do curso ou abrir uma ISSUE AQUI. Assim que possível alguém irá te ajudar 🙂