Ideal Ideality
[IT/АйТи#7] WEB-База by Ideal
[IT.АйТи#7] WEB-База(HTML,CSS,JS) by Ideal.siq (15,6 МБ)| 211 сорау | |||
| Текст | 100% | Сурәт | 30% |
| Тавыш | 0% | Видео | 0% |
| Категорияләр | |||
| Видео уеннар | 45% | ||
| Мемнар | 24% | ||
| Кино | 13% | ||
| Музыка | 12% | ||
| Иҗтимагый ф. | 10% | ||
| Аниме | 1% | ||
✨Новый пак по АйТи(IT) в честь "Нового года" теперь по WEB Базе(HTML,CSS,JS).Также добавил темы протоколов и графических редакторов и т.д. ✨
👨💻Автор:Ideal aka Ideality.
🧾Темы:IT, HTML, CSS, JS.
⏰Время игры:~2 часа.
⏱Время создания:24 часа.
| Оригиналь язмасы | Чыганак 1 |
Сораулар
1
- Провайдеры какого уровня связывают США и Россию?
- Стандартный порт для HTTP протокола?
- Стандартный порт для HTTPS протокола?
- Расшифровка DNS
- По какому протоколу сегодня работает интернет(+случаи)?
2
- Что замазано?(англ.)
- Главные минусы udp?
- Откуда браузер понимает как ему работать с приходящими HTML,CSS и JS?
- Название сервиса?
- Что нужно указать при оформлении домена на физическое лицо?Также все эти данные прикрепляются к домену и используются, когда его нужно передать другому человеку.
3
- (ЦОД/ЦХОД).Что это простыми словами?
- Назовите уровень ОСИ - [ARP,IPsec,ICMP,IGMP,OSPF]
- Назовите следующие двигатели:(Базовый рендер)
- Расшифруйте Bash.
- Что скрыто?
4
- На какой версии IE перестает работать flex?
- Что такое Fork в Git?
- Назвать сервис:
- Назвать сервис:
- Еще сервис:
5:Спец.вопрос(задушу!)
- Что происходит после ввода адреса в браузер?Пример "youtube.com"
6
- В каком году вышел HTML?
- Как выглядит закрывающий тег у параграфа?
- Что делают теги <hr> ,<br> ?
- Что делает тег <em> ?
- Внимательно посмотрите и ответьте что будет на странице:
7
- Тег <div> это сокращение ЭТОГО слова.
- Что находится на первой строчке в VSCode, если использовать сниппет '!' ?
- Какой стандарт HTML вышел после версии 5.2?
- Что случилось с блочными и строчными тегами после 2018 года в HTML?
- Расшифруйте <li>.
8
- Можно ли <ul></ul> вложить в <p></p> согласно документации?
- Можно ли сделать так согласно доке?
- Что означает "Прозрачная" контентная модель у тегов?
- Перед вами 2 примера.Вопрос:Как правильно писать или как не правильно или что?
- Найдите ошибки в этом коде:
9
- Как называется валидатор от W3C?
- От чего зависит способ проверки валидатора от W3C?
- Можно ли использовать 2 семантических футера на одной странице?
- Что делает тег <dl> ?
- <i>,<em>,<b>,<strong> - Что из этого новые теги,а что старые?
10
- Как называется атрибут тега <time> позволяющий роботам прочесть дату?
- Назвать элемент:
- Какого типа <button> по умолчанию?
- Так скрыт он или нет?
- Что такое WHATWG ?
11
- В каком году вышел Photoshop?
- Что это?
- Названия или в каком году вышли?
- Как расшифровывается Adobe XD ?
- Что такое интерлиньяж?
12
- Что такое кернинг?
- Какой клавишей выбирается Rectangle tool в Photoshop?
- На какую галочку(тогл) нужно нажать чтобы показывалась обводка у Move tool(V) ?
- [#00ff00] - Что это за цвет?
- Что это за приложение?
13
- Назовите приложение:
- Какого расширения шрифты бывают?
- Как правильно выбирать цвет текста в Photoshop?Чтобы было без потерь.
- Сколько всего видов градиента в Photoshop?
- Поддерживает ли JPEG прозрачность?Если да,то в каком случае?
14
- Что делает сервис Squoosh?
- Как выгодней добавлять экзотические текста на сайт, шрифтами или графикой(картинкой)?
- Что такое "кегль"?
- Что такое "Графема"?
- Что такое "Глиф"?
15
- Как для браузера выглядит background-position:10px ?
- Что означает леттеринг в искусстве?
16
- Тег <...> служит контейнером для элементов <area>, которые определяют активные области для изображений.
- Что означает следующий текст на программерском?
- Что означает следующий текст на программерском? -['k8s']
- Сколько людей лишенных зрения на нашей планете согласно Минпросвещению России.(+-5m)
- Если Tab переходит вперед по интерфейсу ,то каким образом с помощью клавиатуры мы можем перейти назад по интерфейсу(по аналогии с Tab)?
17
- А какая клавиша определяет нажатие на клавиатуре?(не переход)
- Какого цвета обводка фокуса(аутлайн) на yandex.com
- Из чего сделали ребята из GitHub эту выпадашку ?
- Как подсвечивается фокус(аутлайн) на aliexpress.com с клавиатуры?
- Какой псевдокласс находит любой элемент, являющийся первым в своём родителе?
18
- В каком порядке выведутся ссылки?
- Как переводится σημαντικός ?
- Тег HTML ссылающийся на цитату?
- Что такое ...?
- Назовите сервис(фичу) GitHub позволяющий делиться участками кода.
19
- Перечислить иконки:
- Вопрос:Что из этого интерактивные элементы?
- Как называется подобное меню?
- Для чего изначально придумывался CSS?
- Что появилось раньше <button> или <input> ?
20
- Принимает ли <div> состояние active?
- Может ли <div> стать интерактивным?Если да, то как?
- Какое CSS выражение отключает click события?
- Знает ли <div> о disabled атрибуте или свойстве
- Если мы отправляем форму методом "POST" ,то откуда берутся названия полей которые отправляются?
21
- Один из способов как дать понять браузеру ,что в следующем примере в форме, input и текст связаны(и скринридеры поймут ,что это его описание) :
- С помощью чего создается оправа для радио-сета показанная в примере?
- Как настраивается 3 варианта радио?(один checked,другой unchecked)
- Как называется последняя страничка в этом меню?
- Атрибут добавляющий ссылке подпись которую будет читать скринридер.
22
- Как расшифровывается ARIA ?
- Назвать сервис:
23
- Как прописываются комментарии в CSS ?
- Как называется такой вид селекторов ?
- Жизненный вопрос:Сколько всего псевдоклассов CSS описывает MDN ?(+-2)
- CSS псевдокласс :[...] находит любые <input> или <form> элементы, контент которых валиден (en-US), в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что помогает понять пользователю, что он ввёл данные правильно.
- Для чего используются (::) и (:) в CSS ?
24
- Что означает следующая запись?
- На какой версии закончилась CSS ?(спецификация)(последняя версия CSS)
- Что означает понятие каскадный в CSS ?
- По скольким позициям рассчитывается специфичность(вес) селектора?
- Относительно чего следующие 3 свойства?
25
- Kaк расшифровывается RGBA?
- как расшифровывается HSL?
- С чего начинаются CSS-директивы?
- Какая директива для подключения нестандартных шрифтов существует ?
- Что означает следующее написание?(Описать о чем это)
26
- Как добавит иконку через псевдоэлемент?
- Зачем нужен Normalize.css ?
- Антипатерн CSS сбрасывающий стили?
- Чем отличаются типы Serif и Sans-Serif у текстов?
- Какой записи CSS равняется "regular" в google fonts?
27
- С какого значения(в цифрах) font-weight начинается bold?
- Сколько существует значений font-display согласно MDN?
- Принимает ли background-color значение inherit ?
- Есть ли у тега button свойство border?
- Как выбирать атрибуты в селекторах?
28
- <h1> это какой тег по display?
- <time> это какой тег по display?
- Можно ли изменить высоту или ширину у inline элементов через CSS?
- Можно ли изменять отступы(margin,padding) у inline элементов?
- Перечислите разделы блочной модели.(Типа margin и т.д.)
29
- Какими цветами определяются margin,border,padding,content в абстракции Chrome в F12?
- Что произойдет с контентом block элемента на примере <span> с height:auto и width:auto без контента?
- Что означает следующая запись?
- Что мнемоническим словом trouble можно запомнить в контексте отступов?
- В какой последовательности согласно сайту "on-line-teaching.com" border задает значения атрибутов(3 основные)
30
- Как поменять цвет margin через CSS?
- Чему будет равняться общее расстояние внеш.отступа в следующем примере если поставить один блок на другой?
- Назвать сервис:
- Что такое box-sizing:border-box ?
- Что по умолчанию ставится у box-sizing ?
31
- Что такое краулер?
- Если табать по интерактивным элементам(1,2,3),то в каких последовательностях будет фокус в след. 4 примерах(измененных flex-direction)?
- Будет ли работать float внутри flex ?
- Что делает flex-basis?
- flex-basis и width вместе с height.Что приорететней?
32
- flex-grow значение по умолчанию?
- flex-shrink значение по умолчанию?
- Что будет если поставить margin:auto 2-му элементу в flex-контейнере?
- Что делает align-items:baseline ?
- Из чего состоит сокращенная запись flex: поочередно?
33
- На каком направлении формируются обычные flex-строки?
- Что делает align-content у flex?
- align-content значение по умолчанию?
- Чем отличается align-items и align-content в flex?
- Как работает display:inline-block?
34
- В чем разница между display:flex и display:inline-flex?
- Что-то магическое появляется между элементами с display:inline-block
- Перечислить все глобальные значения position
- Значение по умолчанию у position?
- Если мы поставим position:relative элементу,сместим его и изменим его размеры.Что произойдет с его предыдущем местом?
35
- Какое поведение принимает элемент подверженный position:absolute ?
- К чему привязывается элемент подверженный position:absolute ,если родитель(предки) у него static?
- К чему привязывается элемент подверженный position:absolute ,если родитель у него relative?
- В какие стороны будет расти(height,width) блок если мы позиционируем от bottom и right ?[absolute]
- Как внутри работает position:sticky(Из каких этапов состоит)?
36
- Как называется паттерн-класс позволяющий скрыть элемент ,при этом оставив доступ к нему?
- Назвать инструмент
- О чем говорит "правило внешнего и внутреннего"?
- Начальное display значение у button?
- Что делает данный селектор? p ~ div
37
- Для чего используется "+" в селекторах? Пример: div + p {}
- Для чего используется ">" в селекторах? Пример: div > p {}
- :nth-child(3) и nth-child(3n) . Разница?
- Лого чего?
- Что нужно для того чтобы флекс частично работал в IE 10 ?
38
- Что является корневым элементом DOM?
- Что это во вкладке Elements?
- Пропишите в чате поиск по класу инпуту с атрибутом имени login через querySelector
- Можно ли в querySelector передавать псевдо-элементы(before и after)?
- Знает ли DOM про ::before и ::after ?
39
- Можно ли в локалСторэдж загрузить картику и аудиофайл?
- Каким методом можно полностью очистить localStorage?
- Что возвращает querySelectorAll в браузере?(Название)
- Глобальный объект window для браузеров ,global для node.А как называется недавно добавленный объект поддерживаемый во всех средах?
- К какому объекту мы обращаемся когда хотим закрыть модальное окно по "эскейпу"?Точнее как правильно это делать?
40
- Какой код клавиши у "эскейп"?
- Метод у classList проверяющий нахождение определенного класса
- Нажмите на кнопку ответа и услыште вопрос по следующему слайду:
- Что происходит на слайде с точки зрения действий браузера если класс уже есть?
- <Сурәт>
41
- Какой тег предлагает для отправки своих карт Google?
- Как расшифровывается MDN?
42
- Что скрыто?
- Назвать сайт:
- Какими хоткеями вызывается поисковое меню в devTools браузера?
- Как лучше именовать файл стилей для рекламы?
- О чем этот холиварный сайт(пост)?
43
- Из какого движка появился Chromium?
- Итак,на каком движке работает IE?
- Что такое Прокси браузеры?
- Что такое Яндекс "Бабуля"?
- Назвать первые 3 самых популярных браузера на следующей таблице:[Яндекс.Россия]
44
- Как называется сервис Яндекса по статистике браузеров?
- Каким хоткеем открывается Device toolbar в DevTools на Windows?
- Что это и как называется?
- Что это и как называется?
- Назовите подкаст:
45
- Подкаст:
- Спонтанный вопрос:Есть ли у движка V8 свой официальный акаунт в X?
46:Баланс пака
- Вот что было у автора пака на уме ,когда он делал этот пак:
Вы всё равно выберете один вопрос
- Назвать сервис Его лого:
Охшаш пакетлар
Раундларда темалар
Твич контора молодцов: Стример по смеху, Стример по аве, Po ruski govori suqa, Смайлы твича, Legends Never DieКиномоменты: Сериалы, Фильмы, Мультики, Откуда фраза, Оригинальная озвучка, Студия по фильмам\мультикам
Игры: Крафты в майне, Игра по карте, Игра по факту, OST из игр, Антагонисты игр
Рандом моменты: Загадка от Жака Фреско, Музыкальные инструменты, Столицы, Персонажи из лунтика, Мьюзик сонгс, Сколько это стоит(в рублях)
Караоке: Русское, Английское
Финал: Конец
| 120 сорау | |||
| Текст | 35% | Сурәт | 45% |
| Тавыш | 18% | Видео | 8% |
| Категорияләр | |||
| Видео уеннар | 47% | ||
| Мемнар | 30% | ||
| Музыка | 17% | ||
| Кино | 15% | ||
| Иҗтимагый ф. | 4% | ||
| Аниме | 0% | ||
Раундларда темалар
Летсегоу!: Игра по скриншоту, Вот они слева на право, Кто эти легенды?, Квиз по доте, Мультфильм по скриншоту, Песня по первым секундамВ бой: Что за персонаж, Игра по скриншоту (Old Version), Откуда музыка?, Фильм по скриншоту, Что за фигурой?, Мобильная игра
Ластовая каточка: Косплей, Man или WoMan, Угадай звук из дота 2, Фраза персонажа из доты, Ещё один квиз по доте
Гамовер: Игра по скриншоту, Косплей, Мультфильм по картинке, Как его зовут?, Фильм по кадру
| 108 сорау | |||
| Текст | 18% | Сурәт | 72% |
| Тавыш | 22% | Видео | 0% |
| Категорияләр | |||
| Видео уеннар | 50% | ||
| Мемнар | 18% | ||
| Кино | 16% | ||
| Музыка | 12% | ||
| Иҗтимагый ф. | 4% | ||
| Аниме | 2% | ||
Раундларда темалар
Летсегоу!: Игра по скриншоту, Вот они слева на право, Кто эти легенды?, Квиз по доте, Мультфильм по скриншоту, Песня по первым секундамВ бой: Что за персонаж, Игра по скриншоту (Old Version), Откуда музыка?, Фильм по скриншоту, Что за фигурой?, Что будет дальше?
Ластовая каточка: Косплей, Man или WoMan, Угадай звук из дота 2, Фраза персонажа из доты
Гамовер: Игра по скриншоту, Косплей, Мультфильм по картинке, Как его зовут?, Фильм по кадру
| 107 сорау | |||
| Текст | 12% | Сурәт | 65% |
| Тавыш | 23% | Видео | 6% |
| Категорияләр | |||
| Видео уеннар | 40% | ||
| Мемнар | 19% | ||
| Кино | 14% | ||
| Музыка | 12% | ||
| Иҗтимагый ф. | 3% | ||
| Аниме | 2% | ||