• Как в vue axios менять состояние кнопки и показывать прелоадер?

    Kozack
    @Kozack Куратор тега Vue.js
    Thinking about a11y
    Примерно так:
    async add(good) {
      const promise = axios.get(good) // Отправляем запрос на сервер
    
      this.buttonText = 'Loading...' // Изменяем текст на кнопке
      this.buttonDisabled = true // Кнопку стоит отключать на период запросов
    
      await promise // Ожидаем завершения запроса
    
      this.buttonText = 'В корзине' // Изменяем текст на кнопке
      this.buttonDisabled = false // Разблокировать кнопку если нужно
    }
    Ответ написан
  • Хостинг для сайта уровня ВК?

    @Kirill-Gorelov
    С ума с IT
    Парень, без обид. Но с такими вопросами тебе еще далекова-то до уровня ВК.
    Спроси что-нибудь посущественнее/попроще. Например как вырасти до уровня ВК, хотя бы.
    Ответ написан
  • Как связать Vue.js с php?

    nexmean
    @nexmean
    погромист
    >Или лучше связать front с backend через ajax запросы к api?
    This.
    Ответ написан
  • На каком языке написан движок CSS?

    jt3k
    @jt3k
    Фронтендер, люблю работать и получать удовольствия
    в фаерфоксе переписывают на rust
    Ответ написан
  • Что делать начинающему верстальщику дальше?

    dimastik1986
    @dimastik1986
    учусь
    внесу свои 5 копеек: html+css прям уверенно? ну прям сильное заявление, я не хочу вас обидеть или расстроить, но к примеру сделать крассбраузерную верстку не так уж и просто (я не имею ввиду сделать макет в 3 колонки). Но, допуская, что я не прав, то стоит обратить внимание на изучение js, с перспективой дальнейшего изучения node.js - весьма универсальная тема, и серверная часть и клиентская + мобильные устройства, все можно писать на нем. Берите заказы, пусть это будет работа "за еду", но вы получите опыт и начнете формировать портфолио. А вообще сейчас рулят узконаправленные специалисты, которые действительно уверенно разбираются в своем направлении...

    вот ссылочка на ютюб, мне понравилось насколько легко и доступно автор ролика освещает тему, возможно и вам зайдет!

    а еще, намного легче учить - пробуя, лично мне так проще. Придумали себе задачку и пробуете ее реализовать...
    Ответ написан
  • Умное дублирование строки с селектором в CSS (PhpStorm/WebStorm)?

    pashted
    @pashted
    тыжпрограммист
    1. ставите курсор после скобки
    2. Edit -> Macros -> Start Macro Recording
    3. с клавиатуры приводите все в вид, как вы хотите (например, при помощи стрелок и ctrl+d ) и возвращаете курсор на место (стрелками).
    4. сохраняете макрос Edit -> Macros -> Stop Macro Recording (или красная кнопка справа внизу) с каким-нибудь осмысленным названием.
    5. находите в настройках Keymap раздел по фразе macro и назначаете клавишу (например ctrl+alt+d) на новый макрос.
    6. пользуетесь

    у меня получилось так5c9775a946271717125619.png

    или вот так, с автовыделением продублированного селектора
    5c9776f7b2120711549126.png

    для универсальности можно в начале вызывать кнопку end, чтобы сделать больше дублей последним макросом, выполнив меньше действий
    Ответ написан
  • Django REST framework сохранение в поле ImageField?

    VlastV
    @VlastV
    Ведущий разработчик – практик
    Во первых, информация о файле содержится в request.FILES, соответственно при создании сериализатор, необходимо так же передать ему эту информацию
    PhotoSerializer(photo, data=request.DATA, files=request.FILES)

    Во вторых, как верно подметил @B7W, необходимо передавать содержимое файла, а не путь до него.

    Запрос application/json не поддерживает передачу файла, надо либо использовать raw, либо multipart.
    Ответ написан
  • Как отложить выполнение кода пока не будет получен ответ от сервера?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Нужно держать состояние диалога, индивидуальное для каждого пользователя.

    Команды пользователя складывать в очередь, и как-то помечать, «где мы сейчас»: ждём очередную команду от пользователя или ждём ответа от сервера.

    Состояние можно держать в Redis, MySQL или другой БД. Входящее сообщение от пользователя содержит его from.id – по нему идентифицируется диалог и берется его состояние.

    Промисы и прочая асинхрота тут не поможет, так как дело шире, чем один запрос.
    Ответ написан
  • Бесплатна ли загрузка файлов в S3?

    Траффик - бесплатно
    Запоросы удаления - бесплатно
    Остальные запросы - платно
    Подробнее: https://aws.amazon.com/ru/s3/pricing/
    Ответ написан
  • Как склеить два.mp4 в ffmpeg без перекодирования?

    @gt8one
    FFmpeg: склейка и соединение файлов формата видео MP4
    Видеофайлы в контейнере MP4 нельзя соединить с помощью оператора concat. Но можно предварительно преобразовать эти файлы в контейнер, например, MPEG-TS без перекодирования видео и звука:

    ffmpeg -i vid1.mp4 -acodec copy -vcodec copy -vbsf h264_mp4toannexb -f mpegts vid1.ts
    ffmpeg -i vid2.mp4 -acodec copy -vcodec copy -vbsf h264_mp4toannexb -f mpegts vid2.ts

    А потом эти файлы уже можно соединить при помощи оператора concat в итоговый файл mp4:

    ffmpeg -i "concat:vid1.ts|vid2.ts" -vcodec copy -acodec copy out.mp4
    Ответ написан
  • Как правильнее организовать модели?

    Хранить пары язык-описание в jsonfield или в hstore, правда придется поработать над админкой. Проще и удобнее, действительно, хранить в отдельной модели
    Ответ написан
  • Как правильнее организовать модели?

    p00h
    @p00h
    Фехтовальщик-стропальщик
    Единственное приходящее в мою голову решение вынести descriotion в отдельную модель и из Edition сделать на неё fk

    Единственное разумное решение здесь на мой взгляд
    Ответ написан
  • Как получить первую работу на upwork?

    lunaticman
    @lunaticman
    Дерзкий айтишник
    Привет.

    Я успешно забустил свой профайл на Апворке до 80 баксов в час (сейчас я уже апворком не пользуюсь), порекомендовал свою систему други друзьям которые удачно нашли проекты потом. Поэтому постараюсь коротенько объяснить:

    - Первый проект тяжелее всего найти, я искал около месяца.
    - Нужно искать что-то "безопасное", проект который не займет у вас много времени и которые вы уверены что сделаете.
    - Советую даже не думать о почасовых работах, шанс крайне маленький.
    - Если у вас есть возможность, попросите кого то из существующих клиентов нанять вас (либо просто дайте им сто баксов, чтобы они вам якобы оплатили вашу работу).
    - На апворке есть несколько "прайм таймов" - периоды в которые появляются новая работа, я обычно мониторил работу пару часов в день. Не стоит тратить на "охоту" много времени. :)
    - Отказаться от любых шаблонов письм, я рекомендую как наниматель , шаблонные письма видно сразу - доверия не вызывает.
    - Попробуйте записать видео в качестве cover letter - только это вам поможет выгодно отличится в ряду других кандитатов
    - Выделите самые важные элементы в предложении о работе и объясните как вы их хотите изящно решить. В конце предложите обсудить все требования, задайте какие-то наводящие вопросы, дайте советы (нужно чтобы ваш клиент, узнал что-то новое от вас). То что вы сразу по описанию составляете план работ и архитектуру - без каких-либо уточнений и вопросов - звучит крайне фантастично.
    Ответ написан
  • Как реализовать такую связь?

    https://docs.djangoproject.com/es/1.9/topics/db/mo...

    ManyToManyField - создаёт автоматом промежуточную таблицу, выше описано как явно описать эту таблицу с добавлением нужных вам полей.
    Ответ написан
  • Как развернуть новый проект django (ubuntu)?

    sim3x
    @sim3x
    В пайчарме иногда следует указать руками, где находится твой virtualenv

    Settings-> search django

    ПС

    cd projects/site
    virtualenv virtalenv --no-site-packages
    . virtualenv/bin/activate
    
    pip install -r requirements.txt
    
    pip freeze
    pip freeze > requirements.txt
    как-то так лучше "разворачивать"
    Ответ написан
  • Как автоматом заполнить поле ForeignKey в Django?

    mututunus
    @mututunus
    Backend developer (Python, Golang)
    Зачем это реализовывать в форме? Лучше делать это в pre_save Numbers.

    @receiver(pre_save, sender=Numbers)
    def fill_place(sender, instance, **kwargs):
        instance.place = instance.hotel.place
    Ответ написан
  • Какие задачи нужно уметь выполнять на JS начинающему?

    copist
    @copist
    Мидл, хочешь стать синьором? http://copi.st/ExhE
    Какие задачи нужно уметь решать на чистом JS, перед тем как переходить к изучению библиотек и фреймворков?


    Кроме синтаксических конструкций, математических и логических выражений, нужно знать:
    • Область видимости переменных
    • Замыкания
    • Объектно-ориентированное программирование, в частности наследование через прототипы
    • Шаблон проектирования "модуль"
    • Операции над DOM
    • Понимание принципов событийно-ориентированного программирования
    Важно - нужно знать, откуда копипастить.
    Тебе нужно быть очень хорошо знакомым с одной-двумя-тремя популярными библиотеками на JavaScript. В идеале ты должен иметь представление о том, что определённый класс задач может быть решен с помощью определённых библиотек, хотя бы одной, но такие знания приходят с практикой. Вообще ты должен быть знаком с ними так близко, чтобы помнить, в какой части мануала по библиотеке можно найти описание форматов входных данных нужной тебе функции и какой будет результат, чтобы скопировать и вставить в свой код, а потом поправить, чтобы работало.

    Важно - инструменты программиста JavaScript
    У тебя должен быть удобный инструмент для разработки (IDE, Integrated Development Environment), чтобы он тебе подсвечивал код (syntax highlight) и подсказывал о синтаксических ошибках (syntax check), о формальных параметрах функций (type hinting), о стиле кодирования (code style), помогал писать код (live templates).
    Ты должен знать, как отлаживать скрипты в популярных браузерах (Firebug, Chrome Developer Tools и другое). Что такое точки останова, как управлять исполнением во время останова, как посмотреть и поменять содержимое переменных, как настроить останов по условию.

    Хотелось бы узнать что это за задачи(упомянутые вами 80%)


    Реальные задачи джунов:
    1. Возьми из сборника задач по javascript любой скрипт случайно и вслух расскажи, что он делает.
      Важно - читать и понимать чужой код намного важнее, чем писать свой. И на работе тебе это приддётся делать чаще, чем ты думаешь. Чтобы подключить к своему проекту чужую JS либу, нужно понимать что она делает, как она конфигурируется, как управлять её поведением. Скажу точно, что написать свой скрипт, который строит графики, намного сложнее, чем понять, как настраивается highcharts.

    2. Напиши скрипт на JS, который в заданном тексте удалит один или два символа, выбранных случайно
      1. Усложнение: удалять можно только буквы в словах, а знаки пунктуации и цифры удалять нельзя
      2. Усложнение: принять, что этот текст является программной на Javascript, удалить одну-две команды JS, но только если они не в строковых литерах (break как команду удалить можно, а в строке "break my heart" нельзя)
      3. Усложнение: воспользуйся этим скриптом и "попорти" код какого-нибудь другого скрипта на Javascript, а потом отладь, найди ошибку и восстанови работоспособность
      Важно - этим обычно все и занимаются - ищут баги. Только в реальной жизни они и без этого скрипта появляются. И не по одному, а прям пачками.

    3. На страницу HTML нужно встроить график курса доллара по отношению к рублю. Формат входного массива значений курса определи сам, исходя из своего скрипта для построения графиков.
      1. Усложнение: на одном графике должны быть два курса, по разным шкалам. Наприме, курс доллара к евро и курс юаня к рублю
      2. Усложнение: первоначально график вывести в детализации по месяцам, но чтобы можно было "приблизить" (drilldown) детализацию до дней
      3. Усложнение: первоначально график вывести текущем месяце, но чтобы можно было загрузить данные для предыдущего месяца без перезагрузки страницы (AJAX)

    4. При клике по картинкам, вставленным в текст HTML, показывать всплывающее окно для просмотра увеличенной картинки.
      1. Усложнение: в всплывающем окне сделать навигацию по картинкам, вперёд/назад и к нужной картинке
      2. Усложнение: в всплывающем окне вместо картинки показать видео-ролик с Youtube
      3. Усложнение: в всплывающем окне показать текст HTML

    5. По клику на кнопку "Click me" показать всплывающую форму.
      1. Усложнение: реализовать проверку данных на корректность перед отправкой формы (непустое значение, минимальное количество символов, максимальное количество символов, минимальное числовое значение, максимальное числовое значение)
      2. Усложнение: если в значении текстового поля встретилась гиперссылка, то считать её за 22 символа при любой длине этой ссылки (как в твитере)
      3. Усложнение: реализовать отправку формы на сервер через AJAX, без перезагрузки страницы
      4. Усложнение: саму форму в виде HTML загрузить с сервера через AJAX, в момент клика по кнопке "Click me", правила проверок данных должны как-нибудь "извлечься" из самой загруженной формы, например из аттрибутов полей ввода

    6. К форме ввода данных на поле ввода даты "навешать" всплывающий календарь для выбора даты.
      1. Усложнение: сделать форму календаря мультиязычной. Хотя бы через настройки на том же JavaScript
      2. Усложнение: сделать так, чтобы с помощью календаря можно было выбрать диапазон дат, чтобы она была привязана к двум полям формы "дата начала" и "дата окончания", и чтобы значение в поле "дата начала" обязательно была меньше чем в поле "дата окончания"
      3. Усложнение: сделать так, чтобы с помощью в календаре можно было видно визуально этот диапазон
      4. Усложнение: диапазон может быть открытым, но не пустым, то есть пользователь должен задать хотя бы дату начала или дату окончания.

    7. Сделать пред-просмотр веб-страницы HTML с разными темами. Тему страницы выбирать через селектор на javascript, а показывать в фрейме.
      1. Усложнение: сделать селектор "тип устройства", чтобы менять размер фрейма (например, "iPhone 5c 1136x640") и "чекбокс" для смены ориентации страницы "горизонтальная" или "вертикальная" (соответственно 1136x640 или 640x1136)
      2. Усложнение: в селекторе тем предусмотреть поиск тем по подстроке, и аналогично поиск устройств по части названия (авто-дополнение, auto-complete)
      3. Усложнение: тема страницы должна меняться без перезагрузки фрейма



    Задачи повышенной сложности, исходя из личного интереса
    1. Реализовать форму для многошагового мастера: форма должна состоять из нескольких страниц (шагов), пользователь может переключать страницы через какие-нибудь элементы управления "вперёд/назад" или "перейти на страницу".
      1. Усложнение: реализовать функциональную связь значений, когда некоторые данные зависят друг от друга (ввёл число в поле "количество" и в поле "сумма" значение пересчиталось)
      2. Усложение: доступность некоторых полей ввода должна зависеть от данных (например, если указал "есть личный самолёт", то значит можно ввести "марка самолёта")
      3. Усложение: видимость некоторых страниц должна зависеть от данных из предыдущих страниц (например, если указал "есть личный самолёт", значит появилась страница "ТТХ самолёта"; иначе страница должна скрыться)

    2. Реализовать однопользовательскую браузерную игру "змейка", "тетрис", "найди пару"
    3. Реализовать многопользовательскую браузерную игру "крестики-нолики", "морской бой" на два игрока в режиме "hot seat"
      1. Усложнение: два игрока на разных компьютерах, ходы передаются по websocket
      2. Усложнение: ограничение на ожидания окончания хода 15 секунд, по окончании ожидания автоматически делается случайный ход

    4. Реализовать todo-list. Пользователь вводит список, затем он превращается в строки с "чек-боксами". Когда "чекбокс" включен, строка зачёркивается.
      1. Усложнение: пользователь может переименовывать, удалять, добавлять строки
      2. Усложнение: список хранить в localStorage браузера, чтобы при перезагрузке страницы он восстанавливался
      3. Усложнение: пользователь может иметь несколько независимых списков todo

    5. Реализовать простой графический редактор. Пусть рисуется точка в месте, где пользователь кликнул.
      1. Усложнение: добавить переключатель режимов "точка"/"линия", в режиме "линия" рисуются линии между двумя последовательно кликнутыми точками
      2. Усложнение: можно менять толщину, цвет линий, размер точек
      3. Усложнение: последовательность кликов можно воспроизвести ещё раз с самого начала, равномерно или с реальной задержкой между кликами, с обычной скоростью или ускоренно
      4. Усложнение: можно выгрузить получившийся рисунок в формате PNG или SVG, причём SVG c анимацией воспроизведения



    Можно использовать любую существующую библиотеку.
    Например,
    для построения графиков www.highcharts.com
    для загрузки и передачи данных через AJAX: jquery.com + что-нибудь на сервере
    для всплывающих диалогов с картиками, видео и формами: fancyapps.com/fancybox и https://jqueryui.com/dialog/
    для валидации форм rickharrison.github.io/validate.js
    для календаря https://jqueryui.com/datepicker/
    для автодополнения https://jqueryui.com/autocomplete/
    для передачи данных между несколькими пользователями socket.io или обычный AJAX
    Ответ написан
  • Какие проекты сделать на github чтоб показывать работодателям?

    Yeah
    @Yeah
    Варианты:

    1. Плагин к какой-нибудь существующей системе. Например для Wordpress, PHPCI и пр.
    2. Берешь 2 каких-нибудь публичных API и пилишь мини-мэшап, чтобы на основании данных с этих API делалось что-то интересное. Например: берем API VK и last.fm и делаем свой мини-плеер с рекомендациями из last.fm и музыкой из VK. API можно глянуть тут:

    www.quora.com/What-are-some-cool-fun-APIs
    https://www.reddit.com/r/webdev/comments/27nqyk/wh...
    www.computersciencezone.org/50-most-useful-apis-fo...
    www.webdesignerdepot.com/2011/07/40-useful-apis-fo...
    blog.mashape.com/list-of-fun-and-interesting-apis-...
    webresourcesdepot.com/15-free-apis-you-didnt-hear-...
    https://gearside.com/public-json-feeds/

    3. Подвид предыдущего. Объединяем API Flickr и какого-нибудь авиаагрегатора (например, aviasales или kayak). Пользователю показывается лента с красивыми фоточками и тут же цена на билет и копка заказа
    Ответ написан
  • Django как сделать запрос к профайлу user'a в шаблоне и проверить принадлежность к группе?

    dunmaksim
    @dunmaksim
    Быдлокодер
    В статье я написал, как делать расширенную модель пользователя: dunmaksim.blogspot.ru/2015/05/django-18.html
    Для решения Вашей задачи нужно:
    • описать базовую модель User с полем role или полями вида is_user, is_vendor и т.п.
    • унаследовать от неё классы Vendor и PlainUser

    В виде делаем ещё проще (показано для ClassBasedView, так же требуется обязательная авторизация, но Вы можете допилить для себя):
    from os import path
    
    from django.contrib.auth.decorators import login_required
    from django.core.context_processors import csrf
    from django.shortcuts import render_to_response
    from django.template import RequestContext
    from django.views.generic import View
    
    
    class Login(View):
    
        def get(self, request):
            c = {}
            c.update(csrf(request))
                    RequestContext(request, c)
            return render_to_response(
                path.join('login', 'index.html'),
                RequestContext(request, c)
            )
    
    
    class LoginRequiredMixin(object):
    
        @classmethod
        def as_view(cls, **initkwargs):
            view = super(LoginRequiredMixin, cls).as_view(**initkwargs)
            return login_required(view)
    
    
    class Desktop(LoginRequiredMixin, View):
    
        def get(self, request):
            c = {}
            c.update(csrf(request))
            user = request.user
            if user.is_admin:
                return render_to_response(
                    path.join('admin', 'index.html'),
                    RequestContext(request, c)
                )
            if user.is_vendor:
                return render_to_response(
                    path.join('vendor', 'index.html'),
                    RequestContext(request, c)
                )
            return render_to_response(
                path.join('desktop', 'index.html'),
                RequestContext(request, c)
            )
    Ответ написан