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