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

Афанасий Захаров

Javascript-разработчик
Лайки

  • Что делать дальше front-end?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Какую книгу посоветуете к прочтению по css или начать изучение js?

    Отложить в сторону книги, взять 3 дизайна в psd - лендинг (одностраничный сайт), корпоративный(многостраничный, с более сложной структурой), интернет-магазин - начать с лендинга и дальше по увеличению:

    1. Сверстать ручками, без использования бутстрапа и других библиотек(с учетом семантики, доступности, адаптивности под все экраны, прикрутить несложную анимацию - карусели, popup, разобраться в анимации с помощью css и js(что можно сделать с помощью css, а где лучше написать на js) - в чем профит - (поможет разобраться как работает css без библиотек и фреймворков, начнет развиваться логика построения хороших интерфейсов, как перестраиваются блоки, дизайнерские ошибки, свои ошибки).

    2. После первого-второго пет проекта - используете все элементы автоматизации - препроцессоры, сборщики, библиотеки которые вы точно не напишите сами, и пишите интерфейс с нуля в 2-5 раз быстрее - в чем профит - зная, что под капотом, не задавая глупых вопросов, почему иногда проще написать сетку с нуля, чем использовать сетку бутстрапа(в случае если дизайнер придумал "СУПЕР-МЕГО-САЙТ на 100000000 шекелей, не заморачивась о сетке и не думая о тех людях, которые будут верстать его шедевр), познакомитесь с gulp\grunt\pug,sass\scss\less и еще кучи прикладных инструментов.

    3. Посадить его на любую из популярных CMS(для лендинга\корпоративного - WP, Modx, Joomla, Drupal, для магазина (WP, Bitrix, OpenCart) - в чем профит - поймете что нужно клиенту на рынке(не в каждую дырку заталкивается SPA(очень много бизнеса работает на стандартных инструментах), как организована работа контент менеджеров, которые наполняют сайты, оптимизация, плюсы и минусы)

    4. Проделав все этапы - у вас есть хорошая база(отличный html и css, вы знаете что такое семантика, кроссбраузерность, адаптивность, знаете базу js, jquery и пишите простые скрипты без подключения библиотеки в 100кб, для того что бы вывести в меню "гамбургер" на мобилках.
    Дальше вы решаете - либо делаете упор на JS(и углубляетесь в React\Vue, Angular) участвуя в проектах по разработке SPA и становитесь после года тяжкой работы джуном), либо делаете упор на PHP(CMS, Laravel, Symfony и тд и тп) и так же через год тяжкой работы становитесь джуном.

    5. Через 3-4 месяца пытаетесь устроится на работу, особо не заморачиваясь на деньгах.
    Ответ написан
    Комментировать
    Комментировать

  • Какие шаблоны проектирования js применяются на практике чаще всего?

    @DiGiTAll
    Hype Driven Development
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать редирект на JS после отправки формы?

    NooBiToo
    @NooBiToo
    document.location.href = '/thanks.html'
    Ответ написан
    Комментировать
    Комментировать

  • Как передать значение из input в переменную?

    @tansur 
    let jsName = 'YPqjbf';
document.querySelector(`input[jsname=${jsName}]`).value;
    Ответ написан
    Комментировать
    Комментировать

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

    VariusRain
    @VariusRain
    музыкант-программист-конструктор
    Готовых библиотек нет 100%, а если и можно найти что-то (в чём я лично сомневаюсь), то оно скорее всего будет платным.
    Здесь нужно решить несколько задач:
    1) Придумать как воспроизводить звук.
    Средствами чистого JS и HTML5 это делается в одну строчку кода. Другой вопрос, какой звук нужно воспроизводить
    Тут я виду два варианта:
    1. Использовать предзаписанные звуки нот - звучать будет скорее всего красиво, но тяжело и много подготовительной работы
    2. Воспроизводить звук средствами MIDI - легче и продуктивнее, можно посмотреть в сторону (midi.js)

    2) Необходимо решить что именно воспроизводить. Так как табулатуры можно писать в разных программах, а не только гитарпро, то, скорее всего правильнее будет идти по пути универсализации. Так или иначе, gtp - это проприетарный формат и читать его на стороне JS будет дюже затратно. Как мне кажется необходимо на стороне сервера парсить загружаемый туда файл таб и преобразовывать в midi или какой-то собственный формат и уже его отдавать на воспроизведение.
    Ответ написан
    2 комментария
    2 комментария

  • Что значит " _ " в следующей arrow function: _ => store.shift()?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Так записывают неиспользуемую переменную.

    Когда в функции не требуется аргумент, экономят 1 символ, чтобы не писать, как положено:
    () => somecode;

    Линтер такой юмор не оценит и будет ругаться.
    Ответ написан
    1 комментарий
    1 комментарий

  • Еще проще и более практический пример рекурсии?

    @McBernar
    Рекурсия отлично подходит, если нужно рендерить DOM из древовидного набора данных.

    Я как-то делал виджет, который встраивается на сайты. Чтобы не делать iframe(так было нужно) и не писать тонны одинаковых createElement и appendChild — просто скармливаешь функции конфиг в JSON, и она его парсит и рендерит элементы.
    Ответ написан
    Комментировать
    Комментировать

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

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Настройка flex-wrap тут не при чём. У тебя flex в колонку. Соответственно за растягивание в ширину отвечает свойство align-items, которое по дефолту stretch. Если текст не нужно растягивать по ширине родителя, который наследуется от самой широкой дочки, то переопредели align-items на flex-start
    Если тебе непонятно почему происходит так:
    1) Ширина родителя наследуется с самой широкой дочки, либо от ширины экрана в случае с блоком/флексом
    2) Обе дочки наследуют ширину от родителя при flex-direction: column и при оставлении по умолчанию align-items.
    Ответ написан
    Комментировать
    Комментировать

  • Как вернуть строку до символа "&"?

    mahmudchon
    @mahmudchon 
    var url_string = "http://site.ru/?utm_source=email&utm_content=notification&utm_term=www"; //window.location.href
