Skip to main content

Blocks

Skip Navigation

Navigation

  • Dashboard

    • Site home

    • Site pages

      • My courses

      • Tags

      • FileІнструкція для здобувачів освіти до вибору дисципл...

      • URLВибір дисциплін на 2026-2027 навчальний рік

      • URLВибір дисциплін на 2025-2026 навчальний рік

      • URLВибір дисциплін на 2024-2025 навчальний рік

      • ForumНовини сайту

      • URLІнструкція - основи роботи з системою Moodle

      • URLЦИВІЛЬНИЙ ЗАХИСТ

      • FolderНормативна база СЕЗН

      • URLВідновлення пароля

      • FileПам’ятка для користувача системи Moodle

      • FileСистема оцінки курсу

      • FeedbackОцінка якості курсу

    • My courses

    • Courses

      • Факультети, кафедри

        • Біологічний факультет

        • Економічний факультет

        • Журналістики факультет

        • Інженерний навчально-науковий інститут ім. Ю.М. По...

          • Кафедра електричної інженерії та кіберфізичних систем

          • Кафедра електроніки, інформаційних систем та прогр...

            • archive

            • Smart-система з відновлюваними джерелами енергії

            • Електронні надвисокочастотні та резонансні прилади

            • Освітньо-професійна програма "Електроніка" (магістри)

            • ОПП Мікроелектронні інформаційні системи

            • Сучасні тенденції розвитку електроніки у медицині ...

            • Застосування офісного програмного забезпечення: су...

            • Автоматизоване тестування

            • Автоматне програмування мовою C#

            • Автомобільна електроніка

            • Адміністрування комп’ютерних мереж

            • Адміністрування комп'ютерних систем

            • Використання сучасних Web-фреймворків

              • General

              • Розділ 1. Огляд Web-фреймворків. JavaScript-фрейм...

                • FileВступна лекція

                • FileВступна лекція Ч2

                • FileЛекції Розділ 1 Ч1

                • FileЛекції Розділ 1 Ч2

                • FileЩе трохи про React

                • FileТехнології JavaScript. React

                • AssignmentЛабораторна робота 1. React

                • FileТехнології JavaScript. Vue.js

                • FileЩе трохи про Vue

                • AssignmentЗавдання 2. Vue.js

                • FolderДодаткові ресурси

              • Розділ 2. JavaScript-фреймворк Angular

              • Розділ 3. JavaScript-фреймворк Next.js

              • Розділ 4. Python-фреймворк Django

              • Розділ 5. Фреймворки ASP.NET

              • Підсумковий контроль

          • Кафедра інформаційної економіки, підприємництва та...

          • Кафедра металургійних технологій, екології та техн...

          • Кафедра металургійного обладнання

          • Кафедра міського будівництва і архітектури

          • Кафедра обліку, аналізу, оподаткування та аудиту (...

          • Кафедра промислового і цивільного будівництва

          • Кафедра управління та адміністрування

          • Практична підготовка ІННІ

          • Інформація, Статистика ІННІ

        • Іноземної філології факультет

        • Математичний факультет

        • Менеджменту факультет

        • Соціальної педагогіки та психології факультет

        • Соцiологiї та управлiння факультет

        • Факультет історії та міжнародних відносин

        • Факультет фізичного виховання, здоров'я та туризму

        • Філологічний факультет

        • Юридичний факультет

      • Аспірантура

      • Науково-технічна позашкільна освіта

      • Відділ доуніверситетської підготовки, профорієнтац...

      • Адміністративний розділ

      • Центр післядипломної освіти та професійних кваліфі...

      • Школа педагогічної майстерності

  • Log in

Використання сучасних Web-фреймворків

Вибір дисциплін Collapse Expand
Вибір дисциплін Collapse Expand
Обрати дисципліни Статистика вибору дисциплін ВМУ
  1. Courses
  2. Факультети, кафедри
  3. Інженерний навчально-науковий інститут ім. Ю.М. По...
  4. Кафедра електроніки, інформаційних систем та прогр...
  5. Використання сучасних Web-фреймворків
  6. Розділ 1. Огляд Web-фреймворків. JavaScript-фрейм...
  7. Завдання 2. Vue.js

Завдання 2. Vue.js

Completion requirements
Opened: Thursday, 12 February 2026, 12:00 AM
Due: Thursday, 28 May 2026, 6:00 PM

За допомогою бібліотеки Vue розробити сторінку онлайн-магазину. Як джерело продуктів використати dummyjson. 

На головній сторінці:

  • показати список продуктів;
  • продукти можна додати до кошика;
  • у випадку повторного додавання, збільшити кількість продуктів у кошику, а не дублювати.
  • користувач має бачити скільки продуктів було додано в кошик.

На окремій сторінці кошика:

  • користувач може переглянути продукти в кошику
  • побачити фінальну кінцеву суму товарів в кошику

Додати в мудл архів з кодом. Без node_modules. 

Previous activity
Ще трохи про Vue
Next activity
Додаткові ресурси
Data retention summary
Get the mobile app