Size: a a a

Vue.js Russian Developers Community

2020 September 07

О

Оксана in Vue.js Russian Developers Community
Рафаил Мамедов
Да, можно сказать, что канбан доска это усложненный todo

Как по мне тема очень показательна для базовых принципов и не требует ничего сверх них
Звучит интересно и возможность разобраться во всех этих темах
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Jakhongir
А смысл что препод водит по пдфке без звука?
Демонстрация презентации в аудитории, в которой плохой проектор + нет компов.
А у студентов часто есть либо личные компы, либо смартфоны хотя бы
источник

О

Оксана in Vue.js Russian Developers Community
Оксана
Звучит интересно и возможность разобраться во всех этих темах
А по времени приблизительно сколько это займёт с учетом что нужно будет во всем этом разобраться, кроме бд?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Оксана
Звучит интересно и возможность разобраться во всех этих темах
Ну тогда начните с макетов от руки, где будут все «страницы/экраны» вашего приложения

Далее в этих макетах выделите необходимые данные, которые нужно сохранять в БД, пока по минимуму. Создание,  удаление, изменение тикетов, перенос их между столбиками

Далее на чисто человеческом языке составьте запросы к вашей воображаемой БД

Далее спроектируйте саму БД, напишите все птенциальные запросы, которые вам нужны для вашего еще воображаемого приложения

Это даст вам понять то какие точки входа в ваше прложение должен реализовать ваш апи сервер

Начните изучать варианты создания апи сервера, вероятно лучше взять nodejs, чтобы не учить 2 языка. Можно взять простой Express, его хватит
Изучить что такое модель и контроллер и почему их нужно отделять друг от друга
Изучить что такое промежуточное ПО сервера и для каких задач оно подходит

Реализовать все запросы на получение и изменение данных (без авторизации пока). Вручную протестировать это в Postman, воображая, что Postman это ваше приложение и вы эмулируете запросы от него

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

Вероятно будет 2 экрана для начала, сами колонки с тикетами и модальное окно с отображением тикета

Как реаизуете это то можно перейти к созданию тестов, jest/ava или др, чтобы закрепить все то, что сделали выше

Это даст базовое понимание о слоях приложения и их взаимодействии и позволить далее эти слои усложнять, добавляя новую логику в таком кол-ве на которое хватит времени и мотивации.

Далее можно добавить новые слои, управление данными на клиенте вынести в Flux паттерн, простой апи сервер заменить на graphql, для запуска приложения использовать не установку в своей операционной системе, а docker контейнер
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Оксана
А по времени приблизительно сколько это займёт с учетом что нужно будет во всем этом разобраться, кроме бд?
Не знаю, у всех по-разному, кто-то осваивает за полгода, а кто-то по 10 лет сидит «практикуется», но базово обосновать что такое модель и что контроллер не может

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

О

Оксана in Vue.js Russian Developers Community
Рафаил Мамедов
Ну тогда начните с макетов от руки, где будут все «страницы/экраны» вашего приложения

Далее в этих макетах выделите необходимые данные, которые нужно сохранять в БД, пока по минимуму. Создание,  удаление, изменение тикетов, перенос их между столбиками

Далее на чисто человеческом языке составьте запросы к вашей воображаемой БД

Далее спроектируйте саму БД, напишите все птенциальные запросы, которые вам нужны для вашего еще воображаемого приложения

Это даст вам понять то какие точки входа в ваше прложение должен реализовать ваш апи сервер

Начните изучать варианты создания апи сервера, вероятно лучше взять nodejs, чтобы не учить 2 языка. Можно взять простой Express, его хватит
Изучить что такое модель и контроллер и почему их нужно отделять друг от друга
Изучить что такое промежуточное ПО сервера и для каких задач оно подходит

Реализовать все запросы на получение и изменение данных (без авторизации пока). Вручную протестировать это в Postman, воображая, что Postman это ваше приложение и вы эмулируете запросы от него

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

Вероятно будет 2 экрана для начала, сами колонки с тикетами и модальное окно с отображением тикета

Как реаизуете это то можно перейти к созданию тестов, jest/ava или др, чтобы закрепить все то, что сделали выше

Это даст базовое понимание о слоях приложения и их взаимодействии и позволить далее эти слои усложнять, добавляя новую логику в таком кол-ве на которое хватит времени и мотивации.

