Фронтенд: React (заочники) 2023
Структура за темами
-
-
Савіцький Роман
Telegram @RomanSavitskyi
gitlab @Savitskyi
github roman-savitskyi
bitbucket Roman.Savitskyi@infopulse.com -
Телеграм чат тут
-
Запитання та відповіді на більшість актуальних запитань.
Відеозапис знаходиться в лекції №1
-
-
-
-
Необхідно розгорнути проект з NextJS, remix чи create-react-app.
Створити 3 компоненти:
1) Компонент таблиці, в якому відображаються ваші оцінки з коледжу чи попередніх курсів. В останньому рядку повинна відображатись інформація про середній бал, оцінок в таблиці.
2) Компонент, який отримує параметрами числа, та виконує будь-яку не просту математичну операцію (не додавання, віднімання, ділення, множення)
3) Будь-який компонент, який вам до вподоби., який містить пропси, стан та подію, яка оброблюється всередині.Оцінка:
- Вірно створений компонент 1 - 5 бали
- Вірно створений компонент 2 - 5 бали
- Вірно створений компонент 3 - 5 бали
- Гарно розвернутий проект - 4 бали
- Вірно організована структура коду - 3 бали22 балів
Штрафи:
- Робота не здана в гіт - -3 бали
- Робота здана не своєчасно (після 1 листопада) - -2 бали
- Робота здана після екзамену - -4 бали
- Будь-який плагіат в роботі - 0 балів за роботу, додатково -15 балів із загальної оцінки -
1) Створити компонент віртуалізованої таблиці чи списку (тут), який на вхід отримує будь-який список з https://dummyjson.com/docs.
Дані повинні отримуватись за допомогою хуку useEffect.
Кількість рядків у віртуалізованій таблиці повинні дорівнювати кількості літер у вашому прізвищі.
Дозволено використання будь-яких UI бібліотек.2) Також необхідно створити поле для судоку, де буде стандартна сітка і можливість клікнути на одну з комірок. При кліку на комірку, необхідно підсвітити її інших кольором.
Додаткове завдання (по бажанню):
- Створити сітку судоку з генерацією початкових значенень (вірна розстановка)Приклад
Оцінка
- Віртуальна таблиця - 7 балів
- Отримання даних - 7 балів
- Судоку сітка - 10 балів
- Підсвідка - 2 бали
- Додаткове завдання - 5 балів
Всього 26+5 балівШтрафи
- невикористання гіт - 2 бали
- несвоєчасність - 2 бали (через місяць після лаби 2)
- несвоєчасність після екзамену - 4бали
- Будь-який плагіат в роботі - 0 балів за роботу, додатково -15 балів із загальної оцінки -
Створити форму зворотнього звʼязку, яка повинна містити поля Прізвище, імʼя, телефон, імейл. Форма повинна мати валідацію на пусті значення та на коректність імейлу та телефону (Україна). Форма повинна бути неконтрольована (uncontrolled).
Після сабміту (submit) форми, дані повинні відобразитись у модальному вікні, яке виконано з використанням порталів. У модалці відображаються дані з форми, а також окремим блоком інформація про студента, групу та дату виконання завдання.Оцінювання:
- Коректне створення форми - 10 балів
- Коректна модалка з порталом - 10 балів
- Передача інформації про студента - 2 балиШтрафи:
- Несвоєчасна здача (після 9.11.23) - 2 бали
- Несвоєчасна здача після екзамену - 4 бали
- Плагіат - 0 за лабу. -10 додатково.
- Здана робота в архіві - 10 балів
Робота здається на порталі з посиланням на гіт.
Робота не приймається в сторонніх сервісах. -
Тест з 10 запитаннями по 3 бали.
-
Якщо ви працює з реакт і знаєте дисципліну, ви можете здати курс з пет проектом чи проектом, який під НДА.
Якщо це пет-проект, додайте посилання на проект і ми проведемо невелику співбесіду по курсу.
Якщо це проект під NDA, тоді просто додавайте в рішення запис "Проект під NDA. Хочу співбесіду"
Проект повинен включати 85% всієї основної частини матеріалу
Оцінка 0-100 балів.
Оцінка НЕ поєднується з іншими оцінками
-
-
-
Повний реакт роадмеп зі всіма функціями, можливостями і що за чим вивчати
-
Freecodecamp - безкоштовний ресурс з можливістю вивчення різних технологій та можливостей, а також із практичними задачами для підготовки до співбесіди та інше
-
Пречудовий курс по реакт від Андрія Васильовича Морозова
-
Телеграм канал, а також відеокурс про реакт, а також джаваскрипт для студентів та початківців
-
Ще один україномовний реакт курс. Непогано поділений і пропрацьований матеріал
-
Добірка кастомних хуків для більшості можливих АРІ
-
Чудовий ресурс для вивчення гіт
-
-