• Какие приложения создать для новичка Vue.js?

    Изучаю vue посмотрел несколько курсов, почитал документацию, создал обычный todo list на vue, что писать дальше идей нету =(

    Посоветую добавить функционал в свой вариант todo list, написать тесты, улучшить визуальную составляющую, превратить чисто клиентское приложение в клиент-серверное(можно без бекенда, к примеру через Firebase), ... По функционалу, к примеру, можно добавить возможность создания многоуровнего списка задач, выставления тегов, автоархивирование задач по времени устаревания, заполнение задач по шаблонам (по подобию snippet), разделить списки задач на личные и рабочие, ... Если создавать клиент серверное решение, то появится возможность создавать списки задач для совместной деятельности, синхронизация между устройствами, ...
    К чему все это. Надо учиться доводить проекты до логического конца, приобретать навыки в рефакторинге, учиться улучшать проект и поддерживать на плаву. Такой подход поможет приобрести практические навыки, которые востребованы на рынке труда, а не научиться фрагментарным знаниям и навыкам. "Погружение в глубину", так скажем, приблизит Вас к миру разработок ПО практикуемые в крупных компаниях и экспертов в программировании. Выходите за рамки стандартных шаблонов обучения, доработайте идею проекта и совершенствуте чистоту Вашего кода.
    И напоследок, если в Вы это еще не сделали:
    • Освойте распределенную систему хранения версии - git. Зарегистрируйтесь на одном из популярных сервисов (Github, Bitbucket, GitLab, ...), если хотите, то можно выложить проект даже как open source
    • Начните писать тесты для свох программ. Недавно вышел перевод популярной книги "Тестирование компонентов Vue.js с помощью Jest". Есть так же хорошая стандартная документация на русском языке по тестированию в Vue
    • Пригласите в свой проект друзей и/или знакомых. Не обязательно программистов: переводчиков, дизайнеров, бухгалтеров, юристов и т.д. Будет не скучно и проект обогатится новыми идеями.
    • Идея "Eating your own dog food". Начните использовать свою программу для ведения личных дел или к примеру на работе. Опять же, "подсадите" своих родственников и друзей на Вашу программу. Так Вы не устаните улучшать программу и разработка ускорится в разы.
    Ответ написан
    1 комментарий
  • Gulp - gulp-stylus + gulp-concat = любовь?

    Не городите слишком сложных задач, это системе выполнять не легче. чем вам потом поддерживать. Советую пойти путем, многими уже принятым: 1) создаете задачу по перегону styl в css с выходом одного файла в каталог build 2) создаете задачу с конкатинацией всех сторонних css тоже в каталог build 3) на третью задачу вешаете конкатинацию всех css из каталога build и делаете с ними уже все операции, минификация, автопрефиксы и тд. Для того чтобы первые две задачи выполнялись до выполнения третьей, третью задачу можно описать как
    gulp.task('task3', ['task1', 'task2'], function() {
      // Код третьей задачи
    });
    Ответ написан
  • События для динамически добавленных в DOM элементов?

    @GR0ST
    jQuery работает с элементами, которые были на странице на момент инициализации кода.

    Если добавляются новые элементы - при помощи ajax'а или функций типа append() - то события не затрагивают их.

    Как же работать с новыми созданными элементами DOM?

    Оказывается для динамических элементов используется делегированная обработка событий.

    Если кратко, то смысл делегирования в том, что обработчики "навешиваются" не на отсутствующие в dom элементы, а на существующий родительский объект.

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

    пример можно подсмотреть тут
    moxiemaks.ru/2017/06/25/sobytija-dlja-dinamicheski...
    Ответ написан
    Комментировать
  • Запуск локального сайта через сервер node?

    k12th
    @k12th
    console.log(`You're pulling my leg, right?`);
    как теперь в этом сервере открыть мой файл
    Это называется serve static content. По умолчанию такой функциональности нет, но сделать очень просто: по соответствующему запросу читать файл и отдавать его через response.write. Чтобы было еще проще и с плюшками, есть пакет serve-static, там в примерах все описано.
    Ну или чтоб совсем код не писать, можно так: https://www.npmjs.com/package/static-server
    Ответ написан
    Комментировать