Topic outline

  • General

  • Загальна інформація про курс

  • Лекційні матеріали

  • Практичні завдання

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

      Необхідно розгорнути проект з NextJS, remix чи create-react-app.
      Створити 3 компоненти:
      1) Компонент таблиці, в якому відображаються ваші оцінки з коледжу чи попередніх курсів. В останньому рядку повинна відображатись інформація про середній бал, оцінок в таблиці.
      2) Компонент, який отримує параметрами числа, та виконує будь-яку не просту математичну операцію (не додавання, віднімання, ділення, множення)
      3) Будь-який компонент, який вам до вподоби., який містить пропси, стан та подію, яка оброблюється всередині.

      Оцінка:
      - Вірно створений компонент 1 - 5 бали
      - Вірно створений компонент 2 - 5 бали
      - Вірно створений компонент 3 - 5 бали
      - Гарно розвернутий проект - 4 бали
      - Вірно організована структура коду - 3 бали

      22 балів

      Штрафи:
      - Робота не здана в гіт - -3 бали
      - Робота здана не своєчасно (після 1 листопада) - -2 бали
      - Робота здана після екзамену - -4 бали
      - Будь-який плагіат в роботі - 0 балів за роботу, додатково -15 балів із загальної оцінки

    • Лабораторна робота 2 Assignment

      1) Створити компонент віртуалізованої таблиці чи списку (тут), який на вхід отримує будь-який список з https://dummyjson.com/docs.

      Дані повинні отримуватись за допомогою хуку useEffect.

      Кількість рядків у віртуалізованій таблиці повинні дорівнювати кількості літер у вашому прізвищі.
      Дозволено використання будь-яких UI бібліотек.

      2) Також необхідно створити поле для судоку, де буде стандартна сітка і можливість клікнути на одну з комірок. При кліку на комірку, необхідно підсвітити її інших кольором.
      Додаткове завдання (по бажанню): 
      - Створити сітку судоку з генерацією початкових значенень (вірна розстановка) 

      Приклад

      html - Styling a sudoku grid - Stack Overflow

      Оцінка
      - Віртуальна таблиця - 7 балів
      - Отримання даних - 7 балів
      - Судоку сітка - 10 балів
      - Підсвідка - 2 бали
      - Додаткове завдання - 5 балів
      Всього 26+5 балів

      Штрафи
      - невикористання гіт - 2 бали
      - несвоєчасність - 2 бали (через місяць після лаби 2)
      - несвоєчасність після екзамену - 4бали
      - Будь-який плагіат в роботі - 0 балів за роботу, додатково -15 балів із загальної оцінки

    • Портал та форма Assignment

      Створити форму зворотнього звʼязку, яка повинна містити поля Прізвище, імʼя, телефон, імейл. Форма повинна мати валідацію на пусті значення та на коректність імейлу та телефону (Україна). Форма повинна бути неконтрольована (uncontrolled).
      Після сабміту (submit) форми, дані повинні відобразитись у модальному вікні, яке виконано з використанням порталів. У модалці відображаються дані з форми, а також окремим блоком інформація про студента, групу та дату виконання завдання.

      Оцінювання:
      - Коректне створення форми - 10 балів
      - Коректна модалка з порталом - 10 балів
      - Передача інформації про студента - 2 бали

      Штрафи:
      - Несвоєчасна здача (після 9.11.23) - 2 бали
      - Несвоєчасна здача після екзамену - 4 бали
      - Плагіат - 0 за лабу. -10 додатково.
      - Здана робота в архіві - 10 балів

      Робота здається на порталі з посиланням на гіт.
      Робота не приймається в сторонніх сервісах.

    • React тест Quiz

      Тест з 10 запитаннями по 3 бали.

    • Пет проджект + спілкування, співбесіда Assignment

      Якщо ви працює з реакт і знаєте дисципліну, ви можете здати курс з пет проектом чи проектом, який під НДА.
      Якщо це пет-проект, додайте посилання на проект і ми проведемо невелику співбесіду по курсу.
      Якщо це проект під NDA, тоді просто додавайте в рішення запис "Проект під NDA. Хочу співбесіду"
      Проект повинен включати 85% всієї основної частини матеріалу

      Оцінка 0-100 балів. 
      Оцінка НЕ поєднується з іншими оцінками

    • React Udemy Assignment

      Для отримання додаткових 15 балів, необхідно пройти один з наведених нижче курсів

      Для зарахування, вам необхідно додати сертифікат, як файл до цього завдання

      Доступ до udemy курсів, можна отримати тут

  • Додаткова корисна інформація, посилання

  • Topic 5

    • Topic 6