🔴 Front-end 🔴

• REACT Router
• Form management
• Integration testing

• React-Router-Movies: handling client-side routing with REACT-Router

• team-builder: handling client-side routing and form managment with REACT-Router, useState hook

• user-onboarding: form validation with yup and API call with axios

• Cypress-testing: integration test with cypress.io

• Single Page Application summary project

• Class Components
• The React Lifecycle
• Unit testing

• Class-components

• Components life cycle methods

• Custom Hooks: useLocalStorage to use the local storage

• Testing React: *unit tests with Jest and react-testing-library

• Advanced React summary project

• Reducers
• Redux
• Redux-Thunk (to consume promises with Redux)
• Context API

• The Reducer Pattern: use the useReducer hook

• Redux: write reducers and combine them, connect Redux

• Async Redux: use Redux-Thunk as a middleware to consume promises

• React Shopping cart: use the useContext hook

• Advanced State Management summary project

• testing
• Client-side Authentication
• HTTP/AJAX II
• Deploying Web Apps

• Unit Testing React module project: mock props and external module, rerendermethod

• Auth Friends: React-Route, axios, Protected routes, Authentication token, promises

• HTTP Movies: HTTP methods, REST interfaces, CRUD apps, URL params

• Deploying React Apps: creating a react app using create-react-app and deploy it with Vercel

• Advances Web Application summary project

🔴 Back-end 🔴

• Node.js
• CRUD Web API
• Test Web API

• Node API 1 Project Starter Code: writing REST API endpoints to perform CRUD operations

• Server Side Routing Module Project: using Express module to build REST API

• Express Middleware Module Project: wrtie and use middlwares: custom middleware and error handling middleware*

• Deployment and Best Practices: * create .gitignore and package.json files setup eslint, use dotenv to setup and manage .env file, use cors middlware, deploy to Heroku*

• Building Restfull APIs summary project

• Relationnal databases
• Database schema design
• Milti-tables queries
• Data modeling

• Node DB1 Project Starter Code: make SQL queries with knex

• Node DB2 Project Starter Code: write migration files and customs middlewares

• Node DB3 Project Starter Code: multi-table queries, middlewares and CRUD operations

• Node DB4 Module Project

• Adding Data Persistancy summary project

• Authentication with session
• Authentication with JWT
• Integration testing
• Unit testing

• Introduction to Authentication Module Project: use knex.js Express and Node.js to build a Web API with login logout and register routes. Authorization with session

• Using JSON Web Tokens: managing authorization with jsonwebtoken, JWT

• Unit Testing

• Server Testing Module Project: use Jest and supertest to test endpoints*

• Authentication and Testing summary project