Fundamentos

HTML

Html é essencial para começar no desenvolvimento frontend, saber o que é uma tag , element , attribute , que tipo de eventos existem no elemento HTML é útil, especialmente, ajuda você a entender facilmente as documentações.

Alguns dos elementos obrigatórios: h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• Como funciona a forma, compreensão da ação e método.
• Quais são os atributos e atributos correspondentes de cada elemento.

Como o estilo funciona, como vincular CSS ao HTML, o que são seletores. Diferentes tipos de seletores , — tag name, class, id . Estilo inline, interno e externo.

Deve conhecer propriedades:display, font-size, font-weight, position, cursor, line-height, margin, padding, border, transition, color, background, background-color, width, height, justify-content, align-items, overflow, min(max)-height, min(max)-width, border-radius, outline,

• Compreensão de como o flex funciona, escrevendo keyframes de animação , media queries. Bloco vs elementos embutidos.
• O que são pseudo-classes , diferentes tipos delas::hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• Pseudo-elementos :::after, ::before

Javascript é diferente de HTML e CSS, requer mais lógica. Você deve saber como vincular o arquivo JS ao HTML, como o código JS funciona.

Deve conhecer terminologia: Variáveis, constantes, condicionais, laços, funções, métodos, modelo de objectos, tipos de dados.

• Diferença entre função e método?
• Como escrever funções básicas usando loop e condições.
• O que são um objeto de janela e seu uso?

Reagir

Como desenvolvedor de react, você deve saber pelo menos o que é JSX, como escrever um componente, como funciona o DOM virtual.

• Componente funcional vs componente de classe
• Estado vs adereços
• Ganchos — useEffect, useState, useCallback
• Métodos de ciclo de vida
• Redux — como o redux funciona, fluxo redux, redutores, ações.
• Reagir roteamento
• ganchos personalizados

Neste ponto, você deve saber como fazer chamadas de API , como funciona o código assíncrono . Você também deve saber como o JS funciona em segundo plano, o que são loops de eventos.

• Promessas x retornos de chamada
• Chamadas de API com Axios
• Fecho
• Contexto
• Diferença entre var, let e const
• Como funciona a referência de objeto

Além de saber codificar, você também deve saber como a internet funciona. Você deve entender como a API REST funciona e usar corretamente as ferramentas de desenvolvimento do chrome, incluindo como monitorar solicitações HTTP, como visualizar o código-fonte da página e como usar mais ferramentas de reação e redux.