Вёрстка сайтов | HTML, CSS, JS
4.79K subscribers
652 photos
2 videos
4 files
1.1K links
👋 Привет, друг!

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

Связь: @Tigran1963
Download Telegram
Макет для тренировки (Копилка)

Перейти к макету 🧑‍💻

#практика | #макет
3👍2
Задача на JavaScript:

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

Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.

Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.

Одно их решений в комментариях

#домашка
👍2
Задача: Две суммы

Напишите функцию, которая принимает массив чисел и целевое значение, и возвращает индексы двух чисел в массиве, сумма которых равна целевому значению.
// Пример использования:
console.log(twoSum([2, 7, 11, 15], 9)); // [0, 1]


#домашка
👍1🦄1
Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. Favicon для сайта
2. Geolocation api
3. Как добавить transition к св-ву height

Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend-разработчик
3. Верстка email писем

Лучшие дизайн вакансии @job_webdesign:
1. UX/UI дизайнер
2. Senior product designer
3. Web-дизайнер

#лучшеезанеделю
👍2🔥1
@supports

Эта css директива определяет поддерживает ли браузер те или иные возможности, и, если поддерживает, применяет к элементам заданные стили. Как Modernizr, но заточенный на проверку CSS-свойств.

/* Проверка одного условия */
@supports (display: flex) {
.module { display: flex; }
}

/* Проверка нескольких условий */
@supports (display: flex) and (-webkit-appearance: checkbox) {
.module { display: flex; }
}

#css | #полезности
👍6
Макет для тренировки (keychap)

Перейти к макету 🧑‍💻

#практика | #макет
👍1
Задача: Управление списком студентов

У вас есть список студентов и их оценок по различным предметам. Вам нужно написать несколько функций, которые помогут управлять этим списком и анализировать данные.

Дано:
Список студентов представлен в виде массива объектов. Каждый объект содержит имя студента и его оценки по различным предметам. Например:
const students = [
{ name: "Alice", grades: { math: 85, english: 92, history: 78 } },
{ name: "Bob", grades: { math: 90, english: 80, history: 85 } },
{ name: "Charlie", grades: { math: 72, english: 88, history: 95 } },
{ name: "David", grades: { math: 95, english: 91, history: 89 } },
{ name: "Eva", grades: { math: 87, english: 94, history: 76 } },
];

Задание:

1. Функция `getAverageGrade(subject)`**: принимает название предмета (например, `"math"`) и возвращает среднюю оценку по этому предмету для всех студентов.

2. Функция `getTopStudent(subject)`**: принимает название предмета и возвращает имя студента с самой высокой оценкой по этому предмету.

3. Функция getStudentReport(studentName)`**: принимает имя студента и возвращает строку с его средними оценками по всем предметам в формате: `"Alice: math - 85, english - 92, history - 78". Если студент не найден, функция должна вернуть строку "Student not found".

Пример выполнения:
иском студентов

У вас есть список студентов и их оценок по различным предметам. Вам нужно написать несколько функций, которые помогут управлять этим списком и анализировать данные.

Дополнительные условия:
- Постарайтесь сделать код чистым и читаемым.
- Используйте методы массивов, такие как map,Задача: УпЗадача: Упиадача: У


Эта задача помогает закрепить знания о работе с массивами и объектами, а также о методах работы с ними в JavaScript.

#домашка
👍2
Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. For...in
2. @supports
3. Атрибут step

Лучшие фронтенд вакансии @job_webdev:
1. JavaScript разработчик
2. HTML-верстальщик
3. HTML-верстальщик

Лучшие дизайн вакансии @job_webdesign:
1. UI/UX-Дизайнер
2. Web-дизайнер
3. Дизайнер UX/UI

#лучшеезанеделю
👍3👏1