CodeRoll | Frontend
4.7K subscribers
1.64K photos
74 videos
1 file
976 links
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
👩‍💻👩‍💻 Как выглядит алгоритм экспотенциального поиска на JavaScript?

Экспоненциальный поиск позволяет выполнять поиск по отсортированному неограниченному списку для указанного входного значения (поисковый «ключ»)

Алгоритм состоит из двух этапов. Первый этап определяет диапазон, в котором ключ поиска находился бы, если бы он был в списке. На втором этапе выполняется бинарный поиск по этому диапазону

❗️ В нашем примере binarySearchIterative - это функция бинарного поиска, про который мы уже писали раньше


export const exponentialSearch = (
array: number[],
x: number
): number | null => {
const arrayLength = array.length
if (arrayLength === 0) return null

if (array[0] === x) return 0

let i = 1
while (i < arrayLength && array[i] <= x) {
i = i * 2
}

const start = Math.floor(i / 2)
const end = Math.min(i, arrayLength - 1)
const result = binarySearchIterative(array, x, start, end)

return result
}


Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Что такое Module Pattern?

Ответ:
Module Pattern — это паттерн проектирования в JavaScript, который позволяет создавать модули с приватными переменными и методами, используя замыкания.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
💅4
Что выведет этот код?
Что такое Symbol в JavaScript?

Ответ:
Symbol — это уникальный и неизменяемый тип данных, часто используемый как уникальный идентификатор для свойств объектов. Каждый вызов Symbol() создаёт новый уникальный символ.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
4💅1
Animista

Коллекция анимаций CSS с готовыми пресетами и возможностью настройки. Поможет в добавлении анимаций без написания сложного CSS.

👀 Попробовать

Coderoll | Frontend
👍21
Игровой тренжёр по TypeScript

На сервисе лежат игры по программированию для новичков, чтобы улучшить навыки в кодинге через задачки и упражнения

Да, сервис доступен на русском и английском, визуал тоже кайфовый

👀Попробовать

Coderoll | Frontend #typescript
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
Что такое Async/Await?

Ответ:
Async/Await — это синтаксический сахар над Promises, который позволяет писать асинхронный код, выглядящий как синхронный. Ключевое слово async указывает, что функция содержит асинхронный код, а await используется для ожидания завершения Promise.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
2
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Избегайте отрицательных условных конструкций

Не усложняйте условные конструкции и не создавайте негативных сценариев проверок

Держите в голове простое правило:

Не создавайте условия с НЕ

🔩 Элемент не присутствует на странице ➡️ Элемент присутствует на странице

🔩 Запрос не ушел на сервер ➡️ Запрос ушел на сервер

🔩 Не получен статус 503 ➡️ Получен статус 503

Иначе позитивные сценарии будут звучать как комбинация двух НЕ

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
🤯2
👩‍💻👩‍💻 Как выглядит алгоритм сортировки выбором на JavaScript?

Один из самых распространенных алгоритмов, которые спрашивают на собеседованиях

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



function selectionSort(arr) {
const n = arr.length;

// Проходим по всем элементам массива
for (let i = 0; i < n - 1; i++) {
// Предполагаем, что текущий индекс i содержит минимальный элемент
let minIndex = i;

// Ищем минимальный элемент в оставшейся части массива
for (let j = i + 1; j < n; j++) {
if (arr[j] < arr[minIndex]) {
minIndex = j; // Обновляем индекс минимального элемента
}
}

// Если найден минимальный элемент не равен текущему, меняем их местами
if (minIndex !== i) {
[arr[i], arr[minIndex]] = [arr[minIndex], arr[i]];
}
}

return arr; // Возвращаем отсортированный массив
}


Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
Что такое reduce метод массива?

Ответ:
Метод reduce используется для свёртки массива в одно значение. Он принимает callback-функцию, которая вызывается для каждого элемента массива, накапливая результат в аккумуляторе.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
Что выведет этот код?
Йоу, нашёл для вас новые каналы по фронтенду, решил сделать список из лучших 👇

🤝 Frontend Helper – универсальный помощник по фронтенду: тут вообще про всё, от книг до сервисов;

👩‍💻 JavaScript Elements – тут конкретно про JS, есть мощные материалы, которых я в других местах не видел ещё;

🎨 Кодвеб – тут больше про веб-дизайн и UX, есть много хороших макетов сайтов с Фигмы и сниппетов с CodePen

Если вам нравятся такие топы, поставьте лайк, буду ещё искать полезные каналы про фронтенду 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍1
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Инкапсулируйте условные операторы

Простыми словами, старайтесь ваши условия заключить в определенный функционал - метод или функцию. Таким образом вы сможете:

💫 переиспользовать логику условия
💫 легко по названию функции/метода понимать что тут происходит
💫 сделать код намного более читаемым (особенно в сложных условиях)

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
❗️ Произошёл масштабный слив Apple, Open AI, Microsoft и других западных гигантов

В сеть утекли корпоративные документы для обучения персонала: гайды, инструкции к ИИ, инсайды по грядущим новинкам и разработкам.

Целых 4 терабайта (!) инфы распределили по закрытым каналам. Сохраняй пока доступно:

Гайды по ИИ и инструментам для работы и творчества
Чеклисты, фреймворки, репозитории и куча полезностей
Инсайды по IT-разработкам и новым технологиям
Слитая инфраструктура Apple
Обучения легальному и нелегальному хаккингу
Всё про Python от топов из Microsoft
+ бонус: канал с мемами про IT, ИИ и технологии.

👆 Подпишись, скоро поменяем ссылки