РАЗРАБОТКА REACT-ПРИЛОЖЕНИЯ ПОИСКА КНИГ С ПОМОЩЬЮ OPENLIBRARY API

Введение 3
1. Инструментарий Gulp 5
1.1 Структура файла gulpfile.js 5
1.2 Инструменты Gulp 5
2. Особенности БЭМ 6
2.1 Проблемы, котрые решет БЭМ 6
3. Вёрстка многостраничного сайта 7
3.2. Сайт Desire 9
Заключение 17
Список использованных источников 18

Весь текст будет доступен после покупки

Почему я выбрал React. Прежде чем приступить к делу, скажу пару слов о том, почему React можно считать наилучшей альтернативой среди средств для разработки веб-интерфейсов. Существует множество UI-фреймворков. Почему стоит выбрать именно React? Для того чтобы ответить на этот вопрос — сравним два самых популярных инструмента для разработки интерфейсов — React и Angular. Надо отметить, что в это сравнение можно было бы включить и набирающий популярность фреймворк Vue.js, но мы ограничимся React и Angular.
Декларативный подход к описанию интерфейсов. React-разработка заключается в описании того, что нужно вывести на страницу (а не в составлении инструкций для браузера, посвящённых тому, как это делать). Это, кроме прочего, означает значительное сокращение объёмов шаблонного кода.
В составе Angular, с другой стороны, есть средства командной строки, которые генерируют шаблонный код компонентов. Не кажется ли это немного не тем, чего можно ждать от современных инструментов разработки интерфейсов? Фактически, речь идёт о том, что в Angular так много шаблонного кода, что для того, чтобы его генерировать, даже создано специальное средство.
В React, приступая к разработке, просто начинают писать код. Тут нет шаблонного кода компонентов, который нужно как-то генерировать. Конечно, перед разработкой нужна некоторая подготовка, но, когда дело доходит до компонентов, их можно описывать в виде чистых функций.
Чёткий синтаксис. В Angular-коде используются директивы вроде ng-model, ngIf и ngFor. Выглядит такой код довольно-таки громоздко. В React, с другой стороны, применяется синтаксис JSX, который воспринимается как обычный HTML, то есть, для того, чтобы приступить к React-разработке, не нужно изучать принципиально новые вещи.
Быстрый старт для разработчика. Если вы знаете JavaScript, то, вероятно, вы сможете научиться писать React-приложения буквально за день. Конечно, для того, чтобы научиться делать это правильно, потребуется некоторое время, но приступить к работе можно очень и очень быстро.

Весь текст будет доступен после покупки

1. Инструментарий Gulp
Средства запуска задач, такие как gulp и Grunt , построены на Node.js, а не на npm , потому что базовые сценарии npm неэффективны при выполнении нескольких задач. Несмотря на то, что некоторые разработчики предпочитают сценарии npm , потому что они могут быть простыми и лёгкими в реализации, существует множество способов, в которых gulp и Grunt, кажется, имеют преимущество друг перед другом, а также сценарии, предоставляемые по умолчанию. Gulp позволяет значительно ускорить работу над проектом. С его помощью можно: настроить автопрефиксер, оптимизировать такие ресурсы, как css, js, изображения, gulp позволяет использовать препроцессоры, а так же с его помощью можно объединять множество файлов в один.
1.1 Структура файла gulpfile.js
Установка Gulp 4 довольно простая. Так как Gulp написан на языке javascript, изначально необходимо установить Node.js на вашу систему. После в консоли, открыв папку проекта нужно установить gulp с помощью npm, инструкцию по установки можно найти на официальном сайте gulp.
Далее в каталоге проекта создаем файл gulpfile.js. Это самый основной файл, без которого Gulp работать не может. По сути в него можно писать любой javascript код, но gulp — это менеджер управления задачами, и эти задачи описываются в этом файле в виде обычных функций. Что бы запускать эти задачи, функцию нужно экспортировать через оператор exports.

Весь текст будет доступен после покупки

1. Современный учебник JavaScript – [Электронный ресурс] – https://learn.javascript.ru//. – Дата доступа: 13.12.2022.
2. Википедия – [Электронный ресурс] – https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0 . – Дата доступа: 20.12.2022.
3. БЭМ-методология – Documentation. – 67 с.
4. NPM – [Электронный ресурс] – https://www.npmjs.com/ . – Дата доступа: 05.12.2022.
5. SASS – [Электронный ресурс] –https://sass-lang.su/ . – Дата доступа: 20.11.2022.

Весь текст будет доступен после покупки