Как пользоваться медиазапросами в CSS?

В медиазапросах используется правило @media, с помощью которого можно применять CSS-стили к различным типам содержимого. Медиазапросы могут использоваться и для настройки элементов страниц с учётом характеристик среды, в которой просматривают страницы.

@media only screen and (max-width: 600px) {
div {
background-color: red;
}
}
Данный код изменяет фоновый цвет любого элемента <div> на "red" в том случае, если ширина окна браузера составляет 600px или меньше

Web Development for beginners (2020)

Книга подойдет вам, если вы не знакомы ни с одним из языков программирования и хотите начать изучение веб-разработки. Автор пошагово разбирает этапы создания сайта с использованием HTML, CSS и JavaScript. В книге сравниваются разные подходы к веб-разработке и содержатся ссылки на материалы для дальнейшего обучения.

Напишите функцию, которая принимает строку и возвращает массив чисел, в котором по порядку указано количество заглавных букв, строчных, чисел и специальных символов.

 Solve("*'&ABCDabcde12345") = [4,5,5,3]. 

Порядок: Заглавные, строчные, числа и спец.символы.

JavaScript. Сильные стороны

Автор книги — Дуглас Крокфорд, создатель формата JSON и инструментов JSLint и JSMin, а также активный участник в развитии JavaScript. Его книга «JavaScript: сильные стороны» стала классикой и must-have для прочтения всеми программистами, желающими изучить JavaScript. Она поясняет принципы объектно-ориентированного подхода, принятого в языке, и выделяет как крутые возможности JS (синтаксис, функции, объекты, динамическую типизацию, наследование, массивы, регулярные выражения и многое другое), так и не самые удобные фичи, например программную модель на глобальных переменных. Благодаря разбору языка с различных сторон вы сможете писать более качественный и элегантный код.

Что такое псевдоклассы в CSS?

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

Примеры использования:

 a:hover {
   color: green;
 }

При наведении на ссылку её текст окрашивается в зеленый цвет

a:visited {
color: purple;
}
Посещенные ссылки окрашиваются в фиолетовый цвет

Чем отличаются куки-файлы, сессионное хранилище и локальное хранилище?

Локальное хранилище, как можно понять из его названия, это место, которое браузеры могут использовать для локального хранения данных. В нём может храниться до 10 Мб данных. Сессионное хранилище — это разновидность локального хранилища, которое привязано к сессии и удаляется после её завершения. В сессионном хранилище может храниться до 5 Мб данных.

Куки-файлы используются для хранения небольших объёмов данных, не превышающих 4 Кб. Ими может пользоваться браузер, они отправляются с каждым запросом в заголовках и сервер может устанавливать их посредством заголовка "Set-Cookie".

Напишите функцию, которая принимает строку из нескольких слов и преобразует каждую первую букву в слове в заглавную.

Пример:
Исходная строка: "How can mirrors be real if our eyes aren't real"
То что должно получиться: "How Can Mirrors Be Real If Our Eyes Aren't Real"

Что такое инлайновые элементы?

В HTML строчные элементы это те, которые занимают только то пространство, которое ограничено тегами, определяющими строчный элемент (необходимое для отображения их содержимого) и не нарушая потока содержимого (не требующее новой строки после каждого элемента).

Как правило, inline элементы могут содержать только данные и другие встроенные элементы. Вы не можете помещать элементы блока внутри встроенных элементов.

В чем заключаются отличие чекбокса от радио кнопок? Как связать радиокнопки в группу?

Чекбоксов всегда можно выбрать несколько, даже если они относятся к одному вопросу. Т.е. выбрать один, несколько, все или даже не выбрать ни одного. Семантически чекбокс спрашивает согласны ли вы конкретно с тем что в нём написано или нет. Если да - отмечайте галочкой.

А радиобаттон, если он относится к одному вопросу/полю, всегда можно выбрать только один. (Их может быть несколько групп, но выбрать можно только один в каждой группе.) Семантически радиобаттон спрашивает с каким из вариантом в данной группе вы согласны больше всего.

Чтобы связать радиокнопки в группу, нужно задать им аттрибут name с одинаковым значением.

😣 На рынке жёсткий дефицит фронтендеров

Хочешь быстро влиться во фронтенд и через пару лет хвастаться ЗП > 200к?

Вот план для старта:

1. Веб-верстка - 3 месяца
2. JavaScript - 3 месяца
3. Система контроля версий GIT - 1 месяц
4. Онлайн-сессии по вебразработке - 1 месяц
5. Vue.js - 2 месяца
6. React.js - 2 месяца
7. Защита дипломного проекта
8. 💰Трудоустройство💰

Это программа курса Профессия Frontend разработчик от Skillbox.

Да - трудоустройство они тоже берут на себя.

Тут можно получить курс со скидкой 50% 👇