Salta al contenido principal

Bloques

Salta Navegación

Navegación

  • Área personal

    • Página principal del sitio

    • Páginas del sitio

      • Mis cursos

      • Marcas

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

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

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

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

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

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

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

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

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

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

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

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

    • Mis cursos

    • Cursos

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

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

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

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

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

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

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

            • archive

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

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

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

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

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

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

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

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

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

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

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

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

              • General

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Entrar

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

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

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

Requisitos de finalización
Apertura: lunes, 12 de febrero de 2024, 00:00
Cierre: viernes, 22 de marzo de 2024, 00:19

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

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

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

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

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

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

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

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

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

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

Actividad previa
Лабор. робота 4 Next.js
Próxima actividad
Файли до Лабор. роботи 4
Resumen de retención de datos
Descargar la app para dispositivos móviles