Full Stack Open

Deep Dive Into Modern Web Development

Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript in one go! This course will introduce you to modern JavaScript-based web development. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js.

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 styles to React app

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

Part 5 - Testing React apps

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

Part 6 - Advanced state management

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