<script type="text/javascript">
var a = prompt("Введите число");
var b = a + 1; alert(b); </script> При выполнении скрипта появилось окно, в которое пользователь ввёл 10. Что будет написано в следующем появившемся окне?
var a = prompt("Введите число");
var b = a + 1; alert(b); </script> При выполнении скрипта появилось окно, в которое пользователь ввёл 10. Что будет написано в следующем появившемся окне?
Anonymous Quiz
3%
1
3%
2
41%
101
54%
11
Атрибут srcset
Атрибут
Это разделенный запятыми список URL-адресов с шириной для каждого. Каждый элемент в списке выглядит так:
#css
Атрибут
srcset предоставляет браузеру множество источников на выбор, а также размер каждого из этих источников.Это разделенный запятыми список URL-адресов с шириной для каждого. Каждый элемент в списке выглядит так:
«image.jpg 1000w,», что сообщает браузеру, что файл image.jpg имеет ширину 1000 пикселей.#css
Какой селектор написан с ошибкой?
Anonymous Quiz
15%
div p
40%
input["text"]
13%
input[type="text"]
33%
input.text
Cоветов по оптимизации JavaScript (Часть2)
3. Слишком много HTTP-запросов.
Ваш сайт связывается с сервером через HTTP-запросы для отображения информации. Это означает, что чем больше запросов он выполняет, тем дольше загружается ваша страница. Если ваш сайт загружает много скриптов и ресурсов, это будет проблемой для производительности. Поскольку браузер может загружать другие ресурсы, необходимые для загрузки страницы, то анализ и выполнение JavaScript откладывается.
4. Не сокращенный JavaScript код
Сокращение файла JavaScript приведет к удалению комментариев, сокращению имен переменных, удалению пробелов, а также удалению неиспользуемого кода. Выполнение всего вышеперечисленного не влияет на функциональность приложения, но обеспечивает более быстрое выполнение, поскольку размер файла теперь уменьшен. Есть много инструментов минификации, которые вы можете использовать.
#javascript
3. Слишком много HTTP-запросов.
Ваш сайт связывается с сервером через HTTP-запросы для отображения информации. Это означает, что чем больше запросов он выполняет, тем дольше загружается ваша страница. Если ваш сайт загружает много скриптов и ресурсов, это будет проблемой для производительности. Поскольку браузер может загружать другие ресурсы, необходимые для загрузки страницы, то анализ и выполнение JavaScript откладывается.
4. Не сокращенный JavaScript код
Сокращение файла JavaScript приведет к удалению комментариев, сокращению имен переменных, удалению пробелов, а также удалению неиспользуемого кода. Выполнение всего вышеперечисленного не влияет на функциональность приложения, но обеспечивает более быстрое выполнение, поскольку размер файла теперь уменьшен. Есть много инструментов минификации, которые вы можете использовать.
#javascript
Что делает функция printMessage("Text")?
Anonymous Quiz
21%
Выводит окно с текстом Text.
49%
Функция printMessage() вообще не существует.
23%
Выводит окно с текстом "Text"
8%
Ошибка, поскольку в функции printMessage() 2 параметра.
Атрибут sizes
Атрибут srcset работает отлично, но когда браузер читает HTML, он не знает, использовали ли вы CSS , чтобы масштабировать изображение, например, на 50% от ширины экрана.
Вот когда в игру вступает атрибут sizes. С его помощью мы даем браузеру подсказку о том, как будет отображаться изображение после применения CSS.
#css
Атрибут srcset работает отлично, но когда браузер читает HTML, он не знает, использовали ли вы CSS , чтобы масштабировать изображение, например, на 50% от ширины экрана.
Вот когда в игру вступает атрибут sizes. С его помощью мы даем браузеру подсказку о том, как будет отображаться изображение после применения CSS.
#css
Сколько можно заработать на верстке сайтов?
Стоимость верстки зависит от множества факторов, таких как: сложность верстки, количество элементов на странице (форм, меню и т.д.), требований заказчика (Pixel Perfect стоит дороже), опыт и уровень верстальщика. В этом посте указаны примерные расценки (на фрилансе), на которые можно ориентироваться.
Стоимость верстки зависит от множества факторов, таких как: сложность верстки, количество элементов на странице (форм, меню и т.д.), требований заказчика (Pixel Perfect стоит дороже), опыт и уровень верстальщика. В этом посте указаны примерные расценки (на фрилансе), на которые можно ориентироваться.
Как сделать ширину таблицы на всю страницу (либо родительского контейнера) ?
Anonymous Quiz
14%
<table width="auto">
4%
<table width="100">
82%
<table width="100%">
0%
<table>
Валидность верстки сайта
Валидность верстки сайта - это ее соответствие стандартам. Существуют определенные мировые стандарты HTML, которых необходимо придерживаться при верстке. Валидность легко проверить на сайте validator.w3.org. Валидность может учитываться поисковыми системами, так как если сайт с ошибками в HTML, он может некорректно отображаться для пользователя.
Иногда не получится исправить абсолютно все ошибки, указанные валидатором validator.w3.org, так как некоторые могут присутствовать в подключаемых сторонних плагинах. Но нужно стараться свести ошибки к минимуму.
Валидность верстки сайта - это ее соответствие стандартам. Существуют определенные мировые стандарты HTML, которых необходимо придерживаться при верстке. Валидность легко проверить на сайте validator.w3.org. Валидность может учитываться поисковыми системами, так как если сайт с ошибками в HTML, он может некорректно отображаться для пользователя.
Иногда не получится исправить абсолютно все ошибки, указанные валидатором validator.w3.org, так как некоторые могут присутствовать в подключаемых сторонних плагинах. Но нужно стараться свести ошибки к минимуму.
Есть такой CSS-код во внешнем файле: p {color: blue;}. На странице написан такой HTML-код: <p style="color: red;">текст</p>. Какого цвета будет "текст"?
Anonymous Quiz
72%
Красного
5%
Чёрного
6%
В браузере IE8 синего, а в других красного
17%
Синего
Использование конструктора Event в JavaScript
Пользовательское событие может быть создано с помощью конструктора Event, например:
В приведенном выше фрагменте мы создали событие myevent, передав имя события конструктору Event. Имена событий нечувствительны к регистру, поэтому myevent такое же, как myEvent и MyEvent и т.д. Конструктор события также принимает объект, который определяет некоторые важные свойства, касающиеся события.
#javascript
Пользовательское событие может быть создано с помощью конструктора Event, например:
const myEvent = new Event('myevent', { bubbles: true, cancelable: true, composed: false})В приведенном выше фрагменте мы создали событие myevent, передав имя события конструктору Event. Имена событий нечувствительны к регистру, поэтому myevent такое же, как myEvent и MyEvent и т.д. Конструктор события также принимает объект, который определяет некоторые важные свойства, касающиеся события.
#javascript
Требуется вывести на страницу код, который он написал на языке Java. Какой тег для этого ему необходимо использовать?
Anonymous Quiz
54%
<code>
12%
<pre>
5%
<p>
29%
<java>
Книга по HTML и CSS «Основы Самостоятельного Сайтостроения»
Данная книга предназначена для новичка. Для тех, кто не знает, как подступиться к миру сайтостроения, не знает, с чего начать.
В данной книги шаг за шагом, урок за уроком автор поведет вас в увлекательный мир сайтостроения. Книга разбита на главы, которые надо изучать в хронологической последовательности, т.к. каждая следующая тема опирается на предыдущую.
#книги
Данная книга предназначена для новичка. Для тех, кто не знает, как подступиться к миру сайтостроения, не знает, с чего начать.
В данной книги шаг за шагом, урок за уроком автор поведет вас в увлекательный мир сайтостроения. Книга разбита на главы, которые надо изучать в хронологической последовательности, т.к. каждая следующая тема опирается на предыдущую.
#книги
Какая функция вызывает окно с текстовым полем, в которое пользователь может ввести строку?
Anonymous Quiz
34%
alert()
35%
promt()
29%
prompt()
1%
alerts()
Кроссбраузерность сайта - это его корректное отображение во всех популярных интернет-браузерах:
• Google Chrome
• Yandex-browser
• Mozilla Firefox
•Safari
• Inernet Explorer
• Opera
Для проверки кроссбраузерности сразу в нескольких браузерах и различных их версиях существуют специальные сервисы.
Самый популярный и доступный из них - browsershots.org. Здесь Вы можете указать ссылку на нужную страницу сайта и выбрать необходимые версии браузеров. Проверка занимает несколько минут. В течение этих нескольких минут постепенно появляются скриншоты Вашего сайта в проверенных версиях браузеров.
• Google Chrome
• Yandex-browser
• Mozilla Firefox
•Safari
• Inernet Explorer
• Opera
Для проверки кроссбраузерности сразу в нескольких браузерах и различных их версиях существуют специальные сервисы.
Самый популярный и доступный из них - browsershots.org. Здесь Вы можете указать ссылку на нужную страницу сайта и выбрать необходимые версии браузеров. Проверка занимает несколько минут. В течение этих нескольких минут постепенно появляются скриншоты Вашего сайта в проверенных версиях браузеров.
Как сделать нумерованный список, какой из тегов надо использовать:
Anonymous Quiz
1%
<tr>
75%
<ol>
20%
<ul>
4%
<list>
Какой из вариантов объявления функции правильный: var func = function() {}; или function func() {}
Anonymous Quiz
31%
var func = function() {};
14%
Оба варианта неправильные.
20%
function func() {}
36%
Оба варианта правильные.
Адаптивность верстки сайта
Современная верстка должна быть адаптивной под различные размеры экрана. При просмотре сайта все смысловые блоки страницы выстраиваются в один столбик, а не самые важные элементы скрыты с возможностью их отображение по кнопке.
Быстро проверить адаптивность можно так: просто постепенно уменьшайте браузер по ширине. Вы увидите, как перестраиваются блоки сайта. Чтобы видеть, какие в данный момент размеры окна, нажмите клавишу F12, и после этого меняйте размеры браузера.
Ну, а самый эффективный и точный способ - тестирование верстки на мобильном устройстве.
Современная верстка должна быть адаптивной под различные размеры экрана. При просмотре сайта все смысловые блоки страницы выстраиваются в один столбик, а не самые важные элементы скрыты с возможностью их отображение по кнопке.
Быстро проверить адаптивность можно так: просто постепенно уменьшайте браузер по ширине. Вы увидите, как перестраиваются блоки сайта. Чтобы видеть, какие в данный момент размеры окна, нажмите клавишу F12, и после этого меняйте размеры браузера.
Ну, а самый эффективный и точный способ - тестирование верстки на мобильном устройстве.
Какой вариант задания цвета НЕ сработает?
Anonymous Quiz
34%
color: #aaaaaa
48%
color: #hhh
11%
color: #000
7%
color: #aaa