JS | JavaScript | Vue | Робимо сайт PWA - веб додаток як мобільний додаток

Поділитися
Вставка
  • Опубліковано 27 вер 2024
  • Вітаю команда! Сьогодні робимо такий веб додаток на vue, який окрым всього, буде мати вигляд PWA, тобто мобільного додатку.
    Чекаю у своїх соціальних мережах!
    👉 / cyberscripter
    👉 / cyber_cripter
    👉 / cyberscripter
    ===================================
    ✅ Дізнаєшся, чому HTML та CSS дуже потрібні та цікаві
    ✅ Ознайомишся із сутністю JavaScript та Vue
    👌 Переходь до наступного відео-уроку, далі цікавіше :)
    ❤️ Подобається програмування? Хочеш стати Веб розробником? Підписуйся та дивись мої відео, задавай питання!

КОМЕНТАРІ • 32

  • @EduardTS-t1f
    @EduardTS-t1f 3 дні тому +1

    Все круто. Дякую

  • @andriydamon8388
    @andriydamon8388 5 днів тому +3

    Просто пишу якусь Х17рню бо так сказв голос. Слава голосу!!! СЛАВА!!! СЛАВА!!!!СЛАВА!!!!

  • @ВНовіцький
    @ВНовіцький 4 дні тому +1

    Хай розвивається український ютуб
    🇺🇦🇺🇸🇪🇺

  • @yevheniimoskalenko1624
    @yevheniimoskalenko1624 4 дні тому +1

    Може ви плануєте створити відео із покращенням перфоменсу на nuxt 3, за домомогою vite.js?

    • @cyber_scripter
      @cyber_scripter  4 дні тому +1

      Та можно й таке записати, але перфоменс від багатьох факторів залежить, не певен що через віт все що треба можна зробити

    • @yevheniimoskalenko1624
      @yevheniimoskalenko1624 4 дні тому +1

      @@cyber_scripter так я розумію! хоча би з vite.js, потім можна взяти іншу частину, наприклад із фото (правильно налаштувати lazyload + обрізання їх, але мені здається, що це тільки можна на сервері), або зробити компоненти на lazy...

    • @cyber_scripter
      @cyber_scripter  4 дні тому +1

      @@yevheniimoskalenko1624 зрозумів про що ви, гарна ідея. Думаю на днях постараюся записати подібне

    • @yevheniimoskalenko1624
      @yevheniimoskalenko1624 3 дні тому +1

      @@cyber_scripter потужно

  • @skrypets
    @skrypets 4 дні тому

    сейфово показувати адресу xоста - вона локальна, ти не прокидуєш іі через DNS resolver ceрвіс типу ngrock (webpack/vite plugin).
    ps. Vite - віт

    • @cyber_scripter
      @cyber_scripter  4 дні тому

      в мене там своя фішка, тому треба було закртити)

  • @rusikblyk3477
    @rusikblyk3477 3 дні тому +1

    Підтримка українського контента ...

  • @dalekobij_dima
    @dalekobij_dima День тому +1

    Професіонал✅

  • @staskazakovcom
    @staskazakovcom 5 днів тому +1

    Шкода що не React

    • @cyber_scripter
      @cyber_scripter  5 днів тому +1

      @@staskazakovcom скоро буде і він друже 🙌

  • @Draburs1
    @Draburs1 4 дні тому +1

    привіт, а немає силочки на твій гітхаб?

    • @cyber_scripter
      @cyber_scripter  4 дні тому

      Привіт, взагалі я спеціально не залишаю, щоб люди руками то все переписували і запам ятовували. Бо деякі просто додають проекти з вільним доступом у своє портфоліо, вважаючи себе найрозумнішими))
      Але якщо дуже треба, можу прикріпити

    • @cyber_scripter
      @cyber_scripter  3 дні тому

      github.com/timurioukr/vue_3_privetbank

  • @OlegSwan
    @OlegSwan 2 дні тому

    Спантеличений, бо очікував в результаті побачити бодай кнопку PWA "Установіть додаток ...." в браузері, замість 30 хв HTML+CSS 🙃
    Все, що стосується Vue+PWA у відео, можна було розжувати за 5 хв, особливо якщо почати не з Vite:
    npm create vue@latest
    npm install -D vite-plugin-pwa
    Тоді лише додати маніфест з обов'язковими name та icons і все, без купи непотрібу опцій від старих версій плагіна.

    • @cyber_scripter
      @cyber_scripter  2 дні тому

      @@OlegSwan ну і щоб то було?) пуста сторінка з написом «хелоу ворд»?) в кому воно потрібно, навіть не покажеш нікому. В так люди чогось навчаться

    • @OlegSwan
      @OlegSwan 2 дні тому

      @@cyber_scripter як все-таки побачити робочий PWA свого додатка? Головна тема відео не розкрита.

    • @cyber_scripter
      @cyber_scripter  2 дні тому

      @@OlegSwan а яж там в кінці відео вказав, просто додати цей сайт на робочий стіл смартфону. Кнопки для цього не зробив, але вручну також можна

    • @OlegSwan
      @OlegSwan День тому

      @@cyber_scripter як ви додали PWA в смартфоні без SSL (TLS) з'єднання?
      Автор ілюзіоніст а не програміст, з чого і треба було почати увесь опус 😂

    • @cyber_scripter
      @cyber_scripter  День тому

      @@OlegSwan ахаха, дякую за коментар) Якщо ви намагаєтесь якось понизити мою самооцінку, то у вас це не вдасться. Якщо би ви, шановний дивилися відео перед тим як срати в коментарях, ви би почули там таку фразу "ЗАПУСКАЄМО ВЕБ-ДОДАТОК У ЛОКАЛЬНІЙ МЕРЕЖІ, ЗАХОДИМО НА САЙТ ЗІ СМАРТФОНУ І ДОДАЄМО САЙТ НА РОБОЧИЙ СТІЛ". Про який SSL в цьому випадку ви пишете, що за єрєсь))
      Я бачу ви дуже грамотний, питання чого зайшли на канал?)) Це по перше, а по друге, спробуйте позаписувати відео, витративши на нього по 4 години, для 400 переглядів, а потім кажіть, де треба було що і як писати "правильно". Цей канал як і всі відео - велика послуга українцям, які хочуть заробляти більше ніж 10к гривень в країні яка знаходиться в лайні завдяки таким же розумним політикам. І зважаючи на те, що це волонтерство, дареному коню в зуби не дивляться. Чомусь початківців усе влаштовує, (так для них канал і існує), вони дякують і вчаться. А приходять такі в коментарі з роком досвіду і чатом ДЖПТі вчити батька як йому відео записувати))
      Відповів?))