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.
This course is an introduction to modern web development with JavaScript. The main focus is on single page applications implemented with React and supporting them with RESTful and GraphQL web services implemented with Node.js. New for this year's course is a part on TypeScript.
Other topics include debugging applications, configuration, managing runtime environments and NoSQL databases.
| Part | Exercises |
|---|---|
| 0 | 6/6 |
| 1 | 14/14 |
| 2 | 20/20 |
| 3 | 22/22 |
| 4 | 22/22 |
| 5 | 22/22 |
| 6 | 21/21 |
| 7 | 21/21 |
| 8 | 26/26 |
| 9 | 27/27 |
| 10 | /27 |
| Total | 201/228 |
- 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
- connect
- React-router
- Custom hooks
- More about styles
- Webpack
- Class components, E2E-testing
- 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 express app
- React with types
- Introduction to React Native
- React Native basics
- Communicating with server
- Testing and extending our application