CSS вопрос: Изменение какого свойства возможно сделать плавным с помощью transition?
Anonymous Poll
9%
display
8%
visibility
50%
opacity
12%
position
15%
Не перечислено ни одного правильного варианта ответа
6%
Посмотреть ответы
Зачем нужны разные хештеги ?
Спросят с вероятностью 7%
Хештеги (#) в веб-разработке используются по-разному, в зависимости от контекста их применения. Во-первых, они могут использоваться в социальных сетях для группировки контента по определенным темам, что облегчает поиск информации. Во-вторых, в URL-адресах веб-страниц хештеги служат для навигации к определенной части страницы без перезагрузки (якорные ссылки).
1️⃣ Хештеги в социальных сетях:
(#пример) помогают пользователям находить сообщения и контент по определенным темам или интересам в социальных сетях. Когда вы добавляете хештег к своему посту, он автоматически становится кликабельным, и любой может кликнуть по нему, чтобы увидеть другие посты с ним же. Это способствует объединению контента по схожим интересам и упрощает поиск нужной информации.
2️⃣ Хештеги в URL (якорные ссылки):
В веб-разработке они используются в URL для навигации к определенному разделу или элементу на странице без перезагрузки страницы. Это называется якорная ссылка. Когда пользователь кликает по такой ссылке, браузер прокручивает страницу к элементу, который имеет соответствующий идентификатор (id).
В этом примере, когда пользователь кликает на ссылку "Перейти к разделу 1", страница прокручивается к
Разные хештеги нужны для организации и упрощения поиска контента в социальных сетях, а также для навигации по веб-страницам без перезагрузки, направляя пользователя к определенному разделу или элементу страницы. Это делает информацию более доступной и интерактивной.
Хештеги помогают нам быстро находить интересующую информацию в интернете и перемещаться по веб-страницам, не перезагружая их целиком.
Спросят с вероятностью 7%
Хештеги (#) в веб-разработке используются по-разному, в зависимости от контекста их применения. Во-первых, они могут использоваться в социальных сетях для группировки контента по определенным темам, что облегчает поиск информации. Во-вторых, в URL-адресах веб-страниц хештеги служат для навигации к определенной части страницы без перезагрузки (якорные ссылки).
1️⃣ Хештеги в социальных сетях:
(#пример) помогают пользователям находить сообщения и контент по определенным темам или интересам в социальных сетях. Когда вы добавляете хештег к своему посту, он автоматически становится кликабельным, и любой может кликнуть по нему, чтобы увидеть другие посты с ним же. Это способствует объединению контента по схожим интересам и упрощает поиск нужной информации.
#пример - делает ваш пост видимым для всех, кто ищет посты с этим хештегом.
2️⃣ Хештеги в URL (якорные ссылки):
В веб-разработке они используются в URL для навигации к определенному разделу или элементу на странице без перезагрузки страницы. Это называется якорная ссылка. Когда пользователь кликает по такой ссылке, браузер прокручивает страницу к элементу, который имеет соответствующий идентификатор (id).
Перейти к разделу 1
<div id="section1">Содержимое раздела 1</div>
В этом примере, когда пользователь кликает на ссылку "Перейти к разделу 1", страница прокручивается к
<div id="section1">
.Разные хештеги нужны для организации и упрощения поиска контента в социальных сетях, а также для навигации по веб-страницам без перезагрузки, направляя пользователя к определенному разделу или элементу страницы. Это делает информацию более доступной и интерактивной.
Хештеги помогают нам быстро находить интересующую информацию в интернете и перемещаться по веб-страницам, не перезагружая их целиком.
❤1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Blaze Slider - Простой и стильный слайдер, реализованный на SCSS, с применением JavaScript
This media is not supported in your browser
VIEW IN TELEGRAM
Станьте разработчиком нейро-сотрудников на Python и зарабатывайте от 150.000р в месяц 🔥🔥🔥
Мы научим вас создавать топовых нейро-сотрудников на базе GPT-4 Omni, и вы сможете:
1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тысяч ₽ в месяц
2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тысяч ₽ за проект
3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате
Что будет на интенсиве?
🧬 Теория: как создаются нейро-сотрудники с GPT-4o на Python
🧬 Практика: мы создадим нейро-консультанта, нейро-HR, нейро-маркетолога и др.
Ведущий интенсива - Senior AI разработчик нейросетей и основатель Университета искусственного интеллекта
🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайший четверг!
Мы научим вас создавать топовых нейро-сотрудников на базе GPT-4 Omni, и вы сможете:
1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тысяч ₽ в месяц
2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тысяч ₽ за проект
3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате
Что будет на интенсиве?
🧬 Теория: как создаются нейро-сотрудники с GPT-4o на Python
🧬 Практика: мы создадим нейро-консультанта, нейро-HR, нейро-маркетолога и др.
Ведущий интенсива - Senior AI разработчик нейросетей и основатель Университета искусственного интеллекта
🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайший четверг!
Javascript вопрос: Упорядочите три фазы распространения браузерных событий:
Anonymous Poll
24%
Цель > Захват > Всплытие
13%
Всплытие > Цель > Захват
18%
Цель > Всплытие > Захват
28%
Захват > Цель > Всплытие
16%
Посмотреть ответы
CSS вопрос: Какой псевдоэлемент позволяет стилизовать выделенную пользователем часть текста или элемент?
Anonymous Poll
36%
::selected
13%
::nth-child(select)
18%
::select
10%
::selection
22%
Такого псевдоэлемента не существует
This media is not supported in your browser
VIEW IN TELEGRAM
Floating Squares — фоновая анимация в виде плывущих вверх квадратов. Реализован с помощью CSS
🤕 Прямо сейчас в репозиториях содержится 22 тысячи опасных зависимостей
И это только в пакетном менеджере для Python
Проблема шире, чем кажется. Вы уверены, что в вашем коде нет имплантов?
🔐 Пора защитить себя и свои разработки. Нашли личный канал эксперта по информационной безопасности
В нем простым языком о защите от кибер-угроз и поиске уязвимых мест. А еще подробные исследования и перспективы внедрения ИИ для нетривиальных задач
Не только полезно, но интересно для любого представителя IT-сферы
⚡️ ПОДПИСАТЬСЯ
И это только в пакетном менеджере для Python
Проблема шире, чем кажется. Вы уверены, что в вашем коде нет имплантов?
🔐 Пора защитить себя и свои разработки. Нашли личный канал эксперта по информационной безопасности
В нем простым языком о защите от кибер-угроз и поиске уязвимых мест. А еще подробные исследования и перспективы внедрения ИИ для нетривиальных задач
Не только полезно, но интересно для любого представителя IT-сферы
⚡️ ПОДПИСАТЬСЯ
👍2👌1
CSS вопрос: Какое свойство используется для обтекания изображения текстом?
Anonymous Poll
18%
wrap
16%
flow
40%
float
6%
align
13%
Такого свойства не существует
7%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Rotating border
Граница сделана из псевдоэлементов, которые анимируются в CSS.
Граница сделана из псевдоэлементов, которые анимируются в CSS.
HTML. Какой атрибут позволяет указать регулярное выражение, которому должно соответствовать значение элемента input?
Anonymous Poll
13%
regexp
34%
pattern
8%
filter
13%
validation
23%
Такого атрибута вообще нет
9%
Посмотреть ответы
Как работают map, reduce и filter ?
Спросят с вероятностью 7%
map, reduce и filter — это методы массивов, которые позволяют обрабатывать и трансформировать массивы функциональным способом.
Метод map
Создает новый массив, в котором каждый элемент является результатом вызова предоставленной функции на каждом элементе исходного массива.
Как он работает
✅Итерирует по каждому элементу массива.
✅Применяет к каждому элементу функцию.
✅Возвращает новый массив с результатами вызова функции для каждого элемента.
В этом примере функция умножает каждый элемент массива
Метод reduce
Применяется к массиву и сводит его к одному значению. Функция принимает аккумулятор и текущий элемент, производит операцию и возвращает новый аккумулятор.
Как он работает
✅Итерирует по каждому элементу массива.
✅Применяет к каждому элементу функцию, которая обновляет аккумулятор.
✅Возвращает единственное значение — аккумулятор.
Здесь
Метод filter
Создает новый массив, содержащий все элементы исходного массива, для которых функция-условие возвращает
Как он работает
✅Итерирует по каждому элементу массива.
✅Применяет к каждому элементу функцию-условие.
✅Возвращает новый массив с элементами, прошедшими условие.
В этом примере
✅
✅
✅
Спросят с вероятностью 7%
map, reduce и filter — это методы массивов, которые позволяют обрабатывать и трансформировать массивы функциональным способом.
Метод map
Создает новый массив, в котором каждый элемент является результатом вызова предоставленной функции на каждом элементе исходного массива.
Как он работает
✅Итерирует по каждому элементу массива.
✅Применяет к каждому элементу функцию.
✅Возвращает новый массив с результатами вызова функции для каждого элемента.
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]
В этом примере функция умножает каждый элемент массива
numbers
на 2, и результат сохраняется в новом массиве doubled
.Метод reduce
Применяется к массиву и сводит его к одному значению. Функция принимает аккумулятор и текущий элемент, производит операцию и возвращает новый аккумулятор.
Как он работает
✅Итерирует по каждому элементу массива.
✅Применяет к каждому элементу функцию, которая обновляет аккумулятор.
✅Возвращает единственное значение — аккумулятор.
const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 10
Здесь
reduce
суммирует все элементы массива, начиная с аккумулятора, равного 0.Метод filter
Создает новый массив, содержащий все элементы исходного массива, для которых функция-условие возвращает
true
.Как он работает
✅Итерирует по каждому элементу массива.
✅Применяет к каждому элементу функцию-условие.
✅Возвращает новый массив с элементами, прошедшими условие.
const numbers = [1, 2, 3, 4];
const even = numbers.filter(num => num % 2 === 0);
console.log(even); // [2, 4]
В этом примере
filter
создает новый массив, содержащий только четные числа из массива numbers
.✅
map
: создает новый массив, преобразуя каждый элемент по заданной функции.✅
reduce
: сводит массив к одному значению, применяя функцию к каждому элементу.✅
filter
: создает новый массив, содержащий только элементы, которые соответствуют условию.👍3⚡1
7 дней бесплатного обучения frontend-разработке!
🔥 Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
В итоге ты разработаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов.
Ухватить бесплатно такой ценный материал можешь по ссылке 👉 Frontend Start
После подтверждения участия получишь в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях.
🔥 Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
В итоге ты разработаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов.
Ухватить бесплатно такой ценный материал можешь по ссылке 👉 Frontend Start
После подтверждения участия получишь в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях.
🗿2👀1
CSS. Какое свойство позволяет ограничить область элемента, в которой будет отображено его содержимое?
Anonymous Poll
53%
clip
24%
crop
12%
cut
11%
Посмотреть ответы