• На сколько оправдано использование ЧПУ на русском?

    AndrewMn
    @AndrewMn
    Эксперт в SEO (с 2006 года)
    Боюсь, заказчик прав. Как бы там не говорили о том, что кириллица также неплохо ранжируется, субъективно наблюдаю по-прежнему хорошие и уверенные позиции у URL на латинице. Если сделать корректные редиректы - то думаю, вы будете в выигрыше в будущем.
    Тем не менее, только лишь за счет смены URL вряд ли будет взрывной рост. Всё-таки SEO это комплекс факторов.
    Ответ написан
    4 комментария
  • Как вывести данные массива в таблицу?

    niktariy
    @niktariy
    Люблю верстать
    Про работу с DOM javascript.ru/tutorial/dom/modify

    let i,
        arrayItem,
        rows = arr.length,
        tableBody = document.querySelector('.tbody');
    
    for (i = 0; i < rows; i++) {
        arrayItem = arr[i];
        tableBody.innerHTML += `<tr><td>${arrayItem.id}</td><td>${arrayItem.name}</td><td>${arrayItem.last}</td><td>${arrayItem.com}</td></tr>`;
    }


    Это по быстрому. Лучше создать отдельный шаблон для строки, особенно если там ещё классы будут, потом вызывать функцию добавления данных в шаблон. Например:

    function createImageCardTemplate(image) {
      let imageTemplate = document.createElement("div");
      imageTemplate.classList.add(`${USER_GALLERY_CLASS}__item`, "js-show-image");
      imageTemplate.setAttribute("data-target-image", image.id);
      imageTemplate.innerHTML =
            `<img class="${USER_GALLERY_CLASS}__image" src="${image.filePath}" alt="${image.fileName}">`;
    
      return imageTemplate;
    }
    
    function renderGallery(images) {
      let imagesCount = images.length,
          $image,
          imageData,
          i;
    
      $gallery.addEventListener("click", bindImageCardClick);
    
      if (!imagesCount) {
        $gallery.innerText = "No images found";
        return;
      }
      $gallery.innerText = "";
    
      for (i = 0; i < imagesCount; i++) {
        imageData = images[i];
        $image = createImageCardTemplate(imageData);
        $gallery.appendChild($image);
      }
    }
    Ответ написан
    Комментировать
  • Как вывести данные массива в таблицу?

    BRAGA96
    @BRAGA96
    Или такой вариант для более гибкой работы с шаблоном
    <table>
      <thead>
        <th>id</th>
        <th>name</th>
        <th>last</th>
        <th>comment</th>
      </thead>
      <tbody id="container"></tbody>
    </table>

    const array = [{
        id: "Uno",
        name: "First point",
        last: "Last",
        com: "Comment one"
    },
    {
        id: "Dos",
        name: "Two point",
        last: "Last",
        com: "Comment Two"
    },
    {
        id: "Tres",
        name: "Three point",
        last: "Last",
        com: "Comment Three"
    },
    {
        id: "Cuatro",
        name: "Four point",
        last: "Last",
        com: "Comment Four"
    }];
    
    document.getElementById('container').innerHTML = tableInner(array);
    
    function tableInner(data) {
        let html = '';
        data.forEach(item => (html += templateTableRow(item)));
        return html;
    }
    
    function templateTableRow(data) {
        return `
            <tr>
                <td>${data.id}</td>
                <td>${data.name}</td>
                <td>${data.last}</td>
                <td>${data.com}</td>
            </tr>
        `;
    }
    Ответ написан
    Комментировать
  • Как добавить класс в body?

    flapflapjack
    @flapflapjack
    на треть я прав
    $( document ).ready(function() {
        $('body').toggleClass("hidden");
    });
    Ответ написан
    5 комментариев
  • Как вставить значения в конкретные места?

    0xD34F
    @0xD34F
    .container
      .row.flex-wrap.bg-light.sticky-top.m-auto.dots
        - for (var x = 1; x <= 8; x++)
          .col-md-3      
            .dot
              img(src="" alt="" data-id=x)
              p text
    Ответ написан
    Комментировать
  • Реальная заработная плата frontend/backend разработчика в Москве?

    Maksclub
    @Maksclub Куратор тега Карьера в IT
    maksfedorov.ru
    вполне оправданная, сотку тут все дают, и больше дают (и есть, где сильно больше) и не тяжело такую работу найти

    но конторы разные:
    - требуют пахать за 10
    - требуют многое, а пилить Г в итоге дают
    - готовы и давать деньги и условия и делиться знаниями
    - готовы обещать, но не давать

    рынок огромный, толковых разрабов тяжело найти... хорошие компании или проект -- аналогично тяжело,

    ну и никто с джунами возиться не хочет :)
    Ответ написан
    15 комментариев
  • Почему люди проявляют агрессию на программистов?

    usdglander
    @usdglander
    Yipee-ki-yay
    Ни разу не видел негатива в свою сторону, когда говорил что я программист. Может быть стоит сменить круг общения? ИМХО хейтить прогов могут только какие-нибудь пацанчики с района, а нормальные люди понимают ценность образования.
    Ответ написан
    Комментировать
  • Как заставить работать Flex-wrap ie11?

    alams_stoyne
    @alams_stoyne
    Full Stack Developer - #PHP #CSS #JS #DB
    От создателей Bootstrap (c) классы:

    .d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .flex-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }


    Всё работает.
    Ответ написан
    Комментировать
  • Создать 2 таба в bootstap?

    kawabanga
    @kawabanga
    Выставляйте разные ID в двух табах.

    id по правилам html должен быть уникален на странице.
    Ответ написан
    8 комментариев
  • Как настроить цели в Яндекс.Метрике?

    agmegadeth
    @agmegadeth
    Веб-разработчик в дизайн студии
    reachGoal('TARGET_NAME') - это для события типа "javascript событие" в метрике. При его создании в метрике надо указать идентификатор, который и надо указывать за место TARGET_NAME.
    Ответ написан
    1 комментарий
  • Как стать web разработчиком на Python не прикасаясь к html, css и javascript?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    я бы не хотел залезать во front-end (в частности из-за javascript)

    Вы так говорите, как будто в питоне все соблюдают pep8.
    JS последних версий довольно вкусный, я имею равный опыт разработки на обоих языках, и не нахожу причин в ваших словах. Разве что только в том случае, если их применить к остальным языкам, отличных от python. JS хорош, просто нужно уметь его готовить.
    По вопросу. Можно писать и чистый Rest API, но вы потеряете куча приятных заказов, в которых используется шаблонизатор или нужно поправить небольшие скрипты на JS. Для таких задач часто не нужно сильно знать язык, достаточно беглого прочтения https://learn.javascript.ru
    Ответ написан
    1 комментарий
  • Как подключить JS-скрипт (ES5/6...) используя Gulp?

    rockon404
    @rockon404
    Frontend Developer
    Слава богам - с этим разобрался!

    Больше никому это не показывайте.

    Но появилась необходимость юзать библиотеку из node_modules, но с этими всякими exports, require и прочей дичью новейшего синтаксиса JS... Как это правильно сделать, в моем случае?

    Либо изучать "все эти exports, require и прочую дичь", либо искать себе работу полегче.

    Чем можно собрать бандл:
    webpack
    browserify
    Ответ написан
    3 комментария
  • Почему автопрефиксер добавляет префикс для box-shadow?

    sim3x
    @sim3x
    Убрать, если не поддерживаете ИЕ
    Ответ написан
    Комментировать
  • Почему автопрефиксер добавляет префикс для box-shadow?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Автопрефиксер работает на основе настройки в webpack или gulp, в которой указывается, какие версии браузеров вы поддерживаете. А can i use ему нужен для того, что бы узнать, нужно ли для указанной версии браузера указывать префикс к свойствам. Либо положите болт, ибо плохого в этом ничего нет, или просто укажите список версий браузеров, для которых не нужны префиксы.

    Отвечая на 2й вопрос, то лучше использовать плагины для галпа или webpack. Причина проста, ваша заготовка для сборки будет независимо работать от любого редактора и любой человек сможет без проблем использовать все фичи вашей сборки запуском 1й команды npm install, а редактор вы можете сменить, в котором заново будете устанавливать свои плагины.
    Ответ написан
    2 комментария
  • Куда дальше расти, что изучать? Как найти команду?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Году в 14-15 я оказался в схожей ситуации. Фронтенд сделал огромный рывок вперед, и мои фронтенд скиллы, которых вполне хватало раньше, оказались так себе. На тот момент общий мой стаж в айти перевалил за 20 лет. Казалось бы положение вообще швах.

    Первым делом я провел масштабное исследование, что вообще происходит в современном фронтенде, какие стеки/технологии в тренде, куда вообще движется паровоз фронтенда. Масла в огонь подлило несколько проектов, где были формы со сложной логикой на очень много полей. В одной было 60+ полей, в другой 300+. Я конечно решил эти задачи, и всё даже работало, но далось мне это очень не просто и я сильно не завидую тому, кому пришлось бы впоследствии эти формы переделывать (а реальность такова, что код приходится дорабатывать через время без вариантов)...

    В общем остро встали вопросы "Как быть?", "Что делать?", "Куда двигаться дальше?".

    Совершенно очевидно стало, что без JavaScript/ES6+ совершенно никак, поэтому я принялся устранять все белые пятна, которые у меня на тот момент были относительно языка. Честно говоря до 2015 года я откровенно недолюбливал JS, но мирился с ним. Забегая вперед скажу, сейчас это мой основной язык и я его фанат.

    Самый простой способ перевести язык на уровень рефлексов - очень очень очень много кодить. Просто так кодить мне давно не интересно, поэтому я открыл для себя кодварс и стал зарешивать там все задачки подряд. Через пару месяцев мой мозг перенастроился с пыхи на JS и процесс пошел в гору.

    Дальше я выбрал для себя React, всю логику выбора описывать не буду, кому интересно, можно почитать другие мои ответы на тостере.

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

    Внезапно обнаружилось, что когда рассказываешь о чем-либо кому-либо, сам начинаешь лучше понимать. В языке и стеке вообще есть ряд не очень то интересных вещей, которые просто так учить не прикольно. Поэтому я подался в разные онлайн школы разработки наставником, рассказывать молодым да зеленым азы. Вопросы они задают самые разные, и очень неудобно ударить перед ними в грязь лицом, приходится соответствовать. :) Таким образом я не только всякую фигню, малопригодную в повседневном кодинге, подучил, но и немного деньжат с этого заработал.

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

    Меня здорово выручает владение инглишем в достаточной степени, чтобы свободно читать/понимать на слух. Так же здорово облегчают жизнь достаточно прокачанные скиллы по структурам данных и алгоритмам. Имея эти навыки в багаже мне оставалось просто подучить язык, освоить дополнительные инструменты вроде npm/node, webpack, освоить фреймворк и вот я уже вполне себе востребованный специалист.

    В первую очередь я бы все же рекомендовал качать алгоритмику, т.к. без нее никакой язык/фреймворк не спасет.

    Ну и ходить на собесы регулярно, не с целью пройти, а с целью получить обратную связь и наметить план дальнейшего развития.
    Ответ написан
    1 комментарий
  • Почему 4 блока по 25% не встают в одну линию?

    Stalker_RED
    @Stalker_RED
    Потому что между ними пробелы.
    25%+пробел+25%+пробел+25%+пробел+25% в итоге дают больше 100%
    Ответ написан
    6 комментариев
  • Куда дальше расти, что изучать? Как найти команду?

    @Vitalimos
    "Как найти команду?" Придумать проект, начать воплощать его и единомышленники должны найтись, т.е. надо себя найти сначала.. Как же легко давать советы другим))
    Ответ написан
    4 комментария
  • Куда дальше расти, что изучать? Как найти команду?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Больше восьми лет работаю

    css + html + js(уровень средний) + немного владею svg и canvas

    Это очень мало, просто пипец какой маленький стэк для 8 лет. Бросайте wp, joomla хоть на несколько дней в месяц иначе вы останетесь там где были.
    Мне кажется, что я останавливаюсь в развитии как разработчик.

    явно. И пока Вас это волнует, а это уже отличный признак наличия мозга, а значит и возможностей переломить ситуацию. Так вот пока Вас это волнует - убегайте от wp и joomla. По сути для лендинга тянуть таких монстров вообще глупо.

    многие используют PDF макеты

    не встречал таких многих за 15 лет. PDF удобный формат, но не встречал. А в чем сложность с ними? Они отлично открываются в photoshop.

    Я жестко отстаю, или просто хватает моих знаний/способностей для решения задач?

    Вы научились делать простые вещи и дальше не пошли. Очень многие так поступают. Если денег хватает - то зачем? Тут как говориться "каждому свое". Я не могу так, мне надо разбираться во всем. Но среди моих знакомых есть очень много людей. кто тихо работает на студии с wp, получает 20k в месяц и счастлив по своему.

    Может податься в мобильную разработку?

    Смысл? Мне кажется надо просто понять, что пока Вы знаете ровно столько, сколько может выучить 9-ти классник за год - Вы стоите ровно столько сколько 9-ти классник. Хотите бабла? Знайте больше. Хотите еще больше? Знайте еще больше. Минимум 2 часа в день на обучение и все будет супер через пару лет.
    Ответ написан
    14 комментариев
  • Куда дальше расти, что изучать? Как найти команду?

    search
    @search
    мама говорит что я особенный
    Судя по описанию вашего карьерного продвижения и проектам на гитхабе, у вас всё неплохо получается. Прогресс пойдёт значительно быстрее если вы попадёте в команду и встретите там своего гуру.

    Вы пока что не видите ценности в node/gulp/angular/vue и в консоли потому что не сталкивались с крупными проектами и не работали в команде. Все эти технологии раскрывается в полную силу именно в таких условиях.

    Те разработчики, которых принято называть "крутыми" - это ребята, способные метко замечать шаблонные/повторяющиеся поведения или структуры и адекватно на них реагировать. Для того чтоб быть похожим на тех самых крутых ребят, можно почитать The Pragmatic Programmer и Clean Coder.
    Ответ написан
    Комментировать