.ccode [JS, HTML, CSS]

Ребят, в начале или середине своего пути вам часто нужно искать качественные ресурсы и инструменты для обучения. ⚠️ Это экономит ваше время и помогает сосредоточиться на самом главном — освоении новых знаний и навыков. Раньше приходилось рыскать по интернету в поисках нужного, но теперь есть специальный канал: @roadmap_ready Всё собрано в одном месте: — Html, Css, JavaScript, Php, Java, SQL, C++, C#, Python, Git, Linux, Frontend, Django, Data Scince, GameDev — Видео с YouTube — Книги — Статьи — Шпаргалки по различным языкам программирования — Ресурсы (игры/сайты) для обучения — Курсы ➡️ Подписался, ознакомился и изучил что-то новое из мира технологий.

🔥Тесты для подготовки к собеседованию🔥 Выбери своё направление: 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Статический метод Object.groupBy() группирует элементы заданной итерации в соответствии со строковыми значениями, возвращаемыми предоставленной cb функцией. Возвращаемый объект имеет отдельные свойства для каждой группы и содержит массивы с элементами группы. Object.groupBy() - принимает первым аргументом массив по которому мы будем проходиться, а вторым аргументом cb функцию которая первым аргументом имеет элемент нашего массива, а так же индекс (необязательно) Логику данного метода мы также можем реализовать с помощью reduce

const myGroup = Object.groupBy(array, ({ value }) => {
 return value;
});

@CCODE | JS ⚡️

Разбираем как решать задачи на LeetCode ✅ Примеры решений ✅ Пояснения Выбери своё направление: 1. JavaScript 2. Python 3. Java 4. C# 5. C/C++ 6. Golang 7. PHP 8. Kotlin 9. Swift

Делаем плавную прокрутку к элементам с помощью метода scrollIntoView JS:

const links = document.querySelectorAll('.link');

links.forEach((item) => {
 item.addEventListener('click', (e) => {
  e.preventDefault();

  let id = item.getAttribute('href');
  let formattierID = id.substring(1);
  let section = document.getElementById(formattierID);

  section.scrollIntoView({
   behavior: 'smooth',
  });
 });
});

@CCODE | JS ⚡️

📚 Здесь собраны все вопросы, которые могут спросить на собеседовании. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам. Просто выбери своё направление: 1. Frontend / JavaScript 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Совет фронтендерам и дизайнерам: Хватит тратить время на поиск макетов Figma Все макеты реальных сайтов, которые заказчики присылают на вёрстку уже нашли и бесплатно выкладывают на канале Figma Portal Пополняйте свое портфолио настоящими работами вместе с @maket_figma

Метод flatMap() - может значительно упростить работу с массивами массивов или операции, требующие сначала преобразовать каждый элемент массива, а затем сгладить результат Данный метод сначала применяет функцию к каждому элементу исходного массива, а затем применяет метод flat() к результату. Пример использования: Допустим, у вас есть массив чисел, и вы хотите заменить каждое число массивом его квадрата и куба. Вот как вы можете это сделать с использованием map() и flat() отдельно:

let arr = [1, 2, 3, 4];

let mappedAndFlattened = arr.map(x => [x * x, x * x * x]).flat();
console.log(mappedAndFlattened); // [1, 1, 4, 8, 9, 27, 16, 64]

Теперь, вот как можно упростить то же самое с помощью flatMap():

let arr2 = [1, 2, 3, 4];

let mappedAndFlattened2 = arr2.flatMap(x => [x * x, x * x * x]);
console.log(mappedAndFlattened2); // [1, 1, 4, 8, 9, 27, 16, 64]

В обоих примерах результат будет одинаковым, но использование flatMap() позволяет сделать код более компактным Этот метод может быть особенно полезен при работе с данными, где необходимо провести манипуляции с элементами массива и сразу упростить структуру данных, сокращая количество шагов и делая ваш код более читаемым @CCODE | JS ⚡️

Хватит терять время на уже готовый код! Frontend Trends — библиотека фронтендера, где собраны готовые CodePen решения для ежедневных задач. Эффекты при наведении, 3D-анимации, готовые карточки и др. Зашли – сохранили – применили в своём проекте. Пользуйтесь: @trends_frontend

Ищем новичков во фронтенд-разработке и вёрстке сайтов. Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку. Реклама. ИП Чернова О. А., ИНН:771399721044