Entrar Ainda não tem acesso?
1
resposta

Mão na massa chunks

Referente ao curso Aprender a aprender: técnicas para seu autodesenvolvimento, no capítulo Desvendando o Cérebro e atividade Mão na massa: Chunks - como sedimentar os estudos

por Luan Henrique Pais
| 26.5k xp | 8 posts

Gostaria de aprender mais sobre Front-End, os temas principais partindo do início seriam:

  1. Estrutura HTML: tags, elementos e semântica.
  2. Estilização com CSS: seletores, propriedades e unidades de medida.
  3. Interação básica com JavaScript: eventos, manipulação de DOM.
1 resposta
por Thalyta Onimaru
| 1199.2k xp | 2717 posts
Alura Scuba Team Monitora

Oi Luan!

Que bom que você está interessado em aprender mais sobre Front-End! Vamos usar a técnica dos "chunks" para organizar seus estudos de forma eficiente. Vou te ajudar a dividir os temas principais que você mencionou em partes menores para facilitar a compreensão e a prática.

1. Estrutura HTML: tags, elementos e semântica

Chunk 1: Tags e Elementos Básicos

  • Tags principais: <html>, <head>, <body>
  • Estrutura básica de um documento HTML
  • Elementos comuns: <div>, <span>, <p>, <a>, <img>

Chunk 2: Semântica HTML

  • Tags semânticas: <header>, <footer>, <article>, <section>, <nav>
  • Importância da semântica para SEO e acessibilidade

2. Estilização com CSS: seletores, propriedades e unidades de medida

Chunk 1: Seletores CSS

  • Seletores básicos: element, .class, #id
  • Seletores avançados: attribute, pseudo-classes, pseudo-elements

Chunk 2: Propriedades e Unidades de Medida

  • Propriedades comuns: color, background, margin, padding, border
  • Unidades de medida: px, em, rem, %, vh, vw

Chunk 3: Layout e Design Responsivo

  • Flexbox: propriedades e uso
  • Grid Layout: propriedades e uso
  • Media queries para design responsivo

3. Interação básica com JavaScript: eventos, manipulação de DOM

Chunk 1: Fundamentos de JavaScript

  • Variáveis, tipos de dados, operadores
  • Estruturas de controle: loops, condicionais

Chunk 2: Manipulação de DOM

  • Seleção de elementos: document.getElementById, document.querySelector
  • Modificação de elementos: innerHTML, style

Chunk 3: Eventos em JavaScript

  • Adição de eventos: addEventListener
  • Tipos de eventos: click, mouseover, keyup

Dicas para Estudo

  1. Pratique regularmente: A prática constante ajuda a sedimentar o conhecimento.
  2. Use mnemônicos: Crie siglas ou frases que te ajudem a lembrar dos conceitos.
  3. Construa projetos pequenos: Aplicar o que aprendeu em projetos reais ajuda a fixar o conteúdo.

Bons estudos!