var url = new URL(url_string);
var utm_term = url.searchParams.get("utm_term"); //"www"
    Ответ написан
    Комментировать
    Комментировать

  • Какие есть сервисы контроля удаленных сотрудников?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    А зачем? Оценивайте сотрудника по эффективности, если он работает 5 - 6 часов в день и при этом, очень хорошо справляется с поставленной работой, почему его надо контролировать?

    Другое дело, когда сотрудник не выполняет свой объем работы, и срывает все сроки - вам нужен такой человек?

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

  • Профессия веб-дизайнер мертва?

    @HungryGrizzzly
    Сумасшедший кросс
    Для начала посмотрите, что такое ui/ux. Если у вас останутся вопросы касательно востребованности профессии "веб дизайнер", то посмотрите ещё раз.
    Ответ написан
    Комментировать
    Комментировать

  • Что делает фронтент разработчик уровня миддл?

    @MasterMike
    Что вы любите в своей работе?

    Деньги.
    Ответ написан
    9 комментариев
    9 комментариев

  • Зачем frontend девелоперу такой большой опыт?

    @bozuriciyu
    Зашел значит на hh.ru вбил


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


    React Redux javascript все эти Вебпаки и тд это нереально простые вещи не требующие так много опыта


    Если человеку понадобилось столько лет для освоения всего этого он очень глуп и бездарен, развивается медленно.


    Я просто посмотрел доки и понимаю насколько это просто. За неделю можно написать 1-2 проекта максимально использующие все что было изучено, чтобы закрепить знания. Потом почитать на стеке и в других местах основные проблемы которые возникают у других разработчиков, популярные практики и многое другое. И все!


    Так в чем проблема? Вперед, иди разрывай их всех. Или, дай угадаю, ты первым делом сюда прибежал, еще НИЧЕГО не попробовав?

    5d7584d95e90a804618712.png

    Ну не странная ли ситуация? Вместо того чтобы ГЕНИЮ, который за неделю может освоить реакт, всю экосистему, вебпак и тд на уровне исходников и рубить БАБЛО, он бежит на Тостер высмеивать макак-фронтендеров? Это много говорит о нашем герое. Жаль я не смогу проследить ваш процесс "вкатывания"))

    Я не понимаю почему этот вопрос вообще жив. Это не вопрос, это набрасывание говна на вентилятор.
    Ответ написан
    Комментировать
    Комментировать

  • Зачем frontend девелоперу такой большой опыт?

    mroforolhc
    @mroforolhc
    умственно отсталый
    Интересный вопрос, который и продолжил бы быть "интересным", если бы не ваш максимализм (а именно деление на черное/белое) и нежелание понимать, как всё устроено на самом деле. Постараюсь ответить вам, учитывая вышесказанное.

    Не хочу говорить, что веб сложнее тех же плюсов, это будет лукавство. Но и утверждать, что за 3 дня можно познать все реакты и вебпаки, почитать исходники это тоже самое, что и говорить "да я ща месяц потрачу на прочтение книг страуструпа - всё буду знать, он же создатель языка" — полный бред, который может сказать только профан. Изучить строение молотка и принцип его работы это не то же самое, что и забивать гвозди. И вот как раз за забивание гвоздей отвечает ваш нелюбимый "опыт". Благодаря которому вы не будете совершать ошибок новичков, а сразу вкатитесь на работу со своими наработками.

    Ну и если всё так просто на словах, попробуйте, чисто для эксперимента, отвлекитесь от плюсов и других ЯП, связанных с железом, и напишите пару проектов за...сколько там у вас в посте...а, за 1-2 недели. Это не такой большой срок, но зато какие потом большие перспективы (ориентируясь на ваш пост, опять же). И не смотрите на года опыта. Это примерная оценка того, сколько требуется человеку, чтобы он умел владеть необходимым стеком технологий. Если вы такой замотивированный и классный, то вам вполне хватит, как вы и написали, 2 недели и можете устраиваться на работу с опытом работы от 3 лет. Работодателю не важен особо факт того, что вы работали до этого 3 года. Если вы знаете всё, то он вас с радостью возьмёт. А сроки "от 3 лет" это указаны специально для нас – очень глупых людей, работающих на дядю, без мотивации, 30летние бездари одним словом.
    Ответ написан
    2 комментария
    2 комментария

  • Использование 2-х мониторов и их расположение?

    Adamos
    @Adamos
    DevprXnVQAAWqi0.jpg:large
    появилось желание по фрилансить, с одним будет тяжко

    Из какой маркетинговой задницы выковыривают такие суждения?
    Я понимаю, мне тесновато на 19" 4:3, но у тебя-то в одном 29" таких воткнуто две штуки с припевом.
    Что ты по ним раскладывать собрался, фрилансер?
    Страницы интернета, которые должны в смартфонный экран влезать?
    Код, в котором после сотни символов в строке читаемость упадет до нуля?
    Терминал, изначально рассчитанный под 80х25 символов?..
    Ответ написан
    7 комментариев
    7 комментариев

  • Как изменить state в React?

    freislot
    @freislot
    Frontend-разработчик
    так и менять
    this.setState({
  data: {
    text: {
      value: {
        title: 'нужный тайтл'
      }
    }
  }
})


    setState сравнит состояния и смёржит их, в итоге тайтл изменится а остальные данные останутся как были.


    Извиняюсь не проснулся)) правильно будет так конечно-же

    this.setState(prevState => ({
      data: {
        ...prevState.data,
        text: {
          ...prevState.data.text,
          value: {
            ...prevState.data.text.value,
            title: '1234'
          }
        }
      }
}))


    Зачеркнул первый вариант ответа, для примера как делать НЕ нужно)

    https://jsfiddle.net/2xe7vpa8/1/

    суть в общем такая, что мы spread'ом копируем состояние объекта и изменяем нужный ключ. Ответ hzzzzl намного короче, но суть та же.
    Ответ написан
    4 комментария
    4 комментария

  • Как не одичать фрилансеру?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    5d5e72a9c08cd316037825.jpeg
    Ответ написан
    Комментировать
    Комментировать

  • Одновременное обращение к нескольким работодателям: так можно?

    opium
    @opium
    Просто люблю качественно работать
    Так нужно
    Ответ написан
    Комментировать
    Комментировать

  • Одновременное обращение к нескольким работодателям: так можно?

    Zoominger
    @Zoominger
    System Integrator
    Так нужно.
    Ответ написан
    Комментировать
    Комментировать

  • ES5 only на возможном месте работы. Что скажете?

    fannisco
    @fannisco
    Однозначно стоит. На подкорке отложиться, как джаваскрипт на самом деле работает. Прототипы, работа с данными и все в этом духе. Это будет актуально всегда.
    А новые фичи разучиваются быстро, от одного вечера до пары недель.
    Ответ написан
    1 комментарий
    1 комментарий