Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 30 из 70 · 11 мин
Элементы, через которые HTML работает с JavaScript: подключение скриптов, шаблоны и холст для рисования.
Хочу калькулятор: сколько обоев нужно на комнату. Это HTML?
Логика — это JavaScript. Но подключают его HTML-тегами.
<script>src — файл. defer — выполнить после разбора HTML, по порядку. async — как только скачался. type="module" — модуль.defer — правильный выбор почти всегда.<script src="calc.js" defer></script>deferdefer.<script src="app.js" defer></script>async<script src="stats.js" async></script>nomoduletype="module".<script type="module" src="app.js"></script>
<script nomodule src="app-legacy.js"></script><noscript><noscript>Включи JavaScript, чтобы посчитать обои для комнаты.</noscript><template><template id="drink">
<li class="drink"></li>
</template><canvas><canvas width="300" height="150">График продаж за неделю</canvas>Подготовь место для калькулятора: canvas 300×150 с запасным текстом внутри, template с карточкой товара (article внутри) и noscript с просьбой включить JavaScript.
canvas 300×150 — пока нетtemplate — пока нетnoscript — пока нетВыберите один ответ.
Какой атрибут загружает скрипт параллельно и выполняет его после разбора HTML, сохраняя порядок?
Выберите один ответ.
Что происходит с содержимым <template> при загрузке страницы?
Выберите один ответ.
Зачем писать текст внутри <canvas>?
Проверяем состояние обучения…