Лоренс Ларс Свекис , Майке ван Путтен , Роб Персиваль - JavaScript с нуля до профи

"Smith",
"topic": "HTML"
},
{
"first": "Jane",
"last": "Doe",
"topic": "CSS"
}
]

476  Приложение. Ответы на практические занятия, проекты и вопросы

Создание списков



JavaScript List Project



add

const output = document.querySelector(".output");
const myValue = document.querySelector("input");
const btn1 = document.querySelector("button");
const url = "list.json";
btn1.addEventListener("click", addToList);
let localData = localStorage.getItem("myList");
let myList = [];
window.addEventListener("DOMContentLoaded", () => {
output.textContent = "Loading......";
if (localData) {
myList = JSON.parse(localStorage.getItem("myList"));
output.innerHTML = "";
myList.forEach((el, index) => {
maker(el);
});
} else {
reloader();
}
});
function addToList() {
if (myValue.value.length > 3) {
const myObj = {
"name": myValue.value
}
myList.push(myObj);
maker(myObj);
savetoStorage();
}
myValue.value = "";
}
function savetoStorage() {
console.log(myList);
localStorage.setItem("myList", JSON.stringify(myList));
}
function reloader() {
fetch(url).then(rep => rep.json())
.then((data) => {
myList = data;
myList.forEach((el, index) => {

Глава 15. Дальнейшие шаги  477
maker(el);
});
savetoStorage();
});
}
function maker(el) {
const div = document.createElement("div");
div.innerHTML = `${el.name}`;
output.append(div);
}




Вопросы для самопроверки
1. Предварительно запрограммированные модули JavaScript, которые вы можете
использовать для ускорения процесса разработки.
2. Откройте консоль и наберите $ или jQuery. Если в качестве ответа вы получите
объект jQuery, значит, на странице есть ссылка на $ или jQuery.
3. UnderscoreJS.
4. Наберите node и название файла на компьютере в каталоге файлов.

Лоренс Ларс Свекис, Майке ван Путтен, Роб Персиваль
JavaScript с нуля до профи
Перевел с английского С. Черников

Руководитель дивизиона
Руководитель проекта
Ведущий редактор
Литературный редактор
Художественный редактор
Корректоры
Верстка

Ю. Сергиенко
А. Питиримов
Н. Гринчик
К. Тарасевич
В. Мостипан
Е. Павлович, Н. Терех
Г. Блинов

Изготовлено в России. Изготовитель: ООО «Прогресс книга».
Место нахождения и фактический адрес: 194044, Россия, г. Санкт-Петербург,
Б. Сампсониевский пр., д. 29А, пом. 52. Тел.: +78127037373.
Дата изготовления: 03.2023. Наименование: книжная продукция. Срок годности: не ограничен.
Налоговая льгота — общероссийский классификатор продукции ОК 034-2014, 58.11.12 — Книги печатные
профессиональные, технические и научные.
Импортер в Беларусь: ООО «ПИТЕР М», 220020, РБ, г. Минск, ул. Тимирязева, д. 121/3, к. 214, тел./факс: 208 80 01.
Подписано в печать 15.02.23. Формат 70×100/16. Бумага офсетная. Усл. п. л. 38,700. Тираж 1000. Заказ 0000.

Робин Никсон

СОЗДАЕМ ДИНАМИЧЕСКИЕ ВЕБ-САЙТЫ
С ПОМОЩЬЮ PHP, MYSQL, JAVASCRIPT, CSS И HTML5
6-е издание

Новое издание бестселлера описывает как клиентские, так и серверные
аспекты веб-разработки. Книга, наполненная ценными практическими советами и подробным теоретическим материалом, поможет вам
освоить динамическое веб-программирование с применением самых
современных технологий. Для закрепления усвоенных знаний автор
расскажет, как создать полнофункциональный сайт, работающий по
принципу социальной сети.

КУПИТЬ

Лукас да Коста

ТЕСТИРОВАНИЕ JAVASCRIPT

Автоматизированное тестирование — залог стабильной разработки
качественных приложений. Полноценное тестирование должно охватывать отдельные функции, проверять интеграцию разных частей
вашего кода и обеспечивать корректность с точки зрения пользователя.
Книга научит вас быстро и уверенно создавать надежное программное
обеспечение. Вы узнаете, как реализовать план автоматизированного
тестирования для JavaScript-приложений. В издании описываются стратегии тестирования, обсуждаются полезные инструменты и библиотеки,
а также объясняется, как развивать культуру, ориентированную на качество. Вы исследуете подходы к тестированию как серверных, так и клиентских приложений, а также научитесь проверять свое программное
обеспечение быстрее и надежнее.

КУПИТЬ

--">