English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 2h 35m | 612 MB
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.
Table of Contents
Introduction
1 Learning full-stack JavaScript development
Getting Started
2 Project repo and NPM
3 Express and TypeScript
4 Middlewares and templating
5 Node modules
6 MongoDB and Docker
7 React and webpack
8 ESLint
React Fundamentals
9 Why React
10 JSX syntax
11 Function components and props
12 State and event handlers
13 Component life-cycle and side effects
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
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
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
Resolve the captcha to access the links!