Skip to content

Submissions for Full Stack Open 2021 course by University of Helsinki

Notifications You must be signed in to change notification settings

arihantbansal/fullstackopen-2021

Repository files navigation

University of Helsinki - Full Stack Open 2021

Deep Dive Into Modern Web Development

This course serves as an introduction to modern web application development with JavaScript. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js. The course also contains a section on GraphQL, a modern alternative to REST APIs.

The course covers testing, configuration and environment management, and the use of MongoDB for storing the application’s data.

The course is worth 5-12 credits, and the content is the same as in the Full stack course held at the Department of Computer Science at the University of Helsinki in Spring 2020. There is also an associated project that is worth 1-10 credits.

Participants are expected to have good programming skills, basic knowledge of web programming and databases, and to know the basics of working with the Git version-control system. You are also expected to have perseverance and the ability for independent problem solving and information seeking.

Certificate

Course Completion Certificate

Course Exercises

Part 0 - Fundamentals of Web apps

Traditional web applications, single page applications, HTTP forms, HTML & CSS review.

Part 1 - Introduction to React

React, modern JavaScript, hooks vs "old react", state and event handlers, debugging.

Part 2 - Communicating with server

Modules, forms, getting data from server, effect hooks, sending data to server, inline styles.

Part 3 - Programming a server with NodeJS and Express

NodeJS and Express, REST, Express middleware, MongoDB, validation and ESLint.

Part 4 - Testing Express servers, user administration

Testing Node applications, async/await, user administration, references across collections, token based authentication.

Part 5 - Testing React apps

PropTypes, testing React apps, Cypress E2E testing, frontend login auth.

Part 6 - State management with Redux

Flux architecture, Redux, asynchronus actions and Thunks, React-Redux.

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

React-Router, custom hooks, UI libraries, Webpack, current trends.