Zum Hauptinhalt

Blöcke

Navigation überspringen

Navigation

  • Dashboard

    • Website-Start

    • Website

      • Meine Kurse

      • Schlagwörter

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

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

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

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

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

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

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

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

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

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

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

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

    • Meine Kurse

    • Kurse

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

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

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

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

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

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

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

            • archive

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

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

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

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

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

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

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

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

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

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

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

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

              • Allgemeines

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

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

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

                • DateiЛекції Розділ 3

                • DateiЛабор. робота 4 Next.js

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

                • VerzeichnisФайли до Лабор. роботи 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Log in

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

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

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

Abschlussbedingungen
Opened: Montag, 12. Februar 2024, 00:00
Due: Freitag, 22. März 2024, 00:19

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

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

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

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

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

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

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

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

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

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

Previous activity
Лабор. робота 4 Next.js
Next activity
Файли до Лабор. роботи 4
Data retention summary
Get the mobile app