Задать вопрос

Алексей Дубровин

Нелинейный наставник
Комментарии

  • Как использовать результат запарсеный с сайта?

    @alekcena
    Concordeair, Что делает команда console.log узнайте. Найдете ответ для решения
    Написано

  • Три цены, одна дефолтная, 2 зависят от чекбоксов, как все плюсовать?

    @alekcena
    Рановато в ответы.
    Не все что решает задачу, можно считать ответом.
    Написано

  • Какой воркфлоу для фронтэнд разработчика/верстальщика сейчас?

    @alekcena
    KIQIK,
    Ну пот тот же реакт верстка. она не отменяет того факта что нужно будет это написать
    Да в реакте тоже бем использую. Обычно все кастомные проекты верстаются с 0.
    Почти никогда не работал со сторонними библиотеками UX.
    Одно дело для себя, другое кому то делать, вряд ли это проверять будут.

    Ну я хочу работать с людьми на постоянной основе. По этому лучше сразу делать хорошо
    1) Если тебя попросят потом сделать правки на этом сайте
    2) Другие люди могут узнать кто это сделал и ты так-же можешь получить заказ

    По поводу трудных анимаций, думаю да возможно нужно уходить в какие-то библиотеки.
    Для меня такой опыт очень редкий.
    Обычно можно справиться средствами svg
    Ну и тех кто пишет логику в разы больше чем тех кто делает трудные макеты.
    Думаю что они и ценятся выше. Я таким не являюсь. По этому не могу прям полностью сказать.
    Скажем так логику писать не так трудно тк как это достаточно частая задача,
    с которой очень много сталкивался, и это гораздо легче гуглить, вопрос в объемах и качества.
    А это чаще зависит от опыта

    На счет поддерживаемых устройств 320 это минимум который обязателен.
    Для меньшего никто не делает( Я не видел) И да такие телефоны нужно поддерживать
    Это всякие мощные мини модели. Или старые телефоны

    По проектам.
    Интернет магазины.
    Лендосы - Нативные.
    Верстка логических блоков ( Там не страницы а отдельные компоненты по типу корзин с несколькими этапами)

    Прямо сейчас я работаю на React Native там я тоже применяю бэм.
    Но не могу сказать что так же как и веб

    Для меня обычно инструменты(Методологии, Препроцы и прочее)
    Должны решать какую-то значительную задачу.
    Бэм мне дает однотипное поведение при чтении. Ты понимаешь что и как.
    TS - тк как большой проект, который нужно поддерживать.
    Написано

  • Какой воркфлоу для фронтэнд разработчика/верстальщика сейчас?

    @alekcena
    KIQIK,
    1) Ну, в большинстве случаев да. Очень редко бывает функционал который тебе дольше самому делать чем библиотекой.
    Минусы библиотек:
    1. Дополнительная зависимость, тот кто дальше будет с этим работать должен ее знать
    2. Не знаешь как это устроено, труднее изменять
    По этому предпочтительно нативные методы.

    2) Ну обычно я использую просто для 320, 768, >768 просто через инспектор.
    Ну и особенности браузеров то-же уже представляешь по опыту +- сразу знаешь где и как решать.
    Только готовый результат проверяю. Тыкаю и прочее.
    Тк как иногда ты на дизайне не можешь проверить удобство. Пытаюсь еще прокликать весь интерактив.
    Написано

  • Какие технологии лучше использовать для создания современного личного кабинета хорошего CMS Сайта?

    @alekcena
    Интересно читать коменты про старость PHP
    От явно прожжённого спеца
    Написано

  • Какой воркфлоу для фронтэнд разработчика/верстальщика сейчас?

    @alekcena
    1. Осмотрел макет.
    2. Вынес цвета. Точки адаптива.
    3. Накидал CSS основные стили.(Да так эффективнее, когда ты сначала думаешь какие классы, а потом их используешь)
    4. Разметка. Лично я бэм использую
    5. После базового шаблона добавляешь картинки, шрифты, svg
    6. Осматриваешь визуально. Подправляешь косяки.

    Раньше использовал Gulp
    Со временем понял что он не нужен.
    Для анимаций использую свое.
    Чем больше верстаешь тем больше своих шаблонов для анимаций.

    Про кроссбраузерности не понял в чем проблема? Инструмент для чего?)
    SVG не сжимаю, в спрайты не перевожу.
    У нас проекты на 100+ страниц?
    Карусели, календари, мб еще что-то трудное использую готовое.
    Модалка это 5 минут делов.

    Итог
    HTML, CSS(Если больше 10-15 страниц то SASS), JS
    Jquery не использую тк как не умею.
    owl carousel - слайдеры
    form validation - для форм
    Всё
    Написано

  • Почему при динамическом добавлении данных график не рисуется?

    @alekcena
    Данные обновляются постоянно.
    А вот рисуется 1 раз
    Резонный вопрос, а что отвечает за рисование графика?
    Если оно вызывается всего 1 раз - оно и будет рисовать 1 раз
    Написано

  • Из-за чего ошибка?

    @alekcena
    lololoshka2010,
    Массивы начинают отсчет элементов с 0
    У вас в масиве 4 элемента - их индексы 0,1,2,3
    Вы начинаете с 1.
    1,2,3, (4) - такого индекса нет // undefined
    Написано

  • Из-за чего ошибка?

    @alekcena
    Alex_mos, Честно не знаю)) Опыт и стремление узнать что-то новое)
    Написано

  • Из-за чего ошибка?

    @alekcena
    Alex_mos,
    Ну почти)))
    В js когда не стоит ключевого слова оно по умолчанию var
    Написано

  • Из-за чего ошибка?

    @alekcena
    Alex_mos,
    Ну дааа. И
    words - масив с строками
    words[i] - строка
    Там ошибка в том что он вызывается на undefined
    Написано

  • Как войти в IT с React?

    @alekcena
    vertically-challenged,
    Еще раз
    Когда человек идет на позицию джуна,
    человек который его нанимает,
    понимает что качества кода может оставлять желать лучшего.
    Вопрос в том понимаете ли вы, что вы делаете?
    Если человек не понимает что он делает ты не знаешь какой результат от него ждать.
    Когда ты видишь код ты понимаешь где именно проблема.
    И спрашиваешь почему так то и так-то.
    Если человек не знает как решить по другому, это одно.
    Если человек напихивает все потому-что видел, это другое.
    НУ и прочее.
    Скажем так некачественный код вылечить легче чем непонимание
    Написано

  • Как войти в IT с React?

    @alekcena
    1) Человек имеет представление что он делает.
    2) Человек умеет гуглить и искать информацию.

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

    Например открыв проект калькулятор ("я его даже не смотрел")
    https://github.com/vertically-challenged/react_cal...
    Спрошу про:
    Почему в конце есть return
    Почему ((operations.length == 1) && (numbers.length == 2)) оборачиваете в скобочки.
    Зачем там try/catch

    И уже буду смотреть на ответы.
    Написано

  • Из-за чего ошибка?

    @alekcena
    У вас ошибка и с условием и без.
    Не знаю как вы смотрели.
    Написано

  • Из-за чего ошибка?

    @alekcena
    Метод
    includes
    есть как у массива,
    так и у строки
    Написано

  • Оправдано ли использование TypeScript для больших проектов?

    @alekcena
    Для меня TS это про то как управлять разработкой, а не про типы.
    В большинства проектах типы накидываю поверхностно. Тк как это какой никакой контракт.
    В первую очередь этот объем анотаций позволяет не держать структуры объектов, функций и прочего где-то в голове.
    А вместе с автокомплитом позволяет искать то что нужно уже в коде.
    Облегчает внедрения новых разработчиков, тк как опять же, они могут в коде смотреть структуры и логику.
    Ну и разработка через ctrl + space
    Написано

  • В чем разница в пути между ./image и просто image?

    @alekcena
    Ankhena, Да ошибся, благодарю за поправку
    Написано

  • В чем разница в пути между ./image и просто image?

    @alekcena
    Евгений Иванов,
    Когда вы прописываете файл он всегда идет от корневого каталога
    image.jpg == /image.jpg
    Написано

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

    @alekcena
    goozer,
    Нууу само решение вызывает вопросы, ну допустим
    Для начала нам нужно сделать его читаемым, для этого мы выносим
    window.location.href - в отдельную переменную

    Далее мы вместо проверки на > - что не правильно по смыслу
    Проверяем через includes
    в результате код как минимум станет проще раза в 3

    {
success: function(answer){
const href = window.location.href;
if (href.includes("gisteroskopiya")){
    ym(67782700,'reachGoal','gisteroskopiya');
}
if (href.includes("organizma-posle-covid")){
    ym(67782700,'reachGoal','check-up-diagnostika-organizma-posle-covid-19');
};
if (href.includes("nevrologiya")) {
    ym(67782700,'reachGoal','nevrologiya');
};
if (href.includes("travmpunkt")) {
    ym(67782700,'reachGoal','travmpunkt');
};
        $(".popup").removeClass("active");
        $(".popup-sent").addClass("active");
        $(".popup-sent__info").html(answer);				
        form.trigger("reset");
console.log("success");
      },}

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

    Как бы я сделал
    Собрал масив с нужными страницами, проходил по нему, и смотрел текущая ли эта страница, если да отправлял метрику
    const arrHref = ['gisteroskopiya','aasdads','home'];
const href = window.location.href;
arrHref.forEach(item=>{
  if(href.includes(item)) {
    ym(67782700,'reachGoal',item);
  }
});
    Написано

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

    @alekcena
    Для кода есть отдельный тег, при редактировании справа 2й
    Написано