Вёрстка сайтов | HTML, CSS, JS
4.87K subscribers
613 photos
1 video
4 files
1.04K links
👋 Привет, друг!

В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду.
Присоединяйся и начинай учиться!

Связь: @Tigran1963
Download Telegram
HTML Вопрос:

Какой тег определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии?
Anonymous Quiz
7%
<bgsound>
64%
<audio>
10%
<sound>
13%
<bgaudio>
6%
Посмотреть ответы
5 ошибок, которые делают новички в вёрстке

Читать 🧑‍💻

#полезнаястатья
Какой HTTP-метод чаще всего используется для отправки данных из формы?
Anonymous Quiz
25%
GET
71%
POST
4%
PUT
1%
DELETE
Какой селектор выберет все <p>, которые находятся внутри <div>?
Anonymous Quiz
12%
div ~ p
37%
div > p
43%
div p
8%
div + p
Частичное применение функций

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

function partial(fn, ...fixedArgs) {
// Твой код здесь
}

function multiply(a, b, c) {
return a * b * c;
}

const double = partial(multiply, 2);

console.log(double(3, 4)); // 24 (2 * 3 * 4)


#домашка
JS Вопрос:

console.log( " " && "" || -1 && 2 );
Anonymous Quiz
19%
" "
10%
""
20%
-1
20%
2
31%
Посмотреть ответы
CSS-приемов, которые сэкономят вам часы работы

Знаете ли вы, что в CSS есть фичи, которые редко используют, но они могут упростить жизнь? Вот они:

- aspect-ratio – задает соотношение сторон элемента без костылей с padding-top.
- scroll-snap – плавная фиксация скролла, как в мобильных галереях.
- :empty – стилизация пустых блоков (удобно для динамического контента).
- gap во Flexbox – больше не нужны margin-хаки для отступов!
- @supports – проверка поддержки свойств в браузере.

#css | #полезности
Группировка массива по ключу

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

function groupBy(array, keyOrFn) {
// Твой код здесь
}

const data = [
{ category: "fruit", name: "apple" },
{ category: "fruit", name: "banana" },
{ category: "vegetable", name: "carrot" }
];

console.log(groupBy(data, "category"));
// {
// fruit: [{ category: "fruit", name: "apple" }, { category: "fruit", name: "banana" }],
// vegetable: [{ category: "vegetable", name: "carrot" }]
// }

console.log(groupBy([6.1, 4.2, 6.3], Math.floor));
// { 6: [6.1, 6.3], 4: [4.2] }


#домашка