Overview
-
Learn by doing! Learn full-stack JavaScript development by building a web application with MongoDB, Node.js, and React.js, in this hands-on JavaScript programming course.
Syllabus
-
Introduction
- Course overview
- What this course covers
- Modern JavaScript
- Setting up project dependencies
- Project structure and configurations
- Node modules
- The HTTP/HTTPS modules
- Creating an Express server
- Using the EJS template language
- React elements and JSX
- React components
- Component composability
- Components with modules
- Component state
- Component life cycle
- Loading the test data
- Displaying a list of objects
- Using Sass with Node
- Reading from the state
- Fetching data from a remote API
- Fetching data from the server side
- Server rendering with ReactDOMServer
- Fix the checksum problem
- Handling the contest click event
- Navigating to a contest
- Looking up the contest on route change
- Fetching contest information from the API
- A bit of refactoring
- Server-side routing for a contest
- Navigating to a list of contests
- Handling the browser's back button
- Reading data from MongoDB
- API to fetch a list of names
- Displaying the list of names
- Example script to update all data
- Converting the application to use _id
- Creating an API to propose a name
- Wiring the proposed new name form
- Challenges and QA
- Alternatives: MERN and Electrode
