WEB - верстальщик HTML, CSS, JS
157 subscribers
68 photos
11 links
Если тебе интересна верстка и все что с ней связано, то этот канал для тебя!
Тут публикуются интересные статьи, тесты, задачи, обзоры.

Реклама: @layout_developer
Download Telegram
Советов по оптимизации JavaScript:

1. Слишком много сторонних библиотек и скриптов
.
По мере роста нашего приложения существует большая вероятность наличия слишком большого количества зависимостей, плагинов или даже скриптов, которые негативно повлияют на производительность приложения. Поможет удаление ненужных зависимостей.

2. Отсутствие CDN
Отличный способ повысить производительность вашего приложения, если в нем много веб-содержимого — это использовать Content Delivery Network (CDN). CDN доставляет ваш статический контент с ближайшего к вам сервера, который будет иметь высокую скорость загрузки.

#javascript
<script type="text/javascript">
var a = prompt("Введите число");
var b = a + 1; alert(b); </script> При выполнении скрипта появилось окно, в которое пользователь ввёл 10. Что будет написано в следующем появившемся окне?
Anonymous Quiz
3%
1
3%
2
41%
101
54%
11
Атрибут srcset

Атрибут 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
Атрибут sizes

Атрибут srcset работает отлично, но когда браузер читает HTML, он не знает, использовали ли вы CSS , чтобы масштабировать изображение, например, на 50% от ширины экрана.

Вот когда в игру вступает атрибут sizes. С его помощью мы даем браузеру подсказку о том, как будет отображаться изображение после применения CSS.

#css
​​Сколько можно заработать на верстке сайтов?

Стоимость верстки зависит от множества факторов, таких как: сложность верстки, количество элементов на странице (форм, меню и т.д.), требований заказчика (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, так как некоторые могут присутствовать в подключаемых сторонних плагинах. Но нужно стараться свести ошибки к минимуму.
Есть такой CSS-код во внешнем файле: p {color: blue;}. На странице написан такой HTML-код: <p style="color: red;">текст</p>. Какого цвета будет "текст"?
Anonymous Quiz
72%
Красного
5%
Чёрного
6%
В браузере IE8 синего, а в других красного
17%
Синего
Использование конструктора Event в 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()
This media is not supported in your browser
VIEW IN TELEGRAM
Форма входа с плавающим заполнителем и световой кнопкой

#html #css
Какой CSS-код написан правильно?
Anonymous Quiz
7%
<div> {border: 1px solid #ccc;}
64%
div {border: 1px solid #ccc;}
7%
<div> {border: 1px solid #hhh;}
Кроссбраузерность сайта - это его корректное отображение во всех популярных интернет-браузерах:
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%
Оба варианта правильные.