• Почему говорят что forEach меняет начальный массив, если он ничего не меняет?

    rockon404
    @rockon404
    Frontend Developer
    Почему говорят что forEach меняет начальный массив

    Кто говорит?

    Этот пример, видимо, должен разрушить ваши неокрепшие шаблоны.

    Изучайте основы JavaScript. forEach это лишь итерация по элементам массива с применением функции колбека. Остальное происходит по канонам JavaScript.
    Ответ написан
    Комментировать
  • Как реализовать такой прелоадер и анимацию?

    rockon404
    @rockon404
    Frontend Developer
    Так же динамический фон с постоянно меняющимся фоном и изображением.

    javascript. Смотрите какие стили и как меняются на странице после ваших действий.

    Что тут используется для прелоадера

    <div class="progressbar" style="z-index: 2; opacity: 1;">
      <span id="progressbar" style=""></span>
    </div>


    и как они сделали такой фон? Наложили цветное изображение на фон?

    <div class="projects__images js-projects--images" style="opacity: 1;">
      <div class="projects__image desaturate js-projects--image" style="z-index: 2; opacity: 0; background-image: url(&quot;http://www.poigneedemainvirile.com/wp-content/themes/p2mv/img/projects/180g/header.jpg&quot;);"></div>
      <div class="projects__image desaturate js-projects--image current" style="z-index: 1; background-image: url(&quot;http://www.poigneedemainvirile.com/wp-content/themes/p2mv/img/projects/xme-company/header.jpg&quot;); opacity: 1;"></div>
    </div>

    Учитесь пользоваться панелью разработчика и анализировать код самостоятельно. Своим вопросом, вы просите сделать это за вас.
    Ответ написан
    2 комментария
  • Почему babel не хочет компилить es-6 код??

    rockon404
    @rockon404
    Frontend Developer
    class properties - это экспериментальный синтаксис.
    babel-preset-stage-0 установите.
    npm i -S babel-preset-stage-0
    .babelrc:
    {
      "presets": ["env", "react", "stage-0"]
    }
    Ответ написан
  • Как запустить JS функцию которая находится в другом файле?

    rockon404
    @rockon404
    Frontend Developer
    Нельзя, так как функция, которую вы хотите вызвать, находится в области видимости анонимной функции колбека вызова $(document).ready(). Вам надо реорганизовать код.
    Ответ написан
    Комментировать
  • Ваше мнение о верстке?

    rockon404
    @rockon404
    Frontend Developer
    В форме, которая к слову выглядит странно из-за разных отступов, вы используете padding для отступа сверху, правильно использовать и padding и margin
    spoiler
    5b65f4df8f5ab928953812.png

    У вас так получается outline box поля ввода размером с этот огромный padding. Выглядит это не очень красиво.

    Неправильно подогнали размер изображения
    5b65f67b3472a400945286.png

    Его лучше тегом img добавлять. Эту разницу когда лучше использовать img, когда backgroung-image надо понимать.

    В остальном все, вроде, красиво.

    Попробуйте сверстать адаптивный сайт в следующий раз или этот попробуйте сделать адаптивным.
    Ответ написан
    1 комментарий
  • Не могу определится android или php?

    rockon404
    @rockon404
    Frontend Developer
    Сам вошел в IT как Android Developer. Плюсы навскидку:
    1. Java - прекрасный статически типизированный ООП язык, хоть и очень старый, и многословный.
    2. Порог входа значительно выше, от этого гораздо ниже конкуренция
    3. Карьерный рост очень быстрый
    Ответ написан
    2 комментария
  • Angular 4+. Можно ли сказать что поддержка проектов с ним в среднем проще чем React?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    1. Использовать в продакшене Angular для вашей команды, это большие риски. Не факт, что вы с ходу напишите что-то поддерживаемое.
    2. По поводу легкости поддержки вам только кажется. Если у вас возникли трудности в поддержке React проектов или миграции 15 --> 16, то виной тут только недостаточная квалификация вашей команды. Стек React/Readux отлично масштабируется и поддерживается.
    3. TypeScript давно активно и успешно используется с React.
    4. RxJS это совершенно другое мышление, не факт, что сходу ваша команда начнет писать, что-то нормальное.
    5. Если проект большой и серьезный, то не стоит его начинать без Senior Angular Developer в команде, ваш работодатель может потерять кучу денег, на ваших экспериментах. Даже если вы и будете по мануалам, статьям писать что-то хорошее, вы будете делать это значительно медленней.
    6. Хотите изучить Angular и научиться писать на нем хорошие и поддерживаемые приложения? Есть эффективный способ: изучите основы и идите работать в сильную опытную команду.
    Angular это выбор Enterprise. Фреймворк хорошо использовать в больших компаниях, где его зачастую и применяют. Обкатывать на коммерческом проекте неопытной командой не рекомендую. Сам быстро в нем освоился потому, что до этого писал мобильные приложения на Java(DI, Rx, статическая типизация, сервисы, сходств много и ничего принципиально нового).

    С другой стороны если ваше руководство готово платить за ваше обучение и даже дать дополнительное время, то можно воспользоваться этой возможностью. Я такие возможности всегда использовал.
    Ответ написан
    Комментировать
  • Куда развиваться junior frontend developer?

    rockon404
    @rockon404
    Frontend Developer
    Развивайтесь в своей специализации. В свободное время изучайте все, что интересно. Может и найдете что-то что будет вам ближе.
    Ответ написан
    Комментировать
  • Области видимости переменной из вложенной функций?

    rockon404
    @rockon404
    Frontend Developer
    Естественно, она же в локальном скоупе функции changeSlidePortfolio определена.
    Ваши функции можно объединить в одну:
    var changeSlidePortfolio = function (e) {
      e.preventDefault();
      var { action } = e.target.dataset;  
    
      var slides = document.getElementsByClassName('portfolio__col');
      var activeSlide = document.getElementsByClassName('portfolio__col-active')[0];
      var slidesLength = slides.length;
    
      for (var i = 0; i < slidesLength; i++) {
        if (slides[i] === activeSlide) break;
    
        var index = i;
      }
    
      var last = action === 'left' ? slidesLength - 1 : 0;
    
      if (index !== last) {
        var newIndex = action === 'left' ? index + 1 : index - 1;
        slides[index].classList.remove('portfolio__col-active');
        slides[newIndex].classList.add('portfolio__col-active');
      }
    };


    <a href="#" class="portfolio__arrow portfolio__arrow-left" data-action="left" onclick="changeSlidePortfolio();"></a>
    <a href="#" class="portfolio__arrow portfolio__arrow-right" data-action="right" onclick="changeSlidePortfolio();"></a>
    Ответ написан
    3 комментария
  • В какие тэги можно передавать параметры?

    rockon404
    @rockon404
    Frontend Developer
    В какие тэги можно передавать параметры кроме тэга id?

    id это не тег, а атрибут.

    а в class указываю стиль для обработчика

    Не стиль, а класс.

    Бывает такое что нужно передавать больше пораметров, как это сделать?

    Не знаю, что именно вы хотите, но можно использовать data-атрибуты

    Рекомендую найти любой хороший учебник по html/css и изучить от корки до корки.
    Ответ написан
    Комментировать
  • Реально ли устроиться на работу с магистерским образованием программиста и гуманитарным бакалавриатом?

    rockon404
    @rockon404
    Frontend Developer
    Наличие высшего образования не является обязательным требованием в подавляющем большинстве компаний и, скорей всего, оно ни даст вам ровно никаких преимуществ в этих компаниях по сравнению с конкурентами.
    Другое дело миграция, получить рабочую визу во многие страны без образования тяжелей.
    Ответ написан
    2 комментария
  • Как вызвать put внутри Promise.then в redux-saga?

    rockon404
    @rockon404 Куратор тега Redux
    Frontend Developer
    function* runPromise() {
      try {
        const result = yield call(promise);
        yield put({
           type: CHANGES_CHANGE_SUCCESS,
           payload: result,
        });
      } catch (error) {
        notify("Ошибка: ", error);
      }
    }
    Ответ написан
    Комментировать
  • Как самому оценить достиг ли ты junior web development?

    rockon404
    @rockon404
    Frontend Developer
    Пройдите техническое интервью в любую нормальную компанию на позицию junior web developer и узнайте.
    Подобные интервью хорошо выявляют слабые места и пробелы в знаниях, если они есть.
    Ответ написан
    Комментировать
  • Как сделать такую тень для border'a?

    rockon404
    @rockon404
    Frontend Developer
    1. Прямоугольный элемент для решения этой задачи не подойдет. Треугольники через CSS
    2. Используйте псевдоэлемент :before цвета тени и разместите его под :after со смещением вверх.

    Последний раз решал подобную задачу так:
    &:before {
        content: " ";
        position: absolute;
        top: -6px;
        left: 24px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        z-index: 1;
      }
      
      &:after {
        content: " ";
        position: absolute;
        top: -7px;
        left: 24px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid rgba(0, 0, 0, 0.25);
      }

    Тут :before это белый треугольник, а :after выполняет роль тени.
    Ответ написан
    Комментировать
  • Объясните про forEach?

    rockon404
    @rockon404
    Frontend Developer
    Но ведь массив который перебирается задаётся сразу перед методом

    Массив не задается, нем лишь вызывается метод. Задаете вы его выше.

    Для чего его пихать ещё и в callback-функцию-то, не пойму?

    Колбек функция может передаваться из другого места и при этом использовать массив.
    arr.forEach(callback);
    Ответ написан
    Комментировать
  • Хороший учебник по английскому?

    rockon404
    @rockon404
    Frontend Developer
    Учебник сам по себе вам мало чем поможет. Изучение языка должно быть комплексным. Надо изучать грамматику, пополнять словарный запас, изучать разговорные темы, устоявшиеся выражения, писать, читать, смотреть, слушать, общаться. Общаться надо много.
    Запишитесь на курсы и исправно учитесь, это один из самых эффективных вариантов. Эффективней разве переезд в англоговорящую страну или работа в англоговорящем коллективе.
    Ответ написан
    Комментировать
  • Как сделать разное расположение div?

    rockon404
    @rockon404
    Frontend Developer
    Хорошо изучите спецификацию Flexbox и подобных вопросов у вас не будет возникать никогда.
    Простой пример
    Ответ написан
    Комментировать
  • Как расположить один DIV под другим?

    rockon404
    @rockon404
    Frontend Developer
    Если один всегда под другим, то следует положить их в один фиксированный контейнер, а сами сделать в зависимости от задачи статичными, абсолютными или относительными. Это же очевидно.
    Ответ написан
    Комментировать
  • Не появляется картинка background?

    rockon404
    @rockon404
    Frontend Developer
    background-image
    Внимательно почитайте пункт синтаксис.
    Так же почитайте про:
    background
    background-position
    background-repeat
    background-size
    Ответ написан
    Комментировать