Learn to be a full-stack JavaScript developer and build web applications using Node.js and React.js
Learning Full-Stack JavaScript Development: MongoDB, Node, and React
Overview
Syllabus
Introduction
- Learning full-stack JavaScript development
- Project repo and NPM
- Express and TypeScript
- Middlewares and templating
- Node modules
- MongoDB and Docker
- React and webpack
- ESLint
- Why React?
- JSX syntax
- Function components and props
- State and event handlers
- Component life-cycle and side effects
- Creating a mock API endpoint
- Using an API endpoint from the browser
- Rendering a list of items
- React’s key for items in a list
- Fetching data while React is rendering
- Server-side rendering of the root path
- Sharing data between server and client
- Fetching data from MongoDB
- Invoking component actions in children
- Displaying a different root component
- Fetching data after navigating to a new view
- Handling browser navigation history
- Server-side rendering of a custom path
- Fetching data conditionally
- Navigating on link click
- Handling data in an array
- Reading form data with the DOM API
- Understanding HTTP request methods
- Using an API endpoint to update data
- Updating UI based on API response
- Project challenge
- Next steps
Taught by
Samer Buna
