CodeBase | Frontend

С днём сисадмина! 🍺 Предлагаю в очередной раз насладиться классикой :) localhost › IT-юмор

🦥Ленивый программист ©

​Чтo такoе prоmise и какие сoстoяния у него есть? Это oбъект, прeдставляющий завершeние (или нeудачу) асинхрoнной операции и её результат. Он позволяет ассоциировать обработчики с асинхронным действием, тем самым избавляя от неoбходимости использовать обратные вызовы (callback-функции). Они упрощают работу с асинхронными операциями, такими как AJAX-запросы или чтение файлов, позволяя написать код, который проще понять и поддерживать. Сoстояния: - Pending (Ожидание): Начальное состояние; асинхронная операция не завершена. - Fulfilled (Исполнено): Операция завершена успешно, и promise возвращает результат. - Rejected (Отклонено): Операция завершена с ошибкой, и promise возвращает причину отказа. Пример:

let promise = new Promise(function(resolve, reject) {
    // Эмуляция асинхронной операции, например, запроса к серверу
    setTimeout(() => {
        // Условие успешного выполнения операции
        if (/* условие успеха */) {
            resolve("данные получены");
        } else {
            reject("ошибка при получении данных");
        }
    }, 1000);
});

promise.then(
    function(result) { console.log(result); }, // обработчик успеха
    function(error) { console.log(error); } // обработчик ошибки
);

Prоmise поддерживает цепочки вызовов (then), что позволяет организовывать асинхронный код последовательно и читабельно. Кроме того, существуют вспомогательные методы, такие как Promise.all, Promise.race, Promise.resolve, и Promise.reject, которые облегчают работу с группами асинхронных операций. 🔗 Ссылка CodeBase | Frontend | #JS

💸 Вакансии для IT'шников Выбери своё направление ⤵ 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. PHP 10. Kotlin 11. Swift 12. Node.js 13. 1C 14. Flutter / Dart 15. Unity 16. Product Manager 17. Project Manager 18. System Analyst 19. Bussines Analyst

EС сard hоver Несколько карточек, стилизованных и анимированных в HTML и CSS. CodeBase | Frontend | #animate

Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию? Следуйте 3 простым шагам, чтобы сделать это: 1) Нажмите на ссылку: Вход 2) Пополняйтесь удобным способом 3) Размещайте публикацию Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

Animated Circle Text on Mousemove В этом видео создается анимированный круг с текстом, который перемещается в зависимости от положения курсора. Реализовано на HTML, CSS и JS. 🔗 Ссылка CodeBase | Frontend | #animate

🎉 Большой розыгрыш от крупнейшего IT-медиа 1337, легендарного паблика Рифмы и Панчи, канала Техно. Победителей будет много, а для участия нужны лишь пара кликов: 1. Подписаться на Рифмы и Панчи, 1337 и на Техно. 2. Нажать «Участвовать» под этим постом Что по призам:

1 место - Iphone 16 Pro 2 место - PS5 Slim 3 место - Nintendo Switch 2 4-10 места - 10 000 рублей на карту

Победителей определим 21 июля в 18:00 МСК. Всем удачи!

🙃 Иногда на собеседовании хочется просто исчезнуть. Чтобы не теряться и не нести ерунду — важно заранее подготовить «продающую» легенду о себе, выстроить стратегию и подготовиться к ключевым вопросам. 💡 Был найден один суперский материал, который позволит: 🔹 Прокачать резюме — с акцентом на результат, а не «просто работу работал» 🔹 Составить чёткий рассказ о себе — кто ты, чем полезен, куда растёшь 🔹 Получить стратегию поиска и переговоров — от безопытного джуна до мидла 🔹 Узнать, как уверенно отвечать на «почему вы хотите у нас работать?» — без мемов 😉 📎 Курс на Stepik: Подготовка к собеседованию в IT: Резюме, Легенда, Стратегия 👉 https://stepik.org/a/243649 Собеседование — не экзамен. Это сделка, на которой должен заработать ты! 🎯 🎁 А для ЭТОГО и ЛЮБЫХ ДРУГИХ курсов на Stepik есть промокоды: STEPIKSHORTS24 или STEPIKZON10 — активируй при оплате, чтобы сэкономить.

⚡️Multiple Glow effects Button — Анимированная кнопка с различными эффектами свечения Технологии: SVG, CSS, JS 🔗 Ссылка CodeBase | Frontend | #animate

🟢Подборка каналов для технарей от наших друзей: 📱https://t.me/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти. 📱https://t.me/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика. 📱https://t.me/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати. 📱 https://t.me/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс. 📱 https://t.me/Pirate_Gram - Бесплатные андроид премиум приложения.

Бэкендер пытается центрировать <div> CodeBase | Frontend | #meme

🖥 От React всё также веет безумием, но все об этом молчат Из побочного абзаца выросла полноценная статья: разбираю архитектурные и концептуальные проблемы React, объясняя, почему страдают не только новички, но и опытные разработчики. 🔗 Ссылка CodeBase | Frontend | #article

Прекрати гуглить — вот полезные каналы по операционкам и харду: 🟢Windows Club 🟢Linux Club 🟢Apple Club 🟢Hardware Club После подписки ты выжмешь из железа 1000% и поднимешь lvl компьютерной грамотности!

⚙️ Что такое свойство overflow в CSS и зачем оно используется? Свойство overflow управляет тем, как отображается контент, выходящий за границы блока. Оно определяет, будет ли контент обрезан, прокручен или показан полностью. ➡️ Пример:

<div class="box">
  Очень длинный текст, который выходит за пределы блока.
</div>

<style>
  .box {
    width: 200px;
    height: 60px;
    overflow: auto;
    border: 1px solid #ccc;
  }
</style>

🗣 В этом примере, если текст не помещается — появляется прокрутка. overflow бывает: visible, hidden, scroll, auto. CodeBase | Frontend | #CSS

🦥Ленивый программист ©