Javascript

💡Задача "Максимально раздвижное окно" Условие: дан целочисленный массив, а также размер k подмассива, начинающегося от левой границы, и заканчивающегося в процессе выполнения алгоритма у правой границы. На каждом шаге можно просматривать k последовательных элементов скользящего массива. На каждом шаге надо определить максимальное значение скользящего. Пример: Ввод: nums = [1,3,-1,-3,5,3,6,7], k = 3 Вывод: [3,3,5,5,6,7] Объяснение: Скользящее на каждой итерации Max -------------------------- ----- [1 3 -1] -3 5 3 6 7 3 1 [3 -1 -3] 5 3 6 7 3 1 3 [-1 -3 5] 3 6 7 5 1 3 -1 [-3 5 3] 6 7 5 1 3 -1 -3 [5 3 6] 7 6 1 3 -1 -3 5 [3 6 7] 7 Ввод: nums = [1], k = 1 Вывод: [1] Решение Пишите свое решение в комментариях👇 @javascriptv

​Руководство по Solid JS Solid JS — это реактивная JavaScript-библиотека для создания пользовательских интерфейсов. Она однократно компилирует шаблоны, а при изменении состояния приложения выполняется только тот код, который необходим для визуализации этого изменения. Видео-руководство по Solid JS на примерах знакомит со всеми аспектами использования этой библиотеки: https://www.youtube.com/playlist?list=PL4cUxeGkcC9gU_GvFygZFu0aBysPilkbB #js

💡Задача "Поиск в повернутом отсортированном массиве" Условие: дан массив, сдвинутый относительно опорного элемента, который неизвестен ( массив после сдвига относительно опорного элемента имеет следующий вид: [nums[k], nums[k+1], ..., nums[n-1], nums[0], nums[1], ..., nums[k-1]]) Массив [0,1,2,4,5,6,7], имея опорный элемент 3, будет выглядеть следующим образом: [4,5,6,7,0,1,2]. Необходимо осуществить поиск целевого элемента в сдвинутом массиве, определив его индекс, или же вывести -1 при его отсутствии. Решение должно быть за O(log n) по времени. Пример: Ввод: nums = [4,5,6,7,0,1,2], target = 0 Вывод: 4 Ввод: nums = [4,5,6,7,0,1,2], target = 3 Вывод: -1 Решение Пишите свое решение в комментариях👇 @javascriptv

Image Hover — карточки с эффектом при наведении. Реализованы с помощью CSS и JavaScript. https://codepen.io/littlesnippets/pen/wzerbP @javascriptv

💡Задача "Самый короткий мост" Условие: на вход подается матрица, в которой 1 - суша, 0 - вода. Остров представляет из себя совокупность частей суши, соединенных в четырех направлениях. На решетке существуют только два острова. Можно изменить 0 на 1 для соединения двух островов в один. Необходимо посчитать количество смен нулей на единицу для соединения двух островов. Пример: Ввод: grid = [[0,1],[1,0]] Вывод: 1 Объяснение: Ввод: grid = [[0,1,0],[0,0,0],[0,0,1]] Вывод: 2 Решение Пишите свое решение в комментариях👇 @javascriptv

Инструменты фронтенд-разработчика — ESLint ESLint — это популярный JavaScript-линтер с открытым исходным кодом, который используется для анализа кода и выявления в нём ошибок. Также ESLint предоставляет разработчикам набор правил, которые могут быть настроены в соответствии с конкретными потребностями проекта или команды. По сути, благодаря этому инструменту намного проще поддерживать стилистику кода и избегать базовых ошибок: https://eslint.org/ #js

WebGL Apple Cards — красивые анимированные карточки с эффектом при наведении. Реализованы с помощью CSS и JavaScript. https://codepen.io/smpnjn/pen/mdrWPpK @javascriptv

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. 🗓 Начинаем 11 мая. Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. 🔜 Запишитесь прямо сейчас!

💡Задача "Коко ест бананы" Условие: обезьяна по имени Коко любит бананы. Есть n кол-во связок бананов, где i-ая связка содержит piles[i] бананов. Смотритель зоопарка ушел и вернется через h часов. Коко может поедать бананы с скоростью k бананов в час. Если в связке менее k бананов, она поедает всю связку и более в этот час не ест. Коко кушает медленно, но уверенно: обезьяна нацелена на съедение всех бананов до возвращения смотрителя. Необходимо вычислить минимальное число k, такое что все бананы будут съедены за h часов. Пример: Ввод: piles = [3,6,7,11], h = 8 Вывод: 4 Ввод: piles = [30,11,23,4,20], h = 5 Вывод: 30 Решение: /** * @param {number[]} piles * @param {number} speed * @param {number} h * @return {boolean} */ const canEatAll = (piles, speed, h) => { let totalTime = 0; for (const bananas of piles) { totalTime += Math.ceil(bananas / speed); if (totalTime > h) { return false; } } return true; }; /** * @param {number[]} piles * @param {number} h * @return {number} */ var minEatingSpeed = function (piles, h) { let left = 1, right = Math.max(...piles); while (left <= right) { const mid = Math.floor(left + (right - left) / 2); if (canEatAll(piles, mid, h)) { right = mid - 1; } else { left = mid + 1; } } return left; }; Пишите свое решение в комментариях👇 @javascriptv

