Grundlagen

HTML

Html ist für den Einstieg in die Frontend-Entwicklung unerlässlich. Zu wissen, was ein Tag , ein Element oder ein Attribut ist und welche Art von Ereignissen im HTML-Element enthalten sind, ist hilfreich, insbesondere hilft es Ihnen, Dokumentationen leicht zu verstehen.

Einige der wichtigsten Elemente: h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• Wie Form funktioniert, Handlungsverständnis und Methode.
• Was sind die Attribute und die entsprechenden Attribute jedes Elements.

Wie Styling funktioniert, wie man CSS mit HTML verknüpft, was sind Selektoren. Verschiedene Arten von Selektoren , — Tag-Name, Klasse, ID . Inline, internes, externes Styling.

Eigenschaften, die man kennen muss: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,

• Verständnis der Funktionsweise von Flex , Schreiben von Animations - Keyframes , Medienabfragen. Block vs. Inline-Elemente.
• Was sind Pseudo-Klassen , verschiedene Arten von ihnen::hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• Pseudo-Elemente :::after, ::before

Javascript ist anders als HTML und CSS, es erfordert mehr Logik. Sie sollten wissen, wie man JS-Dateien mit HTML verknüpft, wie JS-Code funktioniert.

Muss die Terminologie kennen: Variablen, Konstanten, Bedingungen, Schleifen, Funktionen, Methoden, Objektmodell, Datentypen.

• Unterschied zwischen Funktion und Methode?
• Wie man grundlegende Funktionen mit Schleifen und Bedingungen schreibt.
• Was sind Fensterobjekte und ihre Verwendung?

Reagieren

Als React-Entwickler sollten Sie zumindest wissen, was JSX ist, wie man eine Komponente schreibt, wie virtuelles DOM funktioniert.

• Funktionale Komponente vs. Klassenkomponente
• Zustand vs Requisiten
• Hooks – useEffect, useState, useCallback
• Lebenszyklusmethoden
• Redux – wie Redux funktioniert, Redux-Fluss, Reduzierer, Aktionen.
• Routing reagieren
• benutzerdefinierte Haken

An dieser Stelle sollten Sie wissen, wie man API-Aufrufe durchführt und wie asynchroner Code funktioniert. Sie sollten auch wissen, wie JS im Hintergrund funktioniert, was Ereignisschleifen sind.

• Versprechen vs. Rückrufe
• API-Aufrufe mit Axios
• Schließung
• Kontext
• Unterschied zwischen var, let und const
• So funktioniert die Objektreferenz

Sie sollten nicht nur wissen, wie man codiert, sondern auch wissen, wie das Internet funktioniert. Sie sollten verstehen, wie die REST-API funktioniert und die Chrome-Entwicklungstools korrekt verwenden, einschließlich der Überwachung von HTTP-Anforderungen, der Anzeige des Quellcodes der Seite und der Verwendung weiterer Tools, die React und Redux bereitstellen.