CodeRoll | Frontend

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

Функции

Функции должны делать что-то одно ❗️ Это самое важное правило в программной инженерии Когда функции делают больше, чем одно, их сложнее составлять, тестировать и рассуждать о них Когда вы можете изолировать функцию только для одного действия, ее можно легко рефакторить (переписывать, исправлять), и ваш код будет читаться намного чище Coderoll | Frontend

Высшее образование онлайн — поменяйте жизнь в 2025 году! ✅Набор в августе: от 6700 ₽/мес.* Московский технологический институт предлагает: — Высшее образование в московском вузе без выезда на сессии — Полностью дистанционный онлайн-формат — Возможность обучаться дома, на работе, в путешествии — Диплом государственного образца — Более 60 направлений на выбор (IT, инженерные, экономические, педагогические, управленческие и другие) — 5 способов оплаты обучения — Поддержка персонального куратора: от поступления до получения диплома Узнать больше #реклама 16+ mti-vuz.ru О рекламодателе

❓ Что такое Callback Hell? Ответ: Callback Hell — это ситуация, когда код становится трудно читаемым и поддерживаемым из-за глубокой вложенности коллбэков. Это часто происходит при работе с асинхронными операциями. Проблему можно решить с помощью Promises или Async/Await. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Дарим подписку на Яндекс Музыку Ответьте на 1 вопрос и Яндекс Музыка ваша для вас и 3-х ваших близких. Кинопоиск и Яндекс Книги тоже в подписке. Попробуйте бесплатно❤️ Попробовать #реклама 18+ music.yandex.ru О рекламодателе Реклама на Яндексе

Используем принципы “Чистого кода” в контексте JavaScript.

Функции

❗️ Не создавайте глобальные функции, которые могут создать конфликт с аналогичными функциями сторонних библиотек

Давайте разберем на примере: что, если вы хотите расширить собственный метод JavaScript Array, чтобы иметь метод diff, который мог бы показать разницу между двумя массивами?

Вы можете написать свою новую функцию в Array.prototype, но она может конфликтовать с другой библиотекой, которая попытается сделать то же самое Что, если эта другая библиотека просто использует diff, чтобы найти разницу между первым и последним элементами массива? Вот почему было бы гораздо лучше просто использовать классы ES2015/ES6 и просто расширить глобальный Array. Coderoll | Frontend

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать

😮 Добавлена новая база слитых курсов на 800ГБ: Python: https://t.me/+VWMjDEXkuIM4OGEy Программирование:  https://t.me/+VSS-z1kBBhNjNzMy Графика и дизайн:  https://t.me/+HIB_pZ1zfgsyOTQ6 Frontend и Web:  https://t.meWWFT7CBMwrowMGYy

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

Функции

Функции должны иметь только один уровень абстракции ❗️ Проблема: Функция processOrder содержит код как высокого уровня абстракции (логика обработки заказа), так и низкого уровня (расчет суммы и проверка на складе). Это делает функцию сложной для понимания и поддержки ➕Чистый код: В исправленном примере processOrder остается на одном уровне абстракции и вызывает вспомогательные функции (calculateTotalAmount и checkStockAvailability), которые решают низкоуровневые задачи Coderoll | Frontend

⚡️ Бесплатное обучение HTML/CSS, JavaScript, React с нуля с поддержкой от наставника Можно неделями гуглить инфу по JS и смотреть туториалы, читать книги, делать задачки в тренажёрах,но всё равно не понимать, как из этого собрать нормальынй сайт. Завтра действующий тимлид и опытный разработчик запускает бесплатное обучение. Участники разработают фронтенд для своего киносайта Что вы сделаете на обучении — Сверстаете макет своего кинотеатра под присмотром тимлида — Затем добавите JavaScript (и это не пара скриптов для модального окна) — И перепишете проект на React Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как джуну стартовать на фрилансе или устроиться на работу Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Подписывайтесь, осталось 30 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 📌 Если вы уже пробовали изучать фронтенд, но каждый шаг — это гуглинг, страдание и тысяча вкладок, — приходите на интенсив. Увидите путь от вёрстки до Angular и сможете продолжать изучать фронтенд без хаоса в голове. 👉Участвовать бесплатно Первый урок доступе сразу после регистрации

⚡️Перечислите хотя бы 4 метода HTTP Ответ: GET, POST, PUT, DELETE Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Большая распродажа: скидки на серверы Dell, HPE В Сервер Молл выгодное предложение на серверы Dell, HPE предыдущих поколений — самое время для апгрейда и масштабирования. Модели серверов под любые задачи: 1С, базы данных, виртуализация, видеонаблюдение, файловое хранилище, VPN и иные нагрузки. Конфигурации — от бюджетных до некогда топов с двумя процессорами Intel Xeon Gold. Все серверы в наличии и готовы к отправке! Выберите готовый вариант или сконфигурируйте под свои задачи. Консультации в любом объёме. ⚡ Бесплатная Гарантия 5 лет ⚡Доставка по всей России = 0 руб ⚡Постпродажная поддержка Если вы ждали повод собрать инфраструктуру с нуля, масштабировать или заменить старую технику — он перед вами. Акция продлится, пока серверы есть в наличии ✅ Пишите в наш Чат или Звоните — 8 800 755-25-51 📞 Узнать цену #реклама 16+ servermall.ru О рекламодателе

