Программирование на JavaScript

1. Document Object Model. В любом редакторе создайте новый файл с расширением .html. Добавьте базовую структуру HTML-документа. Обеспечьте добавление нового элемента в DOM при помощи JavaScript. Реализуйте возможность выбора типа элемента (например, заголовок , ссылка ) пользователем. Расширьте возможности ввода, чтобы пользователь мог ввести не только значение атрибута, но и текст содержимого нового элемента. Выведите информацию о добавленном элементе в консоль браузера, включая его тип, содержимое и атрибут. Используйте стили для определения добавленным элементам визуального оформления (цвет фона, изменение шрифта). Добавьте возможность удаления последнего добавленного элемента при помощи кнопки (слайды 3-11).

2. Создание базовой структуры HTML-документа. В любом редакторе создайте новый файл с расширением .html. Добавьте базовую структуру HTML-документа. Добавьте DOM-элемент с уникальным идентификатором. Подключите библиотеки React и ReactDOM через CDN. Для компиляции JSX в код JavaScript подключите инструмент Babel (слайд 27).

3. Создание компонентов React. Создайте классовый и функциональный компонент для отображения, например, информации о студенте. В компонентах необходимо использовать в качестве корневого элемента для обертки элементов ,

и других, отображающих информацию о студенте. Выполните отрисовку каждого из созданных компонентов в реальный DOM браузера используя JSX и React.createElement() (слайды 12-33).

4. Использование свойств в классовых и функциональных компонентах. Каждый компонент должен принимать свойства (props), например, имя, фамилия, специальность студента. Добавьте значения по умолчанию (default props) в компоненты. Произведите отрисовку каждого из созданных компонентов в реальный DOM браузера, передавая различные значения свойств для каждого студента (слайды 33-37).

5. Использование состояния в компонентах. Добавьте состояние в классовый и функциональный компонент и обновите его динамически (слайды 38-43).

6. Выполнение побочных эффектов. Предоставьте возможность выполнения действий, которые могут быть выполнены в ответ на изменение зависимостей компонента. Определите, какие конкретные изменения в зависимостях (возраст, имя, фамилия) должны вызывать выполнение соответствующих побочных эффектов. Например, при изменении зависимостей, передать в консоль информацию о текущем состоянии компонента (слайды 44-46).