Notions de base

HTML

Html est essentiel pour se lancer dans le développement frontend, savoir ce qu'est une balise , un élément , un attribut , quel type d' événements il y a dans l'élément HTML est utile, en particulier, cela vous aide à comprendre facilement les documentations.

Quelques éléments incontournables : h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• Fonctionnement de la forme, compréhension de l' action et méthode.
• Quels sont les attributs et les attributs correspondants de chaque élément.

Comment fonctionne le style, comment lier CSS au HTML, quels sont les sélecteurs. Différents types de sélecteurs , — tag name, class, id . Style en ligne, interne et externe.

Doit connaître les propriétés : 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,

• Compréhension du fonctionnement de flex , écriture d' images clés d' animation , requêtes média. Bloc vs éléments en ligne.
• Qu'est-ce que les pseudo-classes , leurs différents types ::hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• Pseudo-éléments :::after, ::before

Javascript est différent de HTML et CSS, il nécessite plus de logique. Vous devez savoir comment lier un fichier JS à HTML, comment fonctionne le code JS.

Terminologie indispensable : Variables, constantes, conditionnelles, boucles, fonctions, méthodes, modèle objet, types de données.

• Différence entre fonction et méthode ?
• Comment écrire des fonctions de base en utilisant une boucle et des conditions.
• Qu'est-ce qu'un objet fenêtre et son utilisation ?

Réagir

En tant que développeur réactif, vous devez au moins savoir ce qu'est JSX, comment écrire un composant, comment fonctionne le DOM virtuel.

• Composant fonctionnel vs composant de classe
• État vs accessoires
• Crochets — useEffect, useState, useCallback
• Méthodes de cycle de vie
• Redux - comment fonctionne le redux, le flux de redux, les réducteurs, les actions.
• Routage réactif
• crochets personnalisés

À ce stade, vous devez savoir comment effectuer des appels d'API , comment fonctionne le code asynchrone . Vous devez également savoir comment JS fonctionne en arrière-plan, quelles sont les boucles d'événements.

• Promesses vs rappels
• Appels d'API avec Axios
• Fermeture
• Le contexte
• Différence entre var, let et const
• Comment fonctionne la référence d'objet

En plus de savoir coder, vous devez également savoir comment fonctionne Internet. Vous devez comprendre comment fonctionne l'API REST et utiliser correctement les outils de développement Chrome, y compris comment surveiller les requêtes HTTP, comment afficher le code source de la page et comment utiliser davantage d'outils de réaction et de redux.