• Как реализовать возможность вставки extends посередине файла (Pug)?

    Hyubert
    @Hyubert
    JS
    тоже об этом думал, пока только использование миксина мне в голову пришло. выглядит так

    в test-modules прописиваем миксин, допустим такой:
    mixin item(img, headline, description)
      .item
        img(src=img)
        h3=headline
        p=description


    и потом используем ниже test-modules

    include modules/test-modules
    +item('../img', 'Lorem ipsum', 'Long text')


    но это очень костильно, надеюсь есть лучшее решение, и кто то его предложит
    Ответ написан
    Комментировать
  • Как правильно указать заголовки в Ajax?

    archakov06
    @archakov06
    Frontend-разработчик (ReactJS)
    Вы уверены, что нужно указывать те же значение, которые указаны в документации? Возможно, эти данные тестовые или уже невалидные. Возможно Вам самим нужно получить эти два токена и вбивать их при отправке запроса.
    Ответ написан
    2 комментария
  • Как реализовать отправку данных?

    p00h
    @p00h
    Фехтовальщик-стропальщик
    HTTP 401 - Unauthorized
    Вэб-сервер (или прокси?) требует авторизацию для осуществления запроса.
    Ответ написан
    1 комментарий
  • Почему не работает cross-domain HTTP OPTIONS запросы?

    iNikNik
    @iNikNik Автор вопроса
    Прошла неделя. Я не сдался :)

    После различных экспериментов - мне стало понятно, что проблема где-то в конфигурации апача. Так как OPTIONS-запросы не доходят до моего htaccess. Но, поскольку, я ни разу в жизни не работал с этим конфигом - я не знал что искать и что исправлять.

    Но однажды я наткнулся на пост на stackoverflow с заголовком - "Как настроить апач, чтобы он блокировал OPTIONS-запросы". Эврика! Это было то, что нужно! И я без труда нашел в своем конфиге OpenServera следующие строки:
    <Directory "%ssitedir%/*">
        AllowOverride All
        Options -MultiViews +Indexes +FollowSymLinks +IncludesNoExec +Includes +ExecCGI
        <LimitExcept GET POST HEAD >
            Require all denied
        </LimitExcept>
    </Directory>

    И добавил OPTIONS запрос:
    <Directory "%ssitedir%/*">
        AllowOverride All
        Options -MultiViews +Indexes +FollowSymLinks +IncludesNoExec +Includes +ExecCGI
        <LimitExcept GET POST HEAD OPTIONS DELETE>
            Require all denied
        </LimitExcept>
    </Directory>


    Все заработало! Ура, товарищи!!
    Ответ написан
    3 комментария
  • Позиционирование блоков Bootstrap?

    @Za0r
    pop()
    Дизайнер жжет
    Ответ написан
    Комментировать
  • Вопрос верстальщикам. Как вы так быстро верстаете и не умираете от скуки?

    @kgbplus
    Обычно достаточно года службы в армии, чтобы понять, что работа верстальщика не такая уж скучная
    Ответ написан
    Комментировать
  • Где найти HTML верстальщика?

    EugeneOZ
    @EugeneOZ
    JS/AJAX разработка; — это не верстальщик, не надо хитрить.
    Ответ написан
    Комментировать
  • Где найти HTML верстальщика?

    dmitriykikkas
    @dmitriykikkas
    Лично меня как верстальщика отталкивает пункт «JS/AJAX разработка». Верстальщик не должен ничего программировать на JS, а только уметь использовать его для визуальных эффектов. Например, уметь внедрить слайдер, всплывающие окошки,…

    JS разработчик и Верстальщик — две разные профессии. Не думаю, что кто-то будет за такую зарплату работать за двоих.
    Ответ написан
    4 комментария
  • Почему на позицию Junior HTML-верстальщика такие требования?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    1. Почему многие компании в своих вакансиях на позицию джуна html указывают в требуемых умениях знания PHP(либо базовые либо средние)
    По тому, что два феерически популярных шаблонизатора, таких как Blade и Twig наипсаны на PHP. И сам по себе PHP - отличный шаблонизатор, достаточно скачать и положить куда-нибудь на диске (т.е. ставить не обязательно) PHP, запустить встроенный сервере и использовать его в купе с gulp->browser-sync, получается отличная связка без всяких Apache'ей, для разработки - идеально. Так же, применение подобных связок позволяет не писать например, 8 раз 1 и тот же блок, а просто засунуть его в цикл и вывести 8 раз. Итог - меньше кода, проще работать.

    MySQL, работу с БД
    По тому, что при умении работать с MySQL - хотя бы базовом, а так же при помощи дюжины строк кода PHP, вы можете доставать данные прямо из БД и выводить их в макете, работая с реальными данными, а не с "Lorem ipsum'ами".

    Можно ли назвать человека, проработавшего более года в офисе на коммерческих проектах джуном?
    Проекты бывают разные, например в средней по размерам фирме, где я сейчас работаю, меня назначили тех. директором (т.к. почти 20 лет опыта и всё такое). Если бы я пошел работать в Google, наверное, там бы я был джуном... если бы вообще кем-то был :D (условно конечно, но думаю Вы понимаете о чём я). Другой пример, когда я устраивался на работу в международную IT-компанию, там среди требований на сеньёра была такой список знаний, что я немного прифигел, среди прочего было свободное владение английским и желательно ещё каким-то (кроме родного) языком, к знанию PHP добавлялось отличное знание кардинально противоположенного языка, например, Java, C++ или C#, отлично знание линукса и сетей и т.д. С другой стороны, человек работающий в фирме "3 разраба", на должности "Сеньёр", не обладает даже 10% знаний, озвученных в другой фирме на эту же должность (в эту фирму я тоже пытался устроиться). Т.е. фирмы бывают разные и требования тоже.

    Почему на именно на джуна столько требований, я честно говоря, точно сказать не могу. Т.к. джунов обычно набирают, что бы "воспитать" себе разработчика нужной категории. Выше озвученные мной эпитеты скорее являются ответами на все остальные вопросы, кроме вопроса "зачем всё это именно джуну". Но, возможно это показывает желание человека развиваться в целом, а не зациклится на чем-то одном и "свято верить в чудеса". Люди, которые "научились делать что-то одно", в профессиональном IT обычно долго не держатся, наглухо увязая в массах себе подобных, которые тоже умеют делать "что-то одно" а потом бегают по фрилансам и депмят цены до такой степени, из начального бюджета, который и без того, был не велик (например, 5тыс. руб.) он порой превращается в 200-300руб., лишь бы урвать кусок работы. Можно "делать что-то одно", а знать в общей сложности нужно всё, т.к. дизайнер без знания основ работы браузера - очень хреновый дизайнер. А верстальщик, без знания основ фотошопа - очень плохой верстальщик.

    P.S. Зачем в требованиях пишут "умение рисовать в фотошопе" - я даже приблизительно себе представить не могу, т.к. именно "рисовать" - это на 100% задача дизайнера/художника, и это на 97% та задача, которая к верстальщику не относится вообще никак, почти так как умение штукатурить стены, к вёрстке не имеет вообще никакого отношения, даже косвенного.
    Ответ написан
    2 комментария
  • Лендинги в портфолио?

    @Multigame
    Все зависит от позиции на которую Вы нацелены. В любом случае в портфолио следует добавлять ограниченное количество лучших работ. Нужно понимать что даже лендинг лендингу рознь.
    Ответ написан
    Комментировать
  • Лендинги в портфолио?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Или же landing page не котируются как умение верстать и в портфолио нужны более крутые работы (типа интернет магазинов и прочего)?

    Если новая компания - профессионалы, то они корректно оценят качество верстки в любом случае. Это же не клиенты, которые говорят, что если вы не верстали сайт именно их тематики, то все пропало :)
    Ответ написан
    Комментировать
  • Лендинги в портфолио?

    opium
    @opium
    Просто люблю качественно работать
    Блин с учетом того что сейчас такая ситуация на рынке что самые крутые верстки встречаются на лендингпейджах у вас очень странные вопросы.
    Ответ написан
    3 комментария
  • Как использовать Json данные в jade ?

    @beliberda
    Посмотрите мой пример: https://github.com/kulakowka/kulakowka.com/blob/ma...

    Конкретно вот в это место. Переменная config передается в jade шаблонизатор.

    // Templates
    gulp.task('templates', function() {
      
      var config = {
        revision: new Date().getTime()
      };    
    
      gulp.src('./assets/views/**/*.jade')
        .pipe(jade({
          locals: config
        }))
        .pipe(gulp.dest('./public/'))
        .pipe(notify({ message: 'Templates task complete' }));
    });


    Ничего не запрещает вам сделать так:

    // Templates
    gulp.task('templates', function() {
      
      var config = require('./config.json');
    
      gulp.src('./assets/views/**/*.jade')
        .pipe(jade({
          locals: config
        }))
        .pipe(gulp.dest('./public/'))
        .pipe(notify({ message: 'Templates task complete' }));
    });


    Ну а в файле config.json положить уже нужные данные.

    {
      "param1":"мои данные 1",
      "param2":"мои данные 2"
    }


    Ну а вообще, ответ элементарно ищется поисковиком по запросу Gulp Jade.

    Если вам лень искать, то я сделал это за вас.

    https://www.npmjs.org/package/gulp-jade
    jade-lang.com

    Там есть примеры :) думаю должно быть понятно.
    Ответ написан
    4 комментария
  • Как избежать вылета на ошибке при компиляции jade в html?

    @mrwoo
    Старательный и кропотливый новичок
    Вот так
    // JADE
    function log(error) {
        console.log([
            '',
            "----------ERROR MESSAGE START----------",
            ("[" + error.name + " in " + error.plugin + "]"),
            error.message,
            "----------ERROR MESSAGE END----------",
            ''
        ].join('\n'));
        this.end();
    }
    
    gulp.task('jade', function() {
        return gulp.src(paths.src.jade)
            .pipe(jade({
                  pretty: true,
                })).on('error', log)
            .pipe(gulp.dest('src/'))
            .pipe(reload({
                stream: true
            }));
    });
    Ответ написан
    Комментировать
  • В чем преимущества *nix, linux перед windows (для веб разработчика)?

    @spotifi
    Нету никаких проблем.
    Если только ваше конкретное используемое для ваших задач ПО нормально работает с Windows.

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

    А так - даже Vim хорошо себя чуствует на Windows. Нативный. Не cygwin.

    Microsoft это тоже понимает.
    И вот уже они встроили подсистему Linux Ubuntu в Windows 10. Это не виртуализация, а именно полноценная подсистема.

    И многие вещи, например, те же шрифты - в Windows работают лучше, чем под Linux.

    Могут сказать - что лучше использовать для разработки ту же среду что и для production.

    Но дело в том, что даже если вы сидите на Ubuntu Desktop, то ваша среда серьезно отличается от среды сервера FreeBSD, CentOS, Debian, Ubutntu Server. И для полноценного CI все равно умные дядьки категорически рекомендуют и на Linux даже использовать Docker для полноценной эмуляции.

    Но ведь Docker-то можно использовать и на Windows. Правда, запускается он там подольше.

    Где именно вести разработку, где вам удобнее - это ваше личное дело. Вопрос ваших предпочтений. Никаких объективных причин в наше время, когда существуют Docker, Vagrant и виртуальные машины, когда куча приложений изначально сделанных для *nix запускаются в native под Windows - нет никаких причин себя строить. Кроме любопытства - а как оно там на других системах живется.

    У тех кто вас троллит есть еще одна причина: им приятно показать себя более умными. Как же - ведь Linux можно сконфигурить руками.

    Ага, конечно.

    Или используют готовые десктопные дистрибутивы. Не зря Ubuntu так популярна.
    Или если освоили ArchLinux - то построили себе совершенно убогое окружение по готовым мануалам.

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

    На деле 99% твердящих о гибкости Linux - далее чем ставить Apache и MySQL из пакетов - ничего сами и не умеют. Фактически работая в то же настроенной другими людьми десктопной среде. Но разве вы не умеете делать то же самое под Windows?

    Другое дело, что разворачивать и тестировать нужно под аутентичным операционным окружением.
    Неважно под Ubuntu ты сидишь или под Windows.

    Лучшие практики советуют использовать полностью изолированный и независимый от рабочего места разработчика инструментарий - виртуальные машины, Vagrant, Docker, отдельные физические сервера.

    В этом случае под твоей любимой ОС работает только текстовый да графический редактор. А все развертывание для тестирования и для продакшн проводится в совсем другой среде.

    Используя Docker хоть под Windows ты будешь получать даже больше преимущество повторяемости рабочей среды чем тем кругом, кто советуют тебе просто перейти на Linux. Если на более слабом железе это и было бы существенно (Docker под Linux стартует быстрее), то на твоем - несущественно на чем работать.
    Ответ написан
    9 комментариев
  • Как отдать return, только после выхода из цикла в gulp'e?

    @F6CF
    Для этого можно использовать модуль merge2:
    import * as merge2 from 'merge2';
    gulp.task('copy-template', ()=>{
      let tasks=[];
      for(var i = 0; i < directory.length; i++) {
        tasks.push(gulp.src(directory[i] + '**/*.*')
          .pipe(gulp.dest(directory[i] + 'template/')));
      }
      return merge2(tasks);
    });

    Либо использовать gulp4 и async/await из node v7 для того что бы самостоятельно ждать окончания выполнения асинхронной функции
    Ответ написан
    1 комментарий
  • Как реализовать вставку css и js в html, в gulp?

    delphinpro
    @delphinpro Куратор тега Gulp.js
    frontend developer
    Будьте проще, задача-то примитивная - gulp-rigger

    в html
    <style>
    //= css/style.css
    </style>
    <script>
    //= js/scripts.js
    </script>
    Ответ написан
    1 комментарий
  • Как запретить ребёнку просмотр видео на Squid3?

    2ord
    @2ord
    А может попробовать блокировать контент "для взрослых" при помощи настройки DNS на домашнем шлюзе?
    Семейный DNS
    Многие пользователи хотят оградить себя или своих детей от сайтов для взрослых. Алгоритмы семейного поиска Яндекса умеют выявлять эротику и порно.
    Ответ написан
    1 комментарий
  • Градиент дёргается в конвульсиях, что делать?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    а где его наблюдать? У меня ничего не дёргается
    Ответ написан
    2 комментария