Name: 學習MERN堆棧--完整教程（MongoDB、Express、React、Node.js）。 (Learn the MERN Stack - Full Tutorial (MongoDB, Express, React, Node.js))
Uploaded: 2021-01-14T10:32:54.000Z
Duration: 1 h 47 min 2 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

welcome to building wet naps with the murdered stack using Mongo, D B Atlas and Google Cloud Platform.

未來進行式

We're going to be learning the murders stack by creating an exercise tracker app.

My name is Bo Kearns, and I am a teacher and developer with freak Oh, camp dot or GE.

We will be first, starting with an introduction to the modern Stack.

Then we'll be going over some database concepts.

Then we will talk about how to get started with Mongo D B Atlas, which is the database will be using for the armored stack app.

Then we'll be getting into our code and I will be actually creating the back end of the exercise tracker app and showing you how I do it.

After that, we will have an introduction to react and then start creating the front end of the exercise tracker app with react and finally will connect the front end to the back end.

Well, it consists of the following technologies.

We have manga d be expressed, react and no Js.

So no Js is the JavaScript runtime environment that allows you to exercise JavaScript code outside of a browser such as On a Server and Express is a Web application framework for Know Js.

It allows us to easily create a Web server, and then Mongo D.

B is the document based open source database.

So in our app will be storing our data in Mongo D.

And then finally, the front end is react, which is a job script front and library for building user interfaces and then, finally, at the bottom.

There we will be using Mongoose, which is a simple, schema based solution to model application data.

Basically, it makes it easier to use Mongo D B in Know Js.

We're gonna just review some terminology.

A lot of people are used to our tabular or relational databases, so we think of things like databases, tables, rose and stuff like that.

B has similar concepts that use different terms, so I just want it can make everyone aware of those terms.

So instead of the table, we have collections instead of Rose, we have documents.

We can do joint operations with the look up operator instead of foreign keys, we utilize references.

And just as a point of clarification, a lot of people talk about mongo D B as a non relation a LL database.

So sometimes I use the term tabular to describe the legacy databases that use tables.

Mongo D B is very well student for handling data with a wide variety of relationships.

We're not gonna cover all of these concepts in the APP today, but I just wanted to you to be aware of some of the differences.

This is an example of what a Mongo D B document looks like.

We can see a variety of relationships and address a title and ah mahn Cody be stores data on disk in the beasts on format, which stands for buying Mary Jason.

This provides a wide variety of support for data types like strings and managers.

The document model also allows for nesting documents inside each other.

These sub documents are one of the great things about the doctrine model, so it allows us to apply the concept of data that access together is stored together in an application.

We also have the ability to store information inside raise, which is another powerful feature of the document model.

And as I mentioned, these documents are Jason structured objects, which is how most developers think of things.

So a person is an object that has various attributes, like a job title address and stuff like that.

So this allows modern development practices to use the document model in a very intuitive way without having to break the data apart to put the tables and normalize things.

So we will be using Mongo D B Atlas, which is a really fast and easy way to get started with Mongo D.

So some people would just run up Mongo D be locally on their local computer for testing.

B Atlas actually makes things a lot easier, even if you're just doing a local project.

So the first step for getting started with Mondo Di B.

So if you go to a Web page, you'll just get this getting started screen.

And once you've logged into manga TV, endless, we need to set up a place to store the data we need a cluster.

So this is the screen that you'll see when you first get logged in.

And to start building the cluster, you're gonna click the new project button.

And then after you click that you'll be able to build a cluster.

The big re button in the middle here allows us to create an configure a cluster.

So once you click that, we'll bring you to this screen where you can create a new cluster.

So here you can see that in Mondo di B Atlas, there's a bunch of providers will be using Google Cloud Platform and then you can choose the region.

We're gonna be using the free tier today, which is gonna be great for our app.

And just when you're getting started on learning how to use things, I recommend starting with the free tier.

And then once you get things going, you can always switch to another tier later.

So you just gotta click a region associated with the free tier and then s o The free tier is just the M o sandbox.

Give the server side a super size of 512 megabytes, which is typically plenty to get started with, and then one thing to notice is that the bottom is always gonna show you how much things cost.

Then you can click, create cluster, and then the provisioning will start so you can see it says it's going to take 7 to 10 minutes to provision in, and it's often quicker than that.

But you know, it's just gonna take some time to step things up.

So once it's created, we're ready to get a couple of security things configured and finally get a connection string.

So once is configurable, you'll be on this screen where you conception security.

And just so you know, I'm doing this all in a slide show right now, but in a little bit will actually be on the actual website so you can see where all this is on the actual website.

But from a security standpoint, we need to set up I P White List addresses and a database user.

So for this project, since it's just going to be hosted on locally, we can add your current I P address for the White List I P address and Then you can create any user name and password for the Mongo D B user, so now we can get our connection information.

There are a few different ways that we provide information to connect to Mongo D B Atlas through the Mongol D B shell, which is a command line interface with the Application Connection String, which is what we'll be using today and through Mongo D B Compass, which is a gooey tool for interacting with data stored in Mongo D.

So then, after you click, the connector application will be taken to the screen on the right here, and we're provided information on getting a connection string and then some connection examples for different languages.

But we'll just need the connection string, and normally you could copy here.

But this is just a slide show, so I can't do that.

But we will be going to this exact screen and copying the connection string to use in our app.

Okay, we're just about to write some code, but let's just quickly review the collections in our database.

Our applications gonna contain exercise exercises and users, and every exercise has one user.

Once you see how simple this is you'll realize that we could have probably just had one collection.

But just for the sake of example, to see how it would work, we're gonna have exercises and users collection.

So now we will really will get into the code.

So I have visual studio code up here, and the first thing we're gonna do is verify note is installed, so I'll just do node dash V and I do have it installed.

If you don't, you're gonna have to make sure you install it.

But I'll leave that up to you to figure out how to do that.

So next will create the initial react project by using create react app.

And if we use the MP ex command, then we can run, create react app without installing at first.

Yeah, and then I'm just going to be calling it Murder Exercise tracker.

And then this is going to create a a directory containing the default react project template with all the dependencies installed.

I'm actually gonna go back over here to just talk a little bit about a mongo D B object.

S So this object I d is automatically generated by the Mongol D B driver and is guaranteed to be unique across the collection so you can see different parts of the object.

I d represent different things, and we can define her own idea if we'd like.

But it must be unique for each document in a collection for this application.

字幕列表影片播放

學習MERN堆棧--完整教程（MongoDB、Express、React、Node.js）。 (Learn the MERN Stack - Full Tutorial (MongoDB, Express, React, Node.js))

description

insomnia

script

express