Сегодня четверг, а значит пришло время для небольшой практической задачки по вёрстке!
Сверстайте представленный макет в трёх разрешениях (десктопный, планшетный и мобильный).
Получившийся макет можно добавить в собственный снипет и пользоваться при необходимости:
https://www.figma.com/file/VLBCEuplTRvI3RnCQzY8GJ/HTML-and-CSS-and-JS-tasks?node-id=0%3A1
Сверстайте представленный макет в трёх разрешениях (десктопный, планшетный и мобильный).
Получившийся макет можно добавить в собственный снипет и пользоваться при необходимости:
https://www.figma.com/file/VLBCEuplTRvI3RnCQzY8GJ/HTML-and-CSS-and-JS-tasks?node-id=0%3A1
Figma
HTML&CSS&JS tasks
Created with Figma
Какой атрибут HTML определяет альтернативный текст для изображения, если изображение не может быть отображено?
Anonymous Quiz
1%
desc
3%
src
1%
longdesc
91%
alt
2%
title
2%
Посмотреть ответы
Каков правильный синтаксис CSS для выделения всех элементов <p> жирным шрифтом?
Anonymous Quiz
80%
p {font-weight:bold;}
2%
<p style="text-size:bold;">
11%
<p style="font-size:bold;">
5%
p {text-size:bold;}
1%
Посмотреть ответы
Что выведется в консоль?
Anonymous Quiz
6%
[0, 10, 11, 2, 5, 23]
34%
[0, 10, 11, 2, 23, 5]
50%
[0, 2, 5, 10, 11, 23]
4%
[0, 2, 23, 5, 10, 11]
6%
Посмотреть ответы
В 2021 году практически нет сайтов, которые не адаптированы под мобильные устройства. Мы нашли для вас ОЧЕНЬ полезное видео, в котором просто и быстро рассказывается, как же адаптировать вёрстку под мобильные устройства с помощью Media Queries.
YouTube
Learn CSS Media Query In 7 Minutes
🚨 IMPORTANT:
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-media-query
Responsive design is one of the most important parts of CSS in the modern web…
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-media-query
Responsive design is one of the most important parts of CSS in the modern web…
Глобальный атрибут HTML contenteditable используется для
Anonymous Quiz
15%
Обновления контента с сервера
18%
контекстного меню элемента. Меню появляется, когда пользователь щелкает элемент правой кнопкой мыши.
8%
Поиска позиции первого найденного вхождения содержимого внутри строки
38%
Указания, редактируемый элемент или нет
22%
Посмотреть ответы
Как сделать так, чтобы каждое слово в тексте начиналось с заглавной буквы?
Anonymous Quiz
27%
text-style: capitalize
8%
В CSS так сделать нельзя
56%
text-transform: capitalize
4%
transform: capitalize
4%
Посмотреть ответы
Какой из методов объекта Date вернет текущее время прошедшее с 01.01.1970 в миллисекундах?
Anonymous Quiz
29%
getDate()
21%
getMilliseconds()
30%
getTime()
16%
Ни один из перечисленных
4%
Посмотреть ответы
Предлагаем вам написать функцию unique, которая принимает в себя массив повторяющихся чисел (например [1, 2, 2, 2, 3, 10, 10, 1]), а возвращает массив с уникальными значениями ([1, 2, 3, 10]).
Задание 1: реализовать функцию.
Задание 2(*): реализовать функцию в одну строку.
Ссылка на задание: https://sc.link/gj6
Свои решения отправляйте в комментарии.
Завтра выложим ответ.
Задание 1: реализовать функцию.
Задание 2(*): реализовать функцию в одну строку.
Ссылка на задание: https://sc.link/gj6
Свои решения отправляйте в комментарии.
Завтра выложим ответ.
Элемент <canvas> используется для
Anonymous Quiz
3%
Отображения записей базы данных
9%
Создания перетаскиваемых элементов
5%
Изменения данных в базе данных
76%
Отображения графики
6%
Посмотреть ответы
При использовании свойства padding можно использовать отрицательные значения
Anonymous Quiz
54%
Да
45%
Нет
2%
Посмотреть ответы
Что выведется в консоль?
Anonymous Quiz
66%
undefined undefined undefined
10%
null null null
14%
null undefined undefined
5%
null undefined null
5%
Посмотреть ответы
Что выведется в консоль?
Anonymous Quiz
17%
Ошибка
48%
993
15%
"New value"
8%
"New value993"
4%
"993New value"
7%
Посмотреть ответы
Нашли для вас безумно полезный плагин.
Code Runner
С помощью этого плагина вы сможете запускать свой js код и получать ответ прямо в VS Code. Очень удобно тестировать теории не используя сторонние сайты и не создавая себе лишних файлов.
Code Runner
С помощью этого плагина вы сможете запускать свой js код и получать ответ прямо в VS Code. Очень удобно тестировать теории не используя сторонние сайты и не создавая себе лишних файлов.
Visualstudio
Code Runner - Visual Studio Marketplace
Extension for Visual Studio Code - Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB.NET, Clojure, Haxe, Obj-C…