.ccode [JS, HTML, CSS]
Канал о фронтенд-разработке Связь: @yekimuro
نمایش بیشتر1 427
مشترکین
-124 ساعت
-37 روز
-3630 روز
- مشترکین
- پوشش پست
- ER - نسبت تعامل
در حال بارگیری داده...
معدل نمو المشتركين
در حال بارگیری داده...
Photo unavailableShow in Telegram
Ребят, в начале или середине своего пути вам часто нужно искать качественные ресурсы и инструменты для обучения.
⚠️ Это экономит ваше время и помогает сосредоточиться на самом главном — освоении новых знаний и навыков.
Раньше приходилось рыскать по интернету в поисках нужного, но теперь есть специальный канал: @roadmap_ready
Всё собрано в одном месте:
— Html, Css, JavaScript, Php, Java, SQL, C++, C#, Python, Git, Linux, Frontend, Django, Data Scince, GameDev
— Видео с YouTube
— Книги
— Статьи
— Шпаргалки по различным языкам программирования
— Ресурсы (игры/сайты) для обучения
— Курсы
➡️ Подписался, ознакомился и изучил что-то новое из мира технологий.
01:57
Video unavailableShow in Telegram
Статический метод Object.groupBy() группирует элементы заданной итерации в соответствии со строковыми значениями, возвращаемыми предоставленной cb функцией.
Возвращаемый объект имеет отдельные свойства для каждой группы и содержит массивы с элементами группы.
Object.groupBy() - принимает первым аргументом массив по которому мы будем проходиться, а вторым аргументом cb функцию которая первым аргументом имеет элемент нашего массива, а так же индекс (необязательно)
Логику данного метода мы также можем реализовать с помощью reduce
@CCODE | JS ⚡️const myGroup = Object.groupBy(array, ({ value }) => { return value; });
group.mp43.13 MB
👍 6🔥 2
01:25
Video unavailableShow in Telegram
Делаем плавную прокрутку к элементам с помощью метода scrollIntoView
JS:
@CCODE | 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', }); }); });
2023-11-16 16-32-38.mp41.63 MB
👍 8🔥 5👌 3
Photo unavailableShow in Telegram
📚 Здесь собраны все вопросы, которые могут спросить на собеседовании. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам. Просто выбери своё направление:
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
00:10
Video unavailableShow in Telegram
Совет фронтендерам и дизайнерам: Хватит тратить время на поиск макетов Figma
Все макеты реальных сайтов, которые заказчики присылают на вёрстку уже нашли и бесплатно выкладывают на канале Figma Portal
Пополняйте свое портфолио настоящими работами вместе с @maket_figma
898c64847252583b3eb9d90dabb4b9c6.mp45.17 KB
👍 3😁 1
Photo unavailableShow in Telegram
Метод
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 ⚡️👍 10🔥 3❤ 2
00:13
Video unavailableShow in Telegram
Хватит терять время на уже готовый код!
Frontend Trends — библиотека фронтендера, где собраны готовые CodePen решения для ежедневных задач. Эффекты при наведении, 3D-анимации, готовые карточки и др.
Зашли – сохранили – применили в своём проекте. Пользуйтесь: @trends_frontend
1.53 MB
👍 2
00:41
Video unavailableShow in Telegram
Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
Реклама. ИП Чернова О. А., ИНН:771399721044
63.mp49.36 MB
Участвовать бесплатно
یک طرح متفاوت انتخاب کنید
طرح فعلی شما تنها برای 5 کانال تجزیه و تحلیل را مجاز می کند. برای بیشتر، لطفا یک طرح دیگر انتخاب کنید.