Основы

HTML

Html необходим для начала разработки внешнего интерфейса, полезно знать, что такое тег , элемент , атрибут , какие события есть в элементе HTML, особенно это помогает вам легко понимать документацию.

Некоторые из элементов обязательно знать: h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• Как работает форма, понимание действия и метода.
• Каковы атрибуты и соответствующие атрибуты каждого элемента.

Как работает стили, как связать CSS с HTML, что такое селекторы. Различные типы селекторов , - имя тега, класс, идентификатор . Линия, внутренняя, внешняя стилизация.

Должен знать свойства: 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,

• Понимание того, как работает flex , написание ключевых кадров анимации , медиа-запросы. Блочные и встроенные элементы.
• Что такое псевдоклассы , разные их типы::hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• Псевдоэлементы :::after, ::before

Javascript отличается от HTML и CSS, он требует больше логики. Вы должны знать, как привязать JS-файл к HTML, как работает JS-код.

Необходимо знать терминологию: переменные, константы, условные выражения, циклы, функции, методы, объектная модель, типы данных.

• Разница между функцией и методом?
• Как писать базовые функции, используя цикл и условия.
• Что такое оконный объект и его использование?

Реагировать

Как разработчик реагирования вы должны хотя бы знать, что такое JSX, как написать компонент, как работает виртуальный DOM.

• Функциональный компонент против компонента класса
• Государство против реквизита
• Хуки - useEffect, useState, useCallback
• Методы жизненного цикла
• Redux - как работает redux, поток redux, редукторы, действия.
• Реагировать на маршрутизацию
• нестандартные крючки

На этом этапе вы должны знать, как выполнять вызовы API , как работает асинхронный код. Вы также должны знать, как JS работает в фоновом режиме, что такое циклы событий.

• Обещания против обратных вызовов
• Вызовы API с Axios
• Закрытие
• Контекст
• Разница между var, let и const
• Как работает ссылка на объект

Помимо знания программирования, вы также должны знать, как работает Интернет. Вы должны понимать, как работает REST API, и правильно использовать инструменты chrome dev, в том числе как отслеживать HTTP-запросы, как просматривать исходный код страницы и как использовать дополнительные инструменты, которые предоставляет React и redux.