Material: Full Stack Open 2022

Deep dive into modern web development.

• Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript in one go.
• Learn how to build single page applications with React JS that use REST APIs built with Node.js.

• General info
• Fundamentals of Web apps

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

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

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

• Structure of backend application, introduction to testing
• Testing the backend
• User administration
• Token authentication

• Login in frontend
• props.children and prototypes
• Testing React apps
• End to end testing

• Flux-architecture and Redux
• Many reducers
• Communicating with server in a redux application
• connect

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

• GraphQL-server
• React and GraphQL
• Database and user administration
• Login adn updating the cache
• Fragments and subscriptions

• Background and introduction
• First steps with TypeScript
• Typing the express app
• React with types

• Introduction to React Native
• React Native basics
• Communicating with server
• Testing and extending out application

• Introduction to CI/CD
• Getting started with Github Actions
• Deployment
• Keeping green
• Expanding Further

• Introduction to Containers
• Building and configuring environments
• Basics of Orchestration

• Using relational databases with Sequelize
• Join tables and queries
• Migrations, many-to-many relationships