FullStackOpen 2019 - Deep Dive into Modern Web Development

• https://fullstackopen.com/en

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 2019.

---

Final Projects:

Bloglist

• React/Redux FrontEnd with Custom Hooks: - FrontEnd

• Express.js & MongoDB BackEnd: - BackEnd

Styled with MaterialUI, tested with Cypress & supertest

BooksApp

• React/ApolloClient FrontEnd with caching and basic auth: - FrontEnd
• GraphQL/ApolloServer/NodeJS BackEnd, using MongoDB/Mongoose: - BackEnd

Styled with TailwindCSS

Examples:

Webpack:

Learning Notes

• https://github.com/ClareBee/fullstackopen/blob/master/LearningNotes.md

---

Syllabus & Coursework

• Part 8

  • **GraphQL and Apollo **
  • GraphQL Server
  • React and GraphQL
  • Database and User Administration
  • Login and Updating the Cache
  • Fragments and Subscriptions
    • Coursework:
    • Final Project: BooksApp
      • FrontEnd
      • BackEnd

• Part 7

  • ReactRouter, Styling, Webpack
  • React Router
  • Coursework: Routed Anecdotes
  • React Bootstrap, SemanticUI, Styled Components
  • Webpack config
  • Coursework: Webpack From Scratch
  • Legacy Class Components
  • E2E Testing with Cypress
  • Coursework:
    • Final Project: Bloglist
      • FrontEnd
      • BackEnd

• Part 6

  • State Management with Redux
  • Flux architecture & Redux
  • Combined Reducers, Connect
  • Redux Thunk & Redux Devtools
  • Coursework: Unicafe with Redux
  • Coursework: Anecdotes with Redux

• Part 5

  • Testing React Apps, Custom Hooks
  • FrontEnd Login
  • PropTypes
  • Testing w react-testing-library
  • Custom Hooks
  • Coursework: Bloglist
  • Coursework: Phonenumber Hooks

• Part 4

  • Testing Express apps, User administration
  • Project structure
  • Testing w supertest
  • User admin
  • Token authentication, Middleware
  • Coursework: Bloglist

• Part 3

  • Programming a Server with Node.js & Express.js
  • Node.js & Express.js
  • Deploying with Heroku
  • MongoDB & Mongoose
  • Validation, ESLint
  • Coursework: Phonebook Backend

• Part 2

  • Communicating with Servers
  • Collections, Anti-patterns
  • Forms
  • Getting data from server
  • Submitting data to server, REST
  • Styling React Apps
  • Coursework: Course Contents
  • Coursework: Phonebook
  • Coursework: Data for Countries

• Part 1

  • Intro to React
  • JavaScript
  • Coursework: Course Information
  • Coursework: Anecdotes
  • Component State, Event Handlers
  • Complex State, Debugging
  • Coursework: Unicafe

• Part 0

  • Fundamentals of Web Apps
  • Coursework: Notes