4IT580: Docs

Theoretical Classes

2^nd: Introduction to React (22/09/2025)

• JavaScript Essentials for React
• React Cheatsheet

Practical Classes

1^st: Hello, World! (16/09/2025)

• Hello, React! (un-slides about React)
• Hello, Server! (how to connect to 4IT580 server)
• TypeScript Cheatsheet
• Git Cheatsheet (basic commands for version control)
• ✅ 1^st Homework (connect to 4IT580 servers, implement React counter)

2^nd: More React (23/09/2025)

• React Styling - Chakra UI
• React State, Props & Hooks
• React Context - Shared State
• ✅ 2^nd Homework (add new to-do list features)

3^rd: Forms (30/09/2025)

• Forms (react inputs, React Hook Form)
• Routing (React Router v7)
• ✅ 3^rd Homework (settings form)

4^th: BackEnd! (7/10/2025)

• Hello, Project Server!
• BackEnd Basics!
• MySQL Connection for Local Backend Development
• ✅ 1^st Backend Homework (extend API with new data)
• Homework data

5^th: Persistent BackEnd! (14/10/2025)

• Persistent Backend!
• ✅ 2^nd Backend Homework (extend API with possibility to mutate data)
• Sending Emails with the Project Template

Hackathon: Code Review (17/10/2025)

• Code Review Instructions

6^th: Backend Finalization (21/10/2025)

• Backend finalization
• Backend Logging
• Auth on FrontEnd
• GraphQL on FrontEnd

9^th: Unit Testing (11/11/2025)

• Unit Testing (Vitest, React Testing Library, Game of Life)

11^th: Advanced React (25/11/2025)

• Massive Components and how to avoid them
• Compound Components

12^th: AI Prompting, mindset, and toolbelt (03/12/2024)

• AI Prompting Guide for Developers