Вы находитесь на странице: 1из 4

Нусс Антон

ИС-308
“Верстка сайта при помощи JS”
Формулировка задания:

Используя любой фреймворк(React, Vue, Angular, Ember,


Backbone.js), создать верстку сайта только на JS. То есть при открытии
страницы срабатывает скрипт, который выводит всю информацию на
странице. Можно использовать любой макет сайта по своему желанию,
можно взять сайт, который делали в прошлом семестре в качестве
итоговой работы.

Теория:

React — это JavaScript-библиотека для разработки


пользовательского интерфейса. React изначально был спроектирован так,
чтобы его можно было внедрять постепенно. Другими словами, вы можете
начать с малого и использовать только ту функциональность React,
которая необходима вам в данный момент.
Это JSX — расширение языка JavaScript. JSX напоминает язык шаблонов,
наделённый силой JavaScript.
Проще всего объявить React-компонент как функцию:

function Welcome(props) {
return <h1>Привет, {props.name}</h1>;
}

Эта функция — компонент, потому что она получает данные в одном


объекте («пропсы») в качестве параметра и возвращает React-элемент. Мы
будем называть такие компоненты «функциональными», так как они
буквально являются функциями.

Реализация работы:

Вначале для работы был установлен Node JS. Используя командную


строку был установлен React. С помощью команды npm install -g create-
rect-app был установлен сам React. Следом нужно выбрать папку, где
будут находиться файлы и прописать команду create-rect-app "название
папки". Запускаем React с помощью команды npm start.
В качестве шаблона был выбрана итоговая работа по второму семестру. В
файле App.js была перенесена почти вся верстка html. В процессе работы
было решено сделать одностраничный сайт и убрать шапку. В файле
App.css был почти весь CSS код шаблона.

Итоговый результат :