Где брать заказы фрилансеру

Читать 👨‍💻

#фриланс

Макет для тренировки (pinewood)

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

#практика | #макет

Как сделать выпадающее меню?

Читать 👨‍💻

#какэтосделать

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

Лучшие статьи @free_html_lessons:
1. Макет для тренировки (pinewood)
2. Где брать заказы фрилансеру
3. Как сделать обводку для текста?

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

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

#лучшеезанеделю

Задача на JavaScript:

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

Примеры:

const students = [
  { name: 'John', grades: [85, 90, 92] },
  { name: 'Sarah', grades: [89, 76, 95] },
  { name: 'Mike', grades: [78, 80, 85] },
  { name: 'Emily', grades: [90, 92, 88] }
];

console.log(getStudentsWithAverageAbove(students, 90)); 
// Ожидаемый вывод: ['John', 'Emily']
console.log(getStudentsWithAverageAbove(students, 85)); 
// Ожидаемый вывод: ['John', 'Sarah', 'Emily']

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

#домашка

CSS margin-block

Читать 👨‍💻

#css | #полезности

CSS padding-block

Читать 👨‍💻

#css | #полезности

Макет для тренировки (doneart)

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

#практика | #макет

Как сделать радио кнопки?

Читать 👨‍💻

#какэтосделать

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

Лучшие статьи @free_html_lessons:
1. Как сделать радио кнопки
2. CSS margin-block
3. Задача на js

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

Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. Web-дизайнер ZephyrLab
3. UI/UX дизайнер ЧЕМПИОН

#лучшеезанеделю

Задача на JavaScript:

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

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

Примеры:

findMaxArea([1, 8, 6, 2, 5, 4, 8, 3, 7]); // Возвращает 49
findMaxArea([4, 3, 2, 1, 4]); // Возвращает 16
findMaxArea([1, 2, 1]); // Возвращает 2

В этой задаче вы должны реализовать алгоритм с наилучшей временной сложностью.

#домашка

Winter CMS
Удобная и приятная cms для небольших проектов.

Читать 👨‍💻

#полезности

Как называть классы в HTML

Читать 🧑‍💻

#html | #полезности

Макет для тренировки (new doors)

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

#практика | #макет

Эффекты на текст при скролле и наведении

Смотреть на codepen 👨‍💻

#практика

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

Лучшие статьи @free_html_lessons:
1. Как называть классы в HTML
2. Winter CMS
3. Макет для тренировки

Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик Тагес Джамп
2. HTML-верстальщик
3. HTML-верстальщик Comrade Web Agency

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

#лучшеезанеделю

Каррирование в javascript

Каррирование в JavaScript - это процесс преобразования функции с несколькими аргументами в последовательность функций с одним аргументом. Каждая последующая функция принимает один аргумент и возвращает новую функцию, которая также принимает один аргумент, и так далее.
Пример использования каррирования в JavaScript:

// Исходная функция, принимающая 3 аргумента
function sum(a, b, c) {
 return a + b + c;
}
// Функция для каррирования
function curry(fn) {
 return function curried(...args) {
  if (args.length >= fn.length) {
   return fn(...args);
  } else {
   return function (...args2) {
    return curried(...args.concat(args2));
   };
  }
 };
}
const curriedSum = curry(sum);
console.log(curriedSum(1, 2, 3)); // Вывод: 6
const add5 = curriedSum(5);
console.log(add5(2, 3)); // Вывод: 10
console.log(add5(4, 5)); // Вывод: 14

В приведенном выше примере функция sum каррируется с использованием функции curry. В итоге получается функция curriedSum, которая принимает аргументы по одному. Когда все аргументы собраны, она вызывает исходную функцию sum.
Каррирование может быть полезным при разработке функций, которые требуют частичного применения аргументов или при создании более универсальных функций, которые могут быть использованы для создания других функций с фиксированными аргументами.
С помощью карирования вы можете легко изменять и композировать функции для создания новых функций с требуемым поведением.

#js | #теория

Задача на JavaScript:

Представим, что у нас есть массив чисел от 1 до 1000. Наша задача состоит в том, чтобы определить, сколько чисел из этого массива являются палиндромами (то есть числами, которые одинаково читаются слева направо и справа налево).

Чтобы решить эту задачу, мы можем использовать следующий алгоритм:
Создаем переменную count и устанавливаем ее значение равным 0. Эта переменная будет использоваться для подсчета количества палиндромов в массиве.
Итерируемся по каждому числу в массиве.
Преобразуем каждое число в строку с помощью метода toString().
Проверяем, является ли полученная строка палиндромом. Для этого мы сравниваем строку с ее обратной версией, которую мы получаем, используя метод split('').reverse().join(''). Если строки равны, значит число является палиндромом.
Если число является палиндромом, увеличиваем значение переменной count на 1.
По окончании итерации, выводим значение переменной count, которое указывает на количество палиндромов в массиве.

#домашка