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
Игровой тренжёр по 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, ИИ и технологии.

👆 Подпишись, скоро поменяем ссылки
Что такое Proxy в JavaScript?

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

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

Coderoll | Frontend