Estou criando esse site em abril de 2026 para testar e aprender novas funções de HTML CSS e JS,
além de aperfeiçoar o que eu já sei, e também para criar um portfólio para mostrar meus projetos.
Estou aprendendo por meio de vídeos no youtube e consultando inteligência artificial, sempre com o
objetivo de aprender e não só copiar e colar o código
1. Mover livremente elementos da pagina usando top: 10px margin-top: 10px
e etc
2. Text-align center utilizado no titulo principal
3. Alterar a cor da tag u usando text
decoration color e add tag u em uma classe inteira
4. Usar @media para criar um site responsivo
5. Position absolute (elemento nao rola com a pagina) x fixed (o elemento fica travado)
6. Queryselector que é a mesma coisa que
getElementById, ele faz a mesma coisa e ainda
consegue fazer mais pois aceita classes e tags
e não só ids, então é melhor sempre usar ele
7. QuerySelectorAll que funciona similar a um array, é bom usar em tags e classes c foreach
8. Aplicar toggle de modo escuro/claro usando comandos document, declaração de variáveis,
onclick
e if & else além de body.style
9. Cursor pointer em css para botões e links
10. Pseudo classes / Pseudo elementos em css com funcoes como :hover, :active e outros
11. Margin top lef right... atuando como um espaço invisível ao redor de um elemento
12. Overflow e text overflow no css para quando o texto estiver mt grande e passando o limite
13. Word break break all em css nao deixa o texto quebrar de linha dentro de conteiners
14. Transform scale aumenta visualmente o tamanho do elemento s alterar as suas proporções
15. Método .value que é bom utilizar para obter o valor de um input por meio de JavaScript
16. Alert para criar um pop up com aviso na tela do usuario
17. appendChild em js para colocar tags filhas dentro de tags pais
18. Função .trim() para remover espaços em branco do início e do final de uma string
19. Método .textContent para definir o conteúdo de texto de um elemento
20. Listas numeradas usando tag ol (essa lista nao foi feita com ol, pois so descobri agora)
21. Função eval() que é basicamente uma calculadora embutida que calcula tudo que ta dentro
de um texto podendo ser um input por exemplo
23. @keyframes e animation em css para criar animações
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
1. HTML básico, tags, estrutura principal, ids, classes, tags de img vid aud,
hyperlinks, input
e pular linhas com br
2. CSS básico background-color, color, font-family e font-size, div, padding, border, button
Essa seção muda depois de eu ter aprendido algo da lista, ela é usada apenas para a minha
organização, então está sujeita a constantes mudanças