برای استفاده کامل از سایت، جاوااسکریپت را فعال کنید.

JavaScript is required for the full experience. You can still browse these pages:

Learning Full-Stack JavaScript Development: MongoDB, Node, and React

3h 36mAdvanced2022-12-21

Authors

Samer Buna

Polyglot Coder and Instructor

Course details

Learn by doing! Learn full-stack JavaScript development by building a web application with MongoDB, Node.js, and React.js. Learn how to use Node as a web server and an API server, how to consume data and build user interfaces with React, and how to read and write data with a MongoDB database. React allows you to build full-featured, data-driven applications faster and more efficiently than what is possible with JavaScript alone. Samer Buna introduces modern JavaScript programming concepts, with an emphasis on functional methods and open-source tools. The lessons are almost completely hands-on, with live coding demonstrations that bring the concepts home.

Skills covered

Express.jsMongoDBNode.jsReact.jsJavaScript FrameworksMetaFull-Stack Web DevelopmentDatabase DevelopmentFront-End Web DevelopmentDatabase ManagementLearningWeb DevelopmentProgramming LanguagesOpen SourceSoftware Development

Concepts

0. Introduction

01 - Learning full-stack JavaScript development

1. Getting Started

02 - Project repo and NPM
03 - Express and TypeScript
04 - Middlewares and templating
05 - Node modules
06 - MongoDB and Docker
07 - React and webpack
08 - ESLint

2. React Fundamentals

09 - Why React
10 - JSX syntax
11 - Function components and props
12 - State and event handlers
13 - Component life-cycle and side effects

3. Working with Data

14 - Creating a mock API endpoint
15 - Using an API endpoint from the browser
16 - Rendering a list of items
17 - React s key for items in a list
18 - Fetching data while React is rendering
19 - Server-side rendering of the root path
20 - Sharing data between server and client
21 - Fetching data from MongoDB

4. Routing and History

22 - Invoking component actions in children
23 - Displaying a different root component
24 - Fetching data after navigating to a new view
25 - Handling browser navigation history
26 - Server-side rendering of a custom path
27 - Fetching data conditionally
28 - Navigating on link click

5. Persisting Data

29 - Handling data in an array
30 - Reading form data with the DOM API
31 - Understanding HTTP request methods
32 - Using an API endpoint to update data
33 - Updating UI based on API response
34 - Project challenge
35 - Next steps