Далее можно добавить новые слои, управление данными на клиенте вынести в Flux паттерн, простой апи сервер заменить на graphql, для запуска приложения использовать не установку в своей операционной системе, а docker контейнер
Спасибо за такое понятное разъяснение) предложу преподавателю эту тему
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Оксана
Спасибо за такое понятное разъяснение) предложу преподавателю эту тему
Нз) пишите, если буду вопросы
источник

О

Оксана in Vue.js Russian Developers Community
Рафаил Мамедов
Нз) пишите, если буду вопросы
Да вопросы будут и не мало я чувствую. Все что не связано с БД надо учить и разбираться
источник

FA

Fedorchuk Artem in Vue.js Russian Developers Community
Рафаил Мамедов
братан, шо там у тя, а то я скоро оф
Пофиксил тот момент
источник

AS

Alexander Samoylov in Vue.js Russian Developers Community
Господа, подскажите, как запустить dev сборку с кастомным IP.

Пишу в devServer: {
   host: '192.168.0.8',
   port: 4000,
}

собираю. Адрес локальной сборки изменяется, только после перехода по этому адресу, приложение не загружается "This site can’t be reached"

Как быть ?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Alexander Samoylov
Господа, подскажите, как запустить dev сборку с кастомным IP.

Пишу в devServer: {
   host: '192.168.0.8',
   port: 4000,
}

собираю. Адрес локальной сборки изменяется, только после перехода по этому адресу, приложение не загружается "This site can’t be reached"

Как быть ?
а елси отключить vue сервер и перейти по адресу 192.168.0.8:4000 то какая ошибка?
источник

AS

Alexander Samoylov in Vue.js Russian Developers Community
Рафаил Мамедов
а елси отключить vue сервер и перейти по адресу 192.168.0.8:4000 то какая ошибка?
Та же самая

"This site can’t be reached"
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Alexander Samoylov
Та же самая

"This site can’t be reached"
Отсюда мы делаем вывод, что дело не во Vue
и что запрос по этому адресу до вашего приложения вообще не доходит
источник

AS

Alexander Samoylov in Vue.js Russian Developers Community
Рафаил Мамедов
Отсюда мы делаем вывод, что дело не во Vue
и что запрос по этому адресу до вашего приложения вообще не доходит
В какую сторону копать ?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Alexander Samoylov
В какую сторону копать ?
запустите с адресом 0.0.0.0 и узнайте адрес вашего компа в локальной сети
источник

Д

Дмитрий in Vue.js Russian Developers Community
Рафаил Мамедов
запустите с адресом 0.0.0.0 и узнайте адрес вашего компа в локальной сети
Нода/webpack может как-нибудь кешировать локальный адрес? При том что в конфиге указано 0.0.0.0

Просто я после того как переехал, при запуске на 0.0.0.0, у меня запускается со старым локальным адресом.
источник

😎О

😎 Алексей Орлик... in Vue.js Russian Developers Community
Всем привет!)
Есть такой плагинчик

import Vue from 'vue';
import VueKonva from 'vue-konva'

Vue.use(VueKonva)


его tamplate
<template>
 <v-stage :config="configKonva">
   <v-layer>
     <v-circle :config="configCircle"></v-circle>
   </v-layer>
 </v-stage>
</template>


а далее просто
<script>
export default {
 data() {
   return {
     configKonva: {
       width: 200,
       height: 200
     },
     configCircle: {
       x: 100,
       y: 100,
       radius: 70,
       fill: "red",
       stroke: "black",
       strokeWidth: 4
     }
   };
 }
};

</script>


Трабла в том что сам плагин подключен глобально.
А как его импортировать как компонент?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Дмитрий
Нода/webpack может как-нибудь кешировать локальный адрес? При том что в конфиге указано 0.0.0.0

Просто я после того как переехал, при запуске на 0.0.0.0, у меня запускается со старым локальным адресом.
Я не совсем понимаю что значит кешировать локальный адрес в ноде/вебпаке
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Дмитрий
Нода/webpack может как-нибудь кешировать локальный адрес? При том что в конфиге указано 0.0.0.0

Просто я после того как переехал, при запуске на 0.0.0.0, у меня запускается со старым локальным адресом.
вы вероятно обращаетесь к неверному ip, который не указывает в сети на ваш кампутер
источник

Д

Дмитрий in Vue.js Russian Developers Community
Рафаил Мамедов
Я не совсем понимаю что значит кешировать локальный адрес в ноде/вебпаке
Да и я не понимаю даже как правильно описать проблему. В общем запускал проект на 0.0.0.0, запускался на адресе 192.168.1.8
После переезда, когда запускаешь проект, то адрес остается старым, а сейчас он должен запускаться на 192.168.1.3
источник