Deep Dive into Modern Web Development

This course serves as an introduction to modern web development with JavaScript, hosted by the University of Helsinki. The main focus is to build a single page application (SPA) with ReactJS that use REST APIs built with Node.js. The course also covers content on Typescript, React Native and CI/CD.

Part 0 - Fundamental to Web apps

An overview of the basics of web development

Part 1 - Intro to React

Learn about the React library and how to write code on the browser. Also, learn about key features about JavaScript that are important to understand React

Part 2 - Communicating with server

Learn about how a user can submit data to a react app using HTML forms, then, how JavaScript code in the browser can fetch and handle data stored in a remote backend server.

Part 3 - Programming a server with NodeJS and Express

Learn how to implement functionality on the server side of the stack. Implement a simple REST API in node.js by using the express library, and store the application data in a mongoDB database.

Part 4 - Testing Express servers, user administration

• Intro to unit and integration testing with Jest, React testing library, and Supertest
• Intro to user authentication and authorization with bcrypt
• Implement token authorization with Json Web Tokens jsonwebtoken and authorization header

Part 5 - Testing React Apps

• Utilize local storage to save a jwt
• Intro to PropTypes
• Intro to React-Testing-Library
• Intro to e2e testing with Cypress

Part 6 - State management with Redux

Part 7 - React router, custom hooks, styling app with CSS and webpack

Part 8 - Graphql

Part 9 - Typescript

Part 10 - React Native

Part 11 - CI/CD

Part 12 - Containers

Part 13 - Using Relational Databases