📌 Задача с leetcode. Max Area of Island Максимальная площадь острова Сложность: Средняя Условие задачи: Условие задачи: Дан двумерный массив размера m x n. "1" отвечает за сушу, "0" - за океан. Необходимо опеределить максмимальную площадь острова из островов, расположенных на карте. Островом считается территория, образованная из "1", расположенных сверху, справа, снизу и слева относительно друг друга. Пример: Ввод: grid = [[0,0,1,0,0,0,0,1,0,0,0,0,0],[0,0,0,0,0,0,0,1,1,1,0,0,0],[0,1,1,0,1,0,0,0,0,0,0,0,0],[0,1,0,0,1,1,0,0,1,0,1,0,0],[0,1,0,0,1,1,0,0,1,1,1,0,0],[0,0,0,0,0,0,0,0,0,0,1,0,0],[0,0,0,0,0,0,0,1,1,1,0,0,0],[0,0,0,0,0,0,0,1,1,0,0,0,0]] Вывод: 6 Ввод: grid = [[0,0,0,0,0,0,0,0]] Вывод: 0 Решение /** * @param {number[][]} grid * @return {number} */ var maxAreaOfIsland = function(grid) { const ROWS = grid.length, COLUMNS = grid[0].length; const DFS = (row, column) => { const stack = [[row, column]]; let currRow, currColumn, resultArea = 0; while (stack.length !== 0){ [currRow, currColumn] = stack.pop(); if (grid[currRow][currColumn] !== 1) continue; grid[currRow][currColumn] = 2; resultArea++; if (currRow + 1 < ROWS) stack.push([currRow + 1, currColumn]); if (currRow - 1 >= 0) stack.push([currRow - 1, currColumn]); if (currColumn + 1 < COLUMNS) stack.push([currRow, currColumn + 1]); if (currColumn - 1 >= 0) stack.push([currRow, currColumn - 1]); } return resultArea; }; let maxArea = 0; for (let r = 0; r < ROWS; r++){ for (let c = 0; c < COLUMNS; c++){ if (grid[r][c] === 1){ maxArea = Math.max(maxArea, DFS(r, c)); } } } return maxArea; }; Пишите свое решение в комментариях👇 @javascriptv

Just Ice — анимированная сцена с объемным кубиком льда. Реализована с помощью CSS, Pug и JavaScript. https://codepen.io/atzedent/pen/eYKPGQr @javascriptv

Спустя полтора месяца MoscowJS снова здесь! 52-й по счёту митап уже 18 мая и на этот раз в гостях у Авито. Как всегда насыщенная программа: ⚡️ Профилирование фронтенда в проде Илья Алонов из Авито ⚡️ Доступность для всех Татьяна Чуйкова и Артём Чугаинов из Kaspersky ⚡️ Pet-projects: песочница для разработчика Паша Кондаков из Тинькофф ⚡️ It is fine, или Как эффективно выгореть Ольга Кобец В прямом эфире можно будет задать вопросы спикерам. Смотрите трансляцию митапа на ютуб-канале AvitoTech 18 мая в 19:00. Подписывайтесь на канал, ставьте колокольчик под видео и добавляйте встречу себе в календарь, чтобы не пропустить. Реклама. ООО «Авито Тех». LdtCKA4Bu

Grainy & Gradients text Анимация текста с эффектом градиента, написанная на SCSS, с применением JavaScript https://codepen.io/LukyVj/pen/poOjqBv #codepen #scss #javascript @javascriptv

В самом разгаре приём заявок на конкурсный отбор в магистратуру Сколтеха «Науки о данных». Программа готовит экспертов в области машинного обучения, глубинного обучения, компьютерного зрения, анализа промышленных данных, обработки естественного языка, математического моделирования и других актуальных областей современной науки о данных.  Университет входит в ТОП-100 лучших молодых университетов мира по версии Nature Index. Учёба в Сколтехе — это: - Уникальные лаборатории, доступные студентам для их проектов - Профессора с мировым именем - Нетворкинг с лидерами отрасли и будущими экспертами - Широкие возможности: карьера в ведущих компаниях, наука или свой стартап - 2 года интенсивного обучения и практики Если успеете подать заявку до 29 мая — у вас будет 2 попытки пройти отбор. Реклама. Автономная некоммерческая образовательная организация высшего образования «Сколковский институт науки и технологий», ИНН 5032998454

Bokeh Lighting Background — "объемный" фон с анимацией. Реализован с помощью CSS и JavaScript. https://codepen.io/wakana-k/pen/YzjYzJE @javascriptv

Офер для фронтендеров в Яндекс за пару дней 27–28 мая мы проводим Weekend Offer Frontend. Ищем разработчиков на JavaScript и TypeScript с опытом от 4 лет. После двух технических собеседований вы сможете выбрать нанимающую команду по душе и, если всё пройдёт хорошо, в тот же день получите офер. Ищем фронтендеров в 13 разных проектов: Маркет, Рекламные продукты, Cloud, HR tech, 360, Суперапп, Лавка, Бизнес-приложения, Еда, Умный дом, Инфраструктура, Поиск и Учебник. Предлагаем работу в России и Беларуси, некоторые команды приглашают в офисы в Армении, Казахстане и Сербии. Регистрация открыта до 24 мая. Все подробности можно узнать здесь.

JavaScript: визуализация Event Loop Одной из ключевых особенностей JavaScript является способность обрабатывать асинхронные операции с использованием цикла событий. По сути, цикл событий — это то, что позволяет JavaScript обрабатывать несколько задач одновременно, не дожидаясь завершения одной задачи, прежде чем переходить к следующей. В этой статье с помощью визуализации рассматривается, как работает Event Loop: https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif #js

Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках В отличие от других инструментов анализа, Lighthouse интегрируется с DevTools в Google Chrome и может быть использован в качестве расширения для браузера или в командной строке. Это заметно упрощает проведение аудита и получение результатов Стоимость: #бесплатно #SEO #web

🖥 Infinite Cover Flow w/ GSAP Красивая и объемная бесконечная карусель. Написана с помощью CSS, SVG и GSAPjs. https://codepen.io/jh3y/pen/WNRvqJP @javascriptv