Array.prototype.reduce()
в JavaScript?Метод
reduce()
позволяет последовательно обрабатывать элементы массива, вычисляя итоговое значение, например, сумму чисел, объединение строк или создание объектов.const numbers = [1, 2, 3, 4, 5];
// Вычисление суммы элементов массива
const sum = numbers.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
}, 0);
console.log(sum); // 15
reduce()
принимает два аргумента: функцию обратного вызова и начальное значение аккумулятора (0). Функция обратного вызова выполняется для каждого элемента массива, обновляя значение аккумулятора.reduce() полезен для обработки массивов, позволяя выполнять сложные операции в компактной и читаемой форме.
CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, TypeScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Такие данные нужны для тестирования приложений и веб-сервисов, симуляции, анализа и визуализации данных.
CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, JavaScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
•
конвертацию и локализацию дат;•
форматирование дат;•
парсинг и валидацию дат и времени;•
работу с временными зонами.Особенность Day.js – использование неизменяемых объектов для хранения данных, что гарантирует согласованность данных и упрощает работу с ними. Библиотека также предоставляет набор методов для выполнения сложных операций с датами и временем.
CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Promise.all
позволяет запускать несколько промисов одновременно и получать их результаты, когда все промисы выполнены. Если один из промисов завершится с ошибкой, общий результат тоже будет отклонён.const promise1 = Promise.resolve(10);
const promise2 = Promise.resolve(20);
const promise3 = Promise.resolve(30);
Promise.all([promise1, promise2, promise3])
.then((results) => console.log(results)) // [10, 20, 30]
.catch((error) => console.error('Ошибка:', error));
CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤🔥1❤1
GameDev уже в телеграм!
Петабайты полезных обучающих материалов по GameDev, которых нигде больше не найти. Истинный первоисточник всех материалов по геймдеву
Вступай в наши ряды уже сейчас!
Петабайты полезных обучающих материалов по GameDev, которых нигде больше не найти. Истинный первоисточник всех материалов по геймдеву
Вступай в наши ряды уже сейчас!
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, JavaScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Программирование уже в телеграм!
Петабайты полезных обучающих материалов по программированию, которых нигде больше не найти. Здесь все платные материалы появляются в бесплатном доступе раньше всего
Вступай в наши ряды уже сейчас!
Петабайты полезных обучающих материалов по программированию, которых нигде больше не найти. Здесь все платные материалы появляются в бесплатном доступе раньше всего
Вступай в наши ряды уже сейчас!
•
возможность функциональной кастомизации;•
большой выбор тем оформления;•
обработку кликов и поддержку перетаскивания;•
набор функций для отображения событий;•
оддержку множества представлений календаря, включая просмотр по задачам, дням, неделям и месяцам.CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
grid-template-areas
в CSS и как оно работает?grid-template-areas
— это свойство CSS, которое позволяет задавать макет сетки с помощью именованных областей. Оно делает код понятным и удобным для построения сложных макетов.<div class="grid-container">
<header class="header">Header</header>
<nav class="sidebar">Sidebar</nav>
<main class="content">Content</main>
<footer class="footer">Footer</footer>
</div>
<style>
.grid-container {
display: grid;
grid-template-areas:
"header header"
"sidebar content"
"footer footer";
grid-template-columns: 1fr 2fr;
gap: 10px;
}
.header {
grid-area: header;
background-color: lightblue;
}
.sidebar {
grid-area: sidebar;
background-color: lightgreen;
}
.content {
grid-area: content;
background-color: lightyellow;
}
.footer {
grid-area: footer;
background-color: lightcoral;
}
</style>
grid-template-areas
задаёт сетку с областями для заголовка, боковой панели, основного контента и подвала. Каждая область легко связывается с соответствующими элементами через grid-area
.CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
Вам нравится читать контент на этом канале?
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
👍7✍1
Forwarded from Ленивый программист
Разработка веб-приложений на Django Framework
Год: 2024
Автор: М.А. Медведев
Язык: Русский
#book #django #python
Год: 2024
Автор: М.А. Медведев
Язык: Русский
В учебно-методическом пособии рассматриваются базовые понятия и принципы веб-разработки с использованием Django Framework — одного из наиболее мощных и популярных фреймворков на языке программирования Python. Представлено описание и примеры работы с такими базовыми понятиями, как модели, представления, шаблоны, формы, система аутентификации, логирование, cookies и sessions, а также введение в Django REST Framework.
Предназначено для студентов, специализирующихся на области прикладной информатики и занимающихся разработкой веб-сайтов, и приложений.
#book #django #python
👍3
Forwarded from Я хочу стать программистом
Паттерны проектирования jаvascript
Год: 2025
Автор: Ди Франческо Уго
Язык: Русский
#паттерны #JаvaScript #WebAPI #React #фронтенд #frontend
Год: 2025
Автор: Ди Франческо Уго
Язык: Русский
Автор дает исчерпывающее представление о паттернах проектирования в современном jаvascript (ES6+) и приводит практические примеры их применения. Сначала вы познакомитесь с порождающими, структурными и поведенческими паттернами проектирования в идиоматическом для jаvascript стиле, а затем переключитесь на архитектурные паттерны и паттерны пользовательского интерфейса. Вы узнаете, как применять паттерны, характерные для таких библиотек, как React, и распространять их на фронтенд и микрофронтенд.
В последней части книги представлены и проиллюстрированы паттерны улучшения производительности и безопасности, включая обмен сообщениями, события и стратегии загрузки ресурсов, а также паттерны высокопроизводительных асинхронных вычислений. В издании приводятся примеры использования React и Next.js, а также jаvascript и Web API. Они помогут выбрать и внедрить проверенные паттерны проектирования в различных веб-экосистемах и изменить ваш подход к разработке.
#паттерны #JаvaScript #WebAPI #React #фронтенд #frontend
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, JavaScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Она позволяет определить структуру данных и схемы для любого типа данных, включая примитивные типы данных, массивы и объекты, в компактной и безопасной с точки зрения типов манере.
•
Определение структуры данных.•
Поддержка примитивных типов данных, массивов и объектов.•
Валидация входных данных.•
Обеспечение безопасности типов в приложениях.CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4