Памятка по определению скоупов ответственности в FSD архитектуре Coderoll | Frontend

Онлайн-магистратура с IT специальностями от Яндекса Совместно с ИТМО, МИФИ, МФТИ. Онлайн-магистратура с актуальными программами и гибким графиком обучения. Получите высокооплачиваемую IT профессию, официальный диплом и практические знания. Господдержка оплаты. Совмещение с работой! Подать заявку #реклама 16+ practicum.yandex.ru О рекламодателе

⚡️ Какие типы данных существуют в JavaScript? Ответ: - string - number - boolean - bigInt - symbol - null - undefined - object Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

🤔 Слишком поздно заходить в IT в 2025? Врать не буду: скорее да, чем нет — за последние пять лет порог вхождения сильно поднялся, и теперь нередко от джуна требуют навыки грейдом выше. Что делать в такой ситуации? Учиться эффективнее остальных и знать, как подать себя на рынке других. Разобраться со всем этим вам поможет База Знаний — мест, где за вас уже отобрали лучшие материалы по самым востребованным вакансиям: 🖥 Python Dev: 1558+ материалов 👩‍💻 Frontend Dev: 1241+ материалов 👩‍💻 Backend Dev: 1095+ материалов 📊 Data Scientist: 978+ материалов 🎨 UX/UI Designer: 885+ материалов 📖 Книги по IT: 779+ материалов Советую перейти и начать учиться уже сейчас — так уже к лету сможете претендовать на вакансию c хорошим окладом 👍

❓ JS, это однопоточный язык? Ответ: JavaScript (JS) является однопоточным языком программирования. Это означает, что у вас есть только один основной поток выполнения кода, который обрабатывает все инструкции последовательно (или синхронно). Веб-браузеры, в которых JavaScript обычно исполняется, также однопоточные в своей основе. Однако в JavaScript также есть концепция асинхронного программирования, которая позволяет выполнять операции ввода-вывода (например, запросы к серверу или чтение файлов) без блокировки основного потока выполнения. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

⚡️Что такое гиперссылка? Ответ: Часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

🚨 GPT-5 теперь доступен всем. Сегодня OpenAI открыл новую версию ChatGPT, и весь интернет обсуждает, «насколько она умнее». Пока они болтают, мы нашли в GPT-5 функцию, которой нет ни в одной новости. Это даёт тебе:  • 💡 Возможности, которые в GPT-4 были невозможны  • ⚡ Скорость и точность в 3 раза выше  • 💰 Потенциал заработать уже сегодня 📂 Подробный разбор и пошаговая инструкция — в «Доктор GPT». Завтра это будут обсуждать все. Сегодня — только наши подписчики. 👉 Жми, пока инсайд не удалили.

❓ Что такое IIFE (Immediately Invoked Function Expression)? Ответ: IIFE — это немедленно исполняемая функция, которая выполняется сразу после её определения. Она используется для создания изолированной области видимости, чтобы избежать загрязнения глобального пространства имён. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Вопросы с собеседования: Promise.all Очень часто на собеседованиях любят давать заданию что бы собеседуемый написал свою реализацию Promise.all, эту задачу я встречал во многих крупных компаниях. И хотелось бы поделиться с вами решением этой задачи с подробным объяснением. Для начала вспомним работу оригинального Promise.all. Он принимает коллекцию промисов, начинает одновременно их выполнять и возвращает новый промис. Если все переданные промисы выполнятся, возвращаемый промис тоже выполнится и в нём будет лежать массив результатов, причём в том же порядке. Но! Если какой-то промис вылетел с ошибкой, то Promise.all прекращает работу раньше и возвращаемый промис будет отклонён. Таким образом у нас есть два сценария: Позитивный: Когда все промисы завершились успешно. Тут в ответ придёт массив результатов с сохранением очерёдности. Негативный: Когда какой-то промис завершился с ошибкой. Тут Promise.all не будет ждать завершение оставшихся, а сразу перейдёт в состояние rejected с полученной ошибкой. Сначала попробуйте решить самостоятельно, можете написать свое решение в комментариях Случай, когда у нас произошла ошибка, обрабатывать отдельно не нужно — возвращаемый промис автоматически перейдёт в состояние rejected.

// На вход к нам приходит массив промисов
Promise.all = (promises) => {
  // Здесь будем хранить результаты успешно завершенных промисов
  const results = []

  // Количество промисов, которые осталось выполнить
  // На данный момент не выполнился еще ни один промис!
  let rest = promises.length

  // Возвращаем, естественно, новый промис
  return new Promise((resolve) => {
    // Проходимся по списочку
    promises.forEach((promise, index) => {
      promise
        // Если промис завершается успешно
        .then((result) => {

          // Кладём его в наше хранилище
          // Причём сохраняем индекс, под которым он был в массиве `promises`
          results[index] = result

          // На один невыполненный промис стало меньше!
          rest -= 1

          // Если активных промисов больше нет, то резолвим результат
          if (rest === 0) resolve(results)
        })
    })
  })
}

Coderoll | Frontend