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.
- 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 proptypes
- Testing React apps
- End to end testing
- Flux-architecture and Redux
- Many reducers
- Communicating with server in a redux application
- React Query, useReducer and context
- connect (the old part)
- 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 and updating the cache
- Fragments and subscriptions
- Background and introduction
- First steps with TypeScript
- Typing an Express app
- React with types
- Grande finale: Patientor
- Legacy patientor (the old material)
- Introduction to React Native
- React Native basics
- Communicating with server
- Testing and extending our 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
To be added.
Parts 0-8 and 13 of the course material is written by Matti Luukkainen. The content of part 9 is written by developers from Terveystalo. Part 10 is written by Kalle Ilves. The content of part 11 is written by developers from Smartly and part 12 is by Jami Kousa. Numerous people have improved and corrected the material both in content and spelling. You can also make improvements to the course material yourself. The course webpage is designed and created by Houston inc, who have also audited the content of the course material. Chinese translation by Zhang Wei. Spanish translation by Sebastian Torres and Cynthia Vico Vacca. The course material is licensed under Creative Commons BY-NC-SA 3.0 license, which means that you are free to use and distribute the material, as long as the names of the original authors are not removed. If you make changes to the material and want to distribute the modified version, it must be licensed under the same license. Using the material for commercial purposes is forbidden without permission.