Learn Vue.js (RU): Quasar Framework - build SPA, SSR, PWA, Electron and Mobile apps with Vuejs

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 45

  • @backend1937
    @backend1937 5 лет назад +15

    Ооо спасибо за рассмотрение Quasar. Как всегда годный контент!!!

  • @ruslanshikhaliev9341
    @ruslanshikhaliev9341 5 лет назад +14

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

    • @Игры-ы3е
      @Игры-ы3е 3 года назад +2

      Я смотрел 40 минут без звука, просто читал код и вникал, в конце решил прочитать твой коммент и понял, что я дурак)

    • @mukhamed5405
      @mukhamed5405 3 года назад +1

      @@Игры-ы3е )))

    • @respise
      @respise 7 месяцев назад

      Ну, тут не факт. Я не смотрю видео на русском языке, потому что обычно в сравнении это всё более уныло, чем на английском. И тут купился на название, и вот…

  • @sergeysharov1140
    @sergeysharov1140 5 лет назад +3

    Спасибо! Познавательно и понятно все объяснил. Супер!

  • @user-le8rd4dc1h-23
    @user-le8rd4dc1h-23 4 года назад +1

    Спасибо за классный контент.
    Лучший блогер по Vue от ру комунити )))

  • @s.konstantin
    @s.konstantin 5 лет назад +3

    Спасибо, за подробное видео!

  • @sergeisolomakho868
    @sergeisolomakho868 4 года назад +6

    Прошу подробно раскрыть тему pwa, чтобы это было именнно pwa, а не просто с файликом манифеста ярлычок. Т.е. пуш, доступ к камере и другим нативным возможностям, а также реальная работа в офлайн пока нет сети, а кокда есть, то подсос из сети. Также было бы интересно именно сборку под андроид и ios

  • @ЮрийТьюбер
    @ЮрийТьюбер 5 лет назад +3

    Спасибо за ваши уроки!

  • @neyasbltb
    @neyasbltb 5 лет назад +2

    Спасибо! Очень хороший как урок, так и фреймворк

  • @ГаджимрадИсрафилов

    Красивые компоненты в этом фреймворке.

  • @sergeysharov1140
    @sergeysharov1140 5 лет назад +3

    Ах да, хочется продолжения в том же стиле....
    :-)

    • @LearnProgrammingTogether
      @LearnProgrammingTogether  5 лет назад

      на какую тему?

    • @ВелосипедКаждыйдень
      @ВелосипедКаждыйдень 5 лет назад

      @@LearnProgrammingTogether
      Практику по флаттеру было бы интересно! Или ruclips.net/video/9Xv442Z0w2I/видео.html можно и перевод этого)

    • @sergeysharov1140
      @sergeysharov1140 5 лет назад

      @@LearnProgrammingTogether На тему основной авторизации и навигации, по сути такое но на русском:
      Main Authentication & Navigation Guard Vue Router
      ruclips.net/video/CLYVKI6kCtE/видео.html

  • @виртуоз_ру
    @виртуоз_ру 5 лет назад +1

    Как же круто!!!

  • @vph5864
    @vph5864 5 лет назад +1

    Успехов.

  • @TAtoshkkko
    @TAtoshkkko 5 лет назад +1

    Годно, а теперь было бы шикарно сделать какой нибудь дашбоард с завязкой на живую мускуль базу и авторизацией юзера с сессией например на максимум 8 часовой день что бы потом авторизацию повторяли и какой-то Аля crud внутри... сделаешь? И это как приложение под винду

  • @dimd8824
    @dimd8824 5 лет назад +1

    Максим, хорошее уроки.
    Вы работаете на Vue? Когда по вашему Vue по востребованности обгонит React?

    • @CCSIB
      @CCSIB 5 лет назад +2

      У нас vue.js уже давно используется, react сразу бросили использовать, как увидели разницу с vue.js )

  • @MrMiha336
    @MrMiha336 2 года назад

    Как импортировать не все компоненты если я подключаю quasar как vue cli plugin?

  • @vph5864
    @vph5864 5 лет назад +6

    Плиз Кордова, подробный урок со всеми настройками.

    • @LearnProgrammingTogether
      @LearnProgrammingTogether  5 лет назад +3

      все свои идеи пишите в голосовалке - ссылка под видео

  • @RedkeiGost
    @RedkeiGost 4 года назад +5

    Браузерное приложение. Обычное браузерное приложение, которые все знают и любят.
    ssr - тоже, но рендерится на сервере. Интересно конечно, никогда не пробовал эту технологию, но это все тоже браузерное приложение.
    pwa - браузерное приложение, которое открывается в мобильном через браузер гугл-хром и стилизуется под десктопное. Тоже самое браузерное приложение, но с симуляцией, принципиально-не отличимо.
    электрон. Хромоподобный браузер, заточенный персонально под работу с одним сайтом, симулирует десктопное приложение. Но остается браузером. Все тоже браузерное приложение, ничего нового.
    Конечно, и с пва, и с сср, и с электроном придется малость подзаморочиться, но в конце концов мы имеем браузер, который рендерит это дело. Нет принципиальной разницы и что там "оптимизировано специально для мобилы" непонятно.
    В чем проблема установить андроид-студио, поставить нужные галки в соответствующем менеджере, установивить кордову, запустить команду cordova platform add? Чувак, запустить спа-апликуху в электрон можно и без квазара. Над пва нужно конечно подзаморочиться немного, но в целом для этого тоже не обязательно изучать новую технологию типа Квазара. Прелесть в единой кодовой базе между мобильным и веб-приложением. Потому что там действительно есть принципиальная разница и квазар тут действительно позволяет избежать рутины. И на самом интересном месте "тут я не буду, суть точно та же". Фига себе точно та же? Я смотрел это видео, чтобы сравнить возможности Квазара и Нативскрипт и что получил? Час рассказа о том, как запилить веб-приложение на электроне или пва? Все эти кнопочки, менюшечки, диаложики - это ерунда. Для такой ерунды Квазар нафиг не всрался. Вот попробуй запилить грид, формирующийся с столбцами, прилетающими с сервера, с кастомными ячейками, чтобы он выглядел и был удобен и в мобилке и в веб-приложении. Платформы принципиально-разные. Грид - обычная тема веб-приложения, и очень непривычная для мобилки. Вот как вписать его, чтобы он и там и там смотрелся хорошо - вот это интересная задача. Кроссплатформенный фреймворк именно и хорош тем, что предлагает более-менее достаточный набор универсальных виджетов и для одной платформы, и для другой (электрон, пва, браузер - это практически одна и та же браузерная платформа). И интересно посмотреть именно как кроссплатформенный фреймворк позволяет создать виджет для мобилы, и виджет для веба т.е. что-то вроде такого docs.nativescript.org/plugins/ui-plugin-custom т.е. берем класс в my-button.android.ts (суффикс говорит о том, что файл скомпилится для андроида) и в createNativeView добавляем там компонент нативного апи (т.е. можно например return new android.widget.Button(this._context) для андроида и return UIButton.buttonWithType(UIButtonType.System) для ios в файле с соответствующим суффиксом), крутим им так, как диктует нативное апи среды, но чтобы реализовать похожее поведение во всех средах. Вот github.com/NativeScript/nativescript-ui-plugin-custom/tree/master/src репа, ты получаешь один виджет для двух платформ, и добавляешь в своей апликухе шаблон для веб -вот у тебя уже апликуха работает в вебе, в андроиде и в айфончиках. Например, в дефолтных виджетах натива старомодный TextField под андроид, а не продвинутый TextInputLayout из более свежего апи. Но его можно запилить самому, что и сделано в github.com/Akylas/nativescript-material-components И именно тут проявляется различие между фреймворками.
    Вот какие возможности интересны в кроспрлатформенном фреймворке. А не "смотрите, можно запилить красивые кнопочки из набора виджетов ui и впихнуть все это в электрон". Запилить красивые кнопочки, список, таймпикеры, карды и т.д. можно в любом фрейме, делов-то не много.

    • @sergeisolomakho868
      @sergeisolomakho868 4 года назад

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

  • @advisorone5347
    @advisorone5347 5 лет назад +1

    Симпотичнее Вьютифай, по стабильности и кроссбраузерности пока хз, но компоненты смотрятся моднее.

  • @kawaki4639
    @kawaki4639 2 года назад

    друг если ты еще жив, ответь плиз есть вопрос

  • @nikolay501
    @nikolay501 5 лет назад +1

    как можно сравнивать nuxt и vuetify ?

    • @LearnProgrammingTogether
      @LearnProgrammingTogether  5 лет назад

      никак, просто чтобы показать популярность библиотек на примере

  • @sergeysharov1140
    @sergeysharov1140 5 лет назад

    Подскажите, почему при переходе localhost:8080/posts браузер сам подставляет localhost:8080/posts#/ в routes.js все указано верно

    • @sergeysharov1140
      @sergeysharov1140 5 лет назад +1

      Все понял, нужно v quasar.conf.js установить vueRouteMode: 'history'
      build: {
      vueRouterMode: 'history',

  • @LogopedLTD
    @LogopedLTD 5 лет назад

    что скажете про element UI? почти 40к звезд на гите и 7к форков)

  • @vph5864
    @vph5864 4 года назад

    Можете сделать урок по кордове?

  • @beknazaromuraliev5680
    @beknazaromuraliev5680 4 года назад

    плиз автор курс по vuetify

  • @karmahchannel
    @karmahchannel 3 года назад +1

    Материя никуда не девается она просто оседает в чёрной дыре,

  • @KostiaBazrov
    @KostiaBazrov 5 лет назад

    Это лучше вьютифая7

    • @LearnProgrammingTogether
      @LearnProgrammingTogether  5 лет назад +1

      это уже каждый для себя решает

    • @vladmindochin
      @vladmindochin 4 года назад +1

      квазар это больше чем просто material design. он глубже и шире вьютифая

  • @Steelvanw
    @Steelvanw 4 года назад

    Столько англицизмов на единицу времени это надо постараться. Противно слушать. Минус.

    • @yatagun
      @yatagun 3 года назад +3

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