Full Stack open (2023 - 2024)

My solutions for the exercises of the University of Helsinki's Full Stack open course. This repository contains solutions from part 0 to part 9 of the course. Full stack open is an excellent introduction to modern web development. The core course consists of parts 0 to 5. After the core course, you can complete other parts in the order you want.

Notes

• This repository is a monorepo that contains multiple applications under a shared workspace using npm Workspaces.
• All apps share a single node_modules directory at the root. Common dependencies are managed at the root, while each app maintains its own specific dependencies
• Run npm install at the root then navigate to the application which you want to run.

Modules

Part 0 - Fundamentals of Web apps

• General Info
• Fundamentals of Web apps

Part 1 - Introduction to React

• Introduction to React
• JavaScript
• Component State, event handlers
• A more complex state, debugging React apps

Part 2 - Communicating with server

• Rendering a collection, modules
• Forms
• Getting data from server
• Altering data in server
• Adding style to React apps

Part 3 - Programming a server with NodeJS and Express

• Node.js and Express
• Deploying app to internet
• Saving data to MongoDB
• Validation and ESLint

Part 4 - Testing Express servers, user administration

• Structure of backend application, introduction to testing
• Testing the backend
• User administration
• Token authentication
• Legacy: Testing with Jest

Part 5 - Testing React apps

• Login in frontend
• props.children and proptypes
• Testing React apps
• End to end testing: Playwright
• End to end testing: Cypress

Part 6 - Advanced state management

• Flux-architecture and Redux
• Many reducers
• Communicating with server in a Redux application
• React Query, useReducer and the context

Part 7 - React router, custom hooks, styling app with CSS and webpack

• React Router
• Custom hooks
• More about styles
• Webpack
• Class components, Miscellaneous
• Exercises: extending the bloglist

Part 8 - GraphQL

• Introduction to GraphQL as an alternative to REST communication between browser and server.
• GraphQL allows clients to request precisely the data they need, reducing over-fetching and under-fetching, leading to more efficient and flexible APIs.

Part 9 - TypeScript

This part is all about TypeScript: an open-source typed superset of JavaScript developed by Microsoft that compiles to plain JavaScript.

Part 10 - React Native

Part 11 - CI/CD

Part 12 - Containers

Part 13 - Using relational databases