Перейти до головного вмісту

Блоки

Пропустити Навігація

Навігація

  • Інформаційна панель

    • Домашня сторінка

    • Сторінки сайту

      • Мої курси

      • Мітки

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

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

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

      • ФорумНовини сайту

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

      • URL (веб-посилання)ЦИВІЛЬНИЙ ЗАХИСТ

      • ТекаНормативна база СЕЗН

      • URL (веб-посилання)Відновлення пароля

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

      • ФайлСистема оцінки курсу

      • Зворотний зв’язокОцінка якості курсу

    • Мої курси

    • Курси

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

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

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

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

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

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

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

            • archive

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

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

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

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

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

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

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

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

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

            • Алгоритми на графах мовою С#

            • Алгоритми та структури даних

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

              • Загальне

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

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

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

                • ФайлЛекції Розділ 3

                • ФайлЛабор. робота 4 Next.js

                • ЗавданняЛабораторна робота 4. SSR фреймворки

                • ТекаФайли до Лабор. роботи 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Закрити
    Переключити введення пошуку
  • Українська ‎(uk)‎
    • Русский ‎(ru)‎
    • Українська ‎(uk)‎
    • Deutsch ‎(de_old)‎
    • English ‎(de)‎
    • English ‎(en)‎
    • Español - Internacional ‎(es)‎
    • Français ‎(fr)‎
    • Italiano ‎(it)‎
    • Polski ‎(pl)‎
  • Вхід

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

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

Лабораторна робота 4. SSR фреймворки

Умови завершення
Початок приймання: понеділок 12 лютого 2024 00:00 AM
Термін спливає: пʼятницю 22 березня 2024 00:19 AM

Робота є продовженням Лабораторної роботи 2 (Vue).

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

Можна використовувати Next.js / Nuxt / SSR підходи Angular.

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

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

На окремій сторінці продукту:

  • отримати інформацію про продукт по ID в URL.
  • показати загальну інформацію про продукт
  • користувач може додати поточний продукт в кошик

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

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

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

Попередня секція
Лабор. робота 4 Next.js
Наступна секція
Файли до Лабор. роботи 4
Підсумок збереження даних
Завантажте мобільний додаток