html-css-womakerscode-irme
html-css-womakerscode-irme copied to clipboard
WoMakersCode
Curso de HTML5 e CSS3 para Iniciantes - WoMakersCode & IRME
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
📌 Pré-Requisitos
Para este curso você precisará de conhecimentos básicos em informática e vontade de aprender 😉
🚀 Recursos Utilizados
Ao decorrer do curso eu utilizei os seguintes recursos:
👩💻 Links compartilhados durante o curso
Abaixo vocês podem conferir todos os links que foram citados durante o curso:
Módulo 1: Introdução
Módulo 2: Conhecendo o HTML
- 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
Módulo 3: HTML além do óbvio
- Guia WCAG
- Papéis/Funções ARIA
- Estados e Propriedades ARIA
- Acessibilidade no HTML
- 3 Ferramentas para avaliar a acessibilidade web
Módulo 4: Introdução ao CSS
- Seletores CSS
- CSS Diner
- Pseudo-classes para seleção de elementos
- Usando pseudo-elementos como seletores
Módulo 5: Entendendo unidades de medida e cores
- Trabalhando com cores no CSS
- Guia de Unidades no CSS
- Um guia completo de tipografia para a web
- Propriedade font-family no CSS
Módulo 6: Posicionando os elementos na página
Módulo 7: Conhecendo as propriedades CSS
- 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
Módulo 8: Principais conceitos do CSS
Módulo 9: Animações com CSS
Módulo 10: Transformações com 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
Módulo 11: CSS layouts
- 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?
Módulo 12: Trabalhando com responsividade
- Usando Media Queries no CSS
- Trabalhando com viewport no CSS
- Trabalhando com imagens responsivas no CSS
Módulo 13: Boas práticas com CSS
Módulo 14: Principais ferramentas 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
Módulo 15: Projeto final - Criando seu próprio site
- 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
📚 Livros referência para este curso
- HTML5: A linguagem de marcação que revolucionou a web
- Acessibilidade na Web
- CSS Grid Layout: Criando layouts CSS profissionais
❓ Tenho Dúvidas... O que Faço?!
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 🙂
WoMakersCode