• Как протестировать верстальщиков?

    Aetae
    @Aetae
    Тлен
    Если ты шаришь в теме - посмотри последние коммиты и всё ясно станет.
    Если ты эффективный менеджер - иди нафиг.
    Ответ написан
    Комментировать
  • Как через window сделать глобальную переменную const?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Через defineProperty()
    Object.defineProperty(window, "test", {
      value: "QnA"
    });
    Присвоение нового значения ошибки не вызовет, но и не сработает: сохранится указанное значение.
    проверки
    test = "X"; 
    test // "QnA"
    
    var test = "Y";
    test // "QnA"
    
    window.test = "Habr";
    test // "QnA"
    
    const test = "Z" // Uncaught SyntaxError: redeclaration of var test

    Тут не указано writable: false – оно и так по умолчанию false. И именно это свойство дескриптора определяет, можно ли назначить новое значение.

    Если переменная/свойство уже были декларированы ранее, то надо явно указать writable: false, чтобы свойство стало «константным».
    var test = "Habr";
    
    Object.defineProperty(window, "test", {
      value: "QnA",
      writable: false,
    });
    Ответ написан
    Комментировать
  • Как сверстать подобную фигуру?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Без дополнительного спана, в один тег <button>


    Другой вариант, с hover
    Ответ написан
    1 комментарий
  • Стоит ли изучать Vue 2?

    @kandrash
    Кратко о себе
    Если вы _хорошо_ знаете VUE2 - переход на 3 у вас полчаса займёт.

    Просто в реальных проектах 3 очень медленно внедряется. Ок, год назад она вышла. И что по факту? Vuetify - альфа.10 Учитывая как они относятся к срокам - в лучшем случае в 2022 релиз увидим. Nuxt - та же ситуация. Выкатили пакет для поддержки VUE 3, но полноценного Nuxt 3 даже в планах нет.

    Так что учите 2, точно ничего не потеряете.
    Ответ написан
    Комментировать
  • Как можно решить эту задачу?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Перевести в число, и если перевелось,
    (>= 1111 И <= 9999) ИЛИ (> 111111 И <= 999999)
    p.s. Это был дурной совет. Не пройдёт скажем валидный пин "0000"

    Решение регуляркой
    // return !!pin.match(/^\d{4}(\d{2})?$/);
      return /^\d{4}(\d{2})?$/.test(pin);
    Ответ написан
    4 комментария
  • Как можно решить эту задачу?

    lastuniverse
    @lastuniverse
    Всегда вокруг да около IT тем
    воспользоваться регулярным выражением типа

    function validatePIN (pin) {
       return (/^!!!$/).test(pin);
    }

    где вместо !!! вставить условее проверки на 4 или 6 цифр

    полное решение

    function validatePIN (pin) {
       return (/^(\d{4}|\d{6})$/).test(pin);
    }


    Ответ написан
    Комментировать
  • Как это правильно записать в SCSS?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Можно оставить как есть.

    Можно переписать так:

    .parent__child {
      background: gray;
      @media (max-width: 777px) {
        background: orange;
        
        .parent--custom & {
        background: red;
      }
     }
    }


    можно так:

    .parent__child {
      background: gray;
      @media (max-width: 777px) {
        background: orange;
      }
    
      .parent--custom & {
        @media (max-width: 777px) {
          background: red;
        }
      }
    }


    А совсем хорошо вот так:
    .parent__child {
      --color: gray;
      background: var(--color);
      @media (max-width: 777px) {
        --color: orange;
      }
    
      .parent--custom & {
        @media (max-width: 777px) {
          --color: red;
        }
      }
    }
    Ответ написан
    2 комментария
  • Какой мак бук выбрать для веб-разработки?

    gbg
    @gbg
    Любые ответы на любые вопросы
    Рам < 16 в 2021 году под "производственную работу на компе" уже можно всерьез не рассматривать.

    Важно понимать очень простую вещь - ниша Эйра: Эйр - это фигулина, которую вы носите на пары, делаете в нем конспекты и лабораторки в ворде/экселе + серфите инет и показываете чикам, что у вас есть 60+ к на этот драндулет трехлетней давности (но нет другого...ммм, параметра в RPG, чтобы вбухать эти бабки в реально рабочую лошадку)

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

    -продакшн музыки в лоджике - будет икать уже на четырех треках с эффектами (зато плагин ревера не нужен, лол)
    -рисование - ну попробуйте порисовать через форточку, вам как, удобненько?

    Попытки же завести пару докеров (что является стандартным рабочим стеком, даже если вы фронт) поставят малютку на раскоряку (сожрут всю память, хрому останется гига 2, а воем кулера можно будет отгонять силы нечистые. И коленки обожжете)

    Короче, лучше более старая, но Проха (особенно после прокачки RAM и установки SSD), чем вот это вот чудо.
    Ответ написан
  • Возможно ли вызывать функцию каждые 5 секунд?

    Kozack
    @Kozack Куратор тега JavaScript
    Thinking about a11y
    Возможно
    Ответ написан
    6 комментариев
  • Какой смысл писать комментарий к коммиту?

    DevMan
    @DevMan Куратор тега Git
    осмысленное описание комита - маст хэв.
    prj-3 - это говно, а не описание комита.

    на самом деле тут роялят много моментов. но описание комита должно быть информативным.как минимум финального, который пойдет в релизную ветку.
    Ответ написан
  • Как сверстать эти хар-ки?

    MrDecoy
    @MrDecoy Куратор тега CSS
    Верставший фронтендер
    Ответ написан
  • Как правильно определить, нужен ли префикс браузера в коде?

    approximate_solution
    @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Как правильно определить, нужен ли префикс браузера в коде?

    Алгоритм:
    - Научиться пользоваться сборщиками проектов вроде gulp или webpack
    - Не нужно лезть руками на caniuse и искать каждое свойство, этим занимется плагин autoprefixer, который на автомате, в зависимости от настроек степени поддержки браузера будет ставить вам всё.
    60ae14f390712442537809.png

    https://webdesign-master.ru/blog/tools/gulp-4-less...
    Ответ написан
    Комментировать
  • Какие реальные задачи выполняет front-end (js) на работе?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Зависит от компании и её рода деятельности.

    Есть веб студии, клипающие сайты.
    Есть компании, которые разрабатывают и поддерживают свои продукты\сервисы.

    Работа в таких компаниях очень и очень разная.

    Веб студии клипают сайты, поэтому там приходится решать в 70-80% случаев типичные и рутинные задачи. Создание проекта, вёрстка, авторизация, регистрация, каталог товаров и т.п.

    Компании, занимающиеся своими проектами и сервисами, чаще всего занимаются правкой багов, оптимизациями, рефакторингом, созданием новых фич, как правило не больших, т.к. работают часто спринтами.

    Самые распространенные задачи front-end программиста:
    • Отправка форм, фильтры, обратная связь и подобные, авторизация, регистрация и т.п.

    • Работа с api - CRUD, чаще всего это REST API.

    • Обработка и последующее отображение запрашиваемых данных из api

    • Рефакторинг, оптимизации. Чаще всего делаются, если есть лишнее время и реальная нужда, а не рефакторинг ради рефакторинга

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

    • Изучение новых подходов, библиотек, инструментов и их возможное дальнейшее применение. Всё зависит от задач и проектов в целом, а так же самих компаний. Бывают компании, которые не любят программиста сидящего на одном месте. Потому как во многом, разработчики создают и улучшают продукт. Разрабатывая и внедряя различные инструменты, подходы, упрощающие жизнь при разработке или работе с проектами.

    • Оценка входящих задач или новых проектов

    • Болтовня с менеджерами, иногда занимающая от 20-30% рабочего времени, либо просто обсуждение задач и их решений с коллегами.


    P.S. Не стоит думать, что новомодные фреймворки, SPA сайты применяют все кому не лень. Потому как перейти на такой формат - это титанический труд и обучение как людей, так и менеджеров. А проблем в этом подходе предостаточно. Ещё огромное кол-во компаний которые делают всё по старинке и не хотят переходить на новые тенденции в разработке. Во многом будут правы. Так же, бывает так, что под фронтенд разработчиком, компания понимает человека, который верстает, знает jquery и нужен им, что бы разгребать всякие легаси проекты без документации и без какой либо информации об устройстве проекта. Не забывайте внимательно изучать компанию, в которую хотите устроиться. Узнавайте у них о их стеке технологий, принципах разработки и конкретно ваших обязанностей. Т.к. бывает, что фронтенд разработчик ещё и должен уметь верстать. Тут я согласен, это в его компетенциях и обязанностях, но есть люди, кто с этим не согласен, это их право.
    Ответ написан
    Комментировать
  • Как переменная одновременно может быть и true, и false?

    0xD34F
    @0xD34F Куратор тега JavaScript
    const value = {
      val: 1,
      valueOf() {
        return this.val = !this.val;
      },
    };
    Ответ написан
    5 комментариев
  • Как работает рекурсия?

    Aleksandr-JS-Developer
    @Aleksandr-JS-Developer
    Лучше проще, чем никогда
    Как работает рекурсия?

    Чтобы понять рекурсию, вам нужно сначала понять рекурсию (с)
    Ответ написан
    6 комментариев
  • Медиа запросы не работают в консоли разработчика?

    delphinpro
    @delphinpro
    frontend developer
    Ответ написан
    Комментировать
  • Когда использовать button?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Button - переводится как "Кнопка".
    Отсюда простой вывод — используем везде, где нужна кнопка.
    Если вы используете вместо кнопки div или span — это всегда неправильно.
    Так же и ссылки. Если ссылка в макете выглядит как кнопка, то она все же остается ссылкой и верстается тегом а.
    Ответ написан
    Комментировать
  • Что занимает сколько памяти на диску С?

    Jump
    @Jump Куратор тега Windows
    Системный администратор со стажем.
    ProgramData это системная папка, есть всегда Кто в нее столько данных написал - можете посмотреть.
    appData это часть вашего профиля - туда все кэшируется с чем вы работаете.

    удалять папки или нет?
    Удалять системные папки?
    Это вроде уборки квартиры с помощью бульдозера - сравнять с землей вместе с бардаком да и все. Зато быстро.

    как очистить ненужные файлы ?
    Удалить ненужные файлы.
    Ответ написан
    8 комментариев