Проект DOM из курса NetNinja.
Многое было сделано в javascript и манипулировании DOM. А теперь пришло время попрактиковаться в проекте.
Проект, который я называю «Readal», будет представлять собой небольшое книжное приложение, в котором мы сможем добавлять новую книгу, удалять книгу и искать книгу. Все эти функции будут реализованы с помощью манипулирования DOM с помощью javascript.
Проект будет создан в результате манипулирования NetNinja DOM.
Для начала, Today был макетом пользовательского интерфейса с html и CSS, как на изображении выше.
Давайте сделаем некоторые вещи из командной строки.
Откройте свой терминал, удерживая ctrl + T для пользователей Mac и Linux.
Затем перейдите в каталог по вашему выбору, скажем, на рабочем столе вот так
$ cd Desktop
Создать html файл;
создайте папку и назовите ее DOM_project. Вы можете использовать любое имя по вашему выбору. СДЕЛАЙТЕ это, чтобы создать новую папку.
$ mkdir DOM_project
Теперь перейдите в папку и создайте три файла: index.html, styles.css и Dom.js, например так.
$ cd DOM_project $ touch index.html $ touch styles.css $ touch dom.js
Затем откройте вашу папку с помощью любого редактора по вашему выбору, я обычно делаю это из корневой папки, то есть папки DOM_project. Мой любимый редактор — Visual Studio Code от Microsoft.
DOM_project $ code .
Вот и все, приступаем к кодированию.
Вот HTML-файл
А вот и CSS