Lo esencial

HTML

Html es esencial para comenzar en el desarrollo frontend, saber qué es una etiqueta , elemento , atributo , qué tipo de eventos hay en el elemento HTML es útil, especialmente, lo ayuda a comprender fácilmente las documentaciones.

Algunos de los elementos imprescindibles: h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• Cómo funciona la forma, comprensión de la acción y método.
• Cuáles son los atributos y los atributos correspondientes de cada elemento.

Cómo funciona el estilo, cómo vincular CSS a HTML, qué son los selectores. Diferentes tipos de selectores , — nombre de etiqueta, clase, id . Diseño en línea, interno y externo.

Debe conocer las propiedades: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,

• Comprensión de cómo funciona Flex , escritura de fotogramas clave de animación , consultas de medios. Bloque vs elementos en línea.
• Qué son las pseudoclases , diferentes tipos de ellas::hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• Pseudo-elementos :::after, ::before

Javascript es diferente a HTML y CSS, requiere más lógica. Debe saber cómo vincular un archivo JS a HTML, cómo funciona el código JS.

Debe conocer la terminología: Variables, constantes, condicionales, bucles, funciones, métodos, modelo de objetos, tipos de datos.

• ¿Diferencia entre función y método?
• Cómo escribir funciones básicas usando bucles y condiciones.
• ¿Qué es un objeto de ventana y su uso?

Reaccionar

Como desarrollador de reacción, debe saber al menos qué es JSX, cómo escribir un componente, cómo funciona el DOM virtual.

• Componente funcional vs componente de clase
• Estado vs accesorios
• Ganchos — useEffect, useState, useCallback
• métodos de ciclo de vida
• Redux: cómo funciona redux, flujo de redux, reductores, acciones.
• Reaccionar enrutamiento
• ganchos personalizados

En este punto, deberías saber cómo hacer llamadas a la API , cómo funciona el código asíncrono . También debe saber cómo funciona JS en segundo plano, qué son los bucles de eventos.

• Promesas vs devoluciones de llamadas
• Llamadas API con Axios
• Cierre
• Contexto
• Diferencia entre var, let y const
• Cómo funciona la referencia a objetos

Además de saber codificar, también debes saber cómo funciona Internet. Debe comprender cómo funciona la API REST y usar correctamente las herramientas de desarrollo de Chrome, incluido cómo monitorear las solicitudes HTTP, cómo ver el código fuente de la página y cómo usar más herramientas que proporciona Reaction y Redux.