The Technology Learning Journey · Level 4 of 8
Full-Stack Application Development
Study this level
All modules ready to study
- 31Introduction to React5 lessonsQuiz passed✓
- 32Components and Props5 lessonsQuiz passed✓
- 33State and Events5 lessonsQuiz passed✓
- 34React Hooks5 lessonsQuiz passed✓
- 35Forms and Validation in React5 lessonsQuiz passed✓
- 36Routing5 lessonsQuiz passed✓
- 37State Management5 lessonsQuiz passed✓
- 38API Integration5 lessonsQuiz passed✓
- 39Frontend Quality5 lessonsQuiz passed✓
- 40Dashboard Project5 lessonsQuiz passed✓
- 41Node.js Fundamentals5 lessonsQuiz passed✓
- 42Web Servers with Express5 lessonsQuiz passed✓
- 43Backend Architecture5 lessonsQuiz passed✓
- 44Authentication5 lessonsQuiz passed✓
- 45Files and Logging5 lessonsQuiz passed✓
- 46Backend Testing5 lessonsQuiz passed✓
- 47REST API Design5 lessonsQuiz passed✓
- 48API Security5 lessonsQuiz passed✓
- 49API Documentation5 lessonsQuiz passed✓
- 50Full-Stack Integration5 lessonsQuiz passed✓
Level 4 tests
Pass every module quiz above to unlock these. Passing them unlocks the next level.
- Level 4 testFull-Stack Applications · questions from this level · 20 questions · 100 marksNot taken
- Levels 1–4 combined testQuestions from Levels 1 to 4 · 20 questions · 100 marksNot taken
- Progress test: Levels 1–4Optional check-up on everything so far: shows your strong and weak levels · 50 questions · 100 marksNot taken
Level 4 project: Customer-management app with login. The tests check your understanding. The project shows you can build it, debug it and explain your design choices, so do it alongside the tests, not instead of them.
The full syllabus
How a React screen talks to a Node.js backend through an API. Data is kept temporarily; real databases come in Level 5.
Course 4.1 React Fundamentals
- 31 Introduction to React: components; JSX; Vite setup; project structure; first component.
- 32 Components and Props: functional and reusable components; props; composition; lists and keys.
- 33 State and Events: useState; events; controlled inputs; conditional rendering; lifting state up.
- 34 React Hooks: useEffect; dependencies and cleanup; useRef; custom hooks; common mistakes.
- 35 Forms and Validation: form state; inputs; validation; error feedback; accessible forms.
- Project: a task or customer-enquiry dashboard.
Course 4.2 Frontend Architecture
- 36 Routing: client routing; nested routes; parameters; layouts; protected routes.
- 37 State Management: local vs global; Context; reducers; server state; choosing an approach.
- 38 API Integration: fetching; loading and error states; changes; caching; stale data.
- 39 Frontend Quality: component tests; accessibility; performance; error boundaries; debugging.
- 40 Dashboard Project: requirements; layouts; tables and filters; API integration; testing and review.
Course 4.3 Backend with Node.js
- 41 Node.js Fundamentals: runtime; npm and package.json; modules; async I/O; environment configuration.
- 42 Web Server: HTTP basics; Express; routes; request/response; middleware.
- 43 Backend Architecture: controllers; services; validation; separation; error handling.
- 44 Authentication: identity; password hashing; sessions and cookies; JWT; login flows.
- 45 Files and Logging: file operations; uploads; validation; structured logs; error reports.
- 46 Backend Testing: unit; integration; API tests; mocks; coverage.
- Project: an enquiries API with validation and protected admin actions.
Course 4.4 API Engineering
- 47 REST API Design: principles; endpoints; methods; status codes; pagination and filters.
- 48 API Security: validation; authentication vs authorisation; CORS; rate limits; safe errors.
- 49 API Documentation: OpenAPI; schemas; versioning; webhooks; contract tests.
- 50 Full-Stack Integration: planning; React plus backend; login and permissions; testing; demo.
Level project: a customer-management app with login, user roles, records, searchable tables, forms and a backend API.