react_week_2 #465

vvennela · 2020-02-19T02:45:48Z

Changes proposed in this pull request:

Built the React Week 2 Curriculum
Goes over the JavaScript basics

@reviewer/Kevin

Week 2 JS Basics

React_Week_2

poroia

This looks awesome! One important thing I want to note is that we should put an emphasis on ES6 rather than it being a secondary thing. Like we introduce the topic with up-to-date ES6 syntax but also note older syntax. I noticed var is used throughout, change it to const and let because we'll be using that way more ---. an explanation as to how they work is in the 2nd checkbox.

Also, your images appear to be local, ask kevin how to put it on the web

there are a couple things I want to note:

we rarely ever write javascript directly in the <script> tag and it's really only for demos. we instead write code in a .js file and it's linked to the html through a src attribute like so:
<script src="script.js"></script>
you can indicate this in card 2 somewhere
so apart from card 2, I would recommend changing all code blocks to use the javascript format (it provides nice colors!) and remove the <script> tags.
for card 3, let and const keyword were introduced in ES6 and are different from var. let and var are kind of similar but differ in scope: var is function scoped, meaning that if you declare it in an if statement, it can be used outside the if . let is what you'd expect with a normal variable as in it's block scoped. const is a constant and cannot be changed and has the same scope as let.
for card 4, it's great! you might want to include ternary operators and say its an if statement but in a line (this is extremely useful in react)
side note: for an explanation above, you don't have to mention this now, maybe later when we get to react, but they're not only differentiated by its looks in terms of length. ternary operators are conditional expressions, while ifs are statements. in return statements, you can only use expressions but not statements:
ie return x > 5 ? 'yes' : 'no'
but you can't do: return if (x > 5) { yes }; else { no }
for card 6, you might want to mention map, filter , reduce which was introduced in ES5. it's another way of iteration and used a ton more in react
for card 8, separate selectors and events into different cards. selectors include getElementById(...), querySelector(...), getElementByClassName
for card 9, you might want to move arrow functions to card 7 and add it at the beginning (see msg at top)

other than that, it looks pretty awesome! I love the structure of the whole thing and the attention to detail for each card. keep up the awesome work!

lazyplatypus · 2020-02-20T06:00:11Z

@vvennela Please make the changes Bryan mentioned and update this pull request 😄

Add files via upload

Create mongodb_cirriculum

jeffchhen · 2020-03-30T05:50:16Z

MONGODB/F1.4.md

+
+Add this function to the <script> tag:
+
+```javascript


Can you explain what each function is suppose to do? Besides just say "insert this function". Rn all they are doing is just following instruction but remember the end goal is that the student learns

This goes for this entire activity

jeffchhen · 2020-03-30T05:51:31Z

MONGODB/F1.2.md

+
+![Screen Shot 2020-03-27 at 5.01.46 AM](/Users/vishnuv/Library/Application Support/typora-user-images/Screen Shot 2020-03-27 at 5.01.46 AM.png)
+
+ Choose the "Starter Clusters" Option and Create a cluster! A cluster is essentially a collection of various nodes, which each handle different parts of data. The main advantage that comes with using a cluster is that nodes are mainly independent of each other and can be examined seperately. 


explain what a node is? Explain collections. Explain what a NoSQL database and why it is important

jeffchhen · 2020-03-30T05:52:28Z

MONGODB/F1.2.md

+
+![Screen Shot 2020-03-27 at 5.06.32 AM](/Users/vishnuv/Desktop/Screen Shot 2020-03-27 at 5.06.32 AM.png)
+
+MongoDB uses collections in order to store data, which are basically like tables.


Explain how to filter through collections and data. Explain how to add data. There is much more to mongoDB atlas

jeffchhen · 2020-03-30T05:56:12Z

MONGODB/F1.3.md

@@ -0,0 +1,34 @@
+# F1.2: Introduction to Stitch + Using Stitch
+
+Another component of MongoDB is using Stich, which allows you to configure rules, authentication and other services for your services. To fully understand Stitch, let's build a blog which allows you to post and edit comments. 


explain rules, authentication and other services before diving into making a blog

jeffchhen

Reviewed all your cards. Please complete my edits by this weeks deadline (Sunday)

Thanks!

jeffchhen · 2020-03-30T05:56:31Z

MONGODB/F1.3.md

+
+Another component of MongoDB is using Stich, which allows you to configure rules, authentication and other services for your services. To fully understand Stitch, let's build a blog which allows you to post and edit comments. 
+
+Make sure you've created your cluster and your account to access and finish this tutorial. 


Show thme how to link the cluster to the stitch app

jeffchhen · 2020-03-30T05:57:14Z

MONGODB/F1.3.md

+
+## Step 2: Authentication
+
+On the starting page, scroll down and turn on "Anonymous Authentication." There are other ways to configure authentication, such as through Google or through username and password authentication.


What is Authentication? What is the purpose of it? What difference does it make to do Anonymous vs Email/Pass

jeffchhen · 2020-03-30T05:58:52Z

MONGODB/F1.3.md

+
+## Step 3: Setting Rules for the Application
+
+1. On the Stich Homepage, click "Rules"


Imagine yourself as someone new to MongoDB. Yes its easy to follow instructions but we want the person going through the content to learn what is going on. What is the purpose of a template? Why do we choose No Template? What if we wanted to use a template?

What is the difference between read and write columns?

jeffchhen · 2020-03-30T05:59:09Z

MONGODB/F1.3.md

+
+![Screen Shot 2020-03-27 at 7.41.10 AM](/Users/vishnuv/Library/Application Support/typora-user-images/Screen Shot 2020-03-27 at 7.41.10 AM.png)
+
+7. Finally, deploy your application. 


What is the purpose of deploying the application? What will this allow us to do?

jeffchhen · 2020-03-30T05:59:49Z

MONGODB/F1.4.md

+
+Paste this below the SDK in the head tag:
+
+Replace the "<your-app-id>" with your app id, which you can find on the clients page of the Stitch homepage


show them exactly where the app-id is

jeffchhen · 2020-03-30T06:00:18Z

MONGODB/F1.4.md

+
+Add this function to the <script> tag:
+
+```javascript


This goes for this entire activity

jeffchhen · 2020-03-30T06:00:56Z

MONGODB/F1.5.md

+
+![Screen Shot 2020-03-27 at 8.52.35 AM](/Users/vishnuv/Library/Application Support/typora-user-images/Screen Shot 2020-03-27 at 8.52.35 AM.png)
+
+Accessing all this data means that you can take a closer look at the clusters formed. Try exploring the data to gain a greater understanding of how Compass functions and manipulates databases.


Explain to the user what each component of the GUI does

jeffchhen · 2020-03-30T06:01:32Z

MONGODB/F1.2.md

@@ -0,0 +1,37 @@
+# F1.1 An Introduction to MongoDB and Atlas


All your image tags are local. You need to upload them imgur or something and replace the links.

vvennela added 20 commits February 18, 2020 16:02

Add files via upload

6361b74

delete 1.md

40e1b67

Delete 2.md

821e9ca

Delete 3.md

53c04aa

Delete 4.md

ab63640

Add files via upload

452294e

Delete 1.md

574e53b

Delete 2.md

2275167

Delete 3.md

ac21372

Delete 4.md

586dee7

Delete 5.md

03b2500

Week 2 JS Basics

ba2c7d6

Merge pull request #1 from vvennela/vvennela-patch-1

112c6cf

Week 2 JS Basics

Delete 1.md

1a8404e

Delete 2.md

c4830e3

Delete 3.md

208aa8e

Delete 4.md

1e817ef

Delete 5.md

251fe8a

the react week 2 c

4fea4ae

Merge pull request #2 from vvennela/vvennela-patch-2

5dcf4a1

React_Week_2

lazyplatypus requested a review from poroia February 19, 2020 02:47

poroia requested changes Feb 19, 2020

View reviewed changes

vvennela added 7 commits February 22, 2020 03:03

Delete 1.md

932cdd0

Delete 10.md

9c88889

Delete 2.md

1d135c6

Delete 3.md

8de65c8

Delete 4.md

9ca5203

Delete 5.md

678609d

Delete 6.md

e0273d6

vvennela added 25 commits March 3, 2020 20:13

Delete 16.md

f026368

Delete 17.md

16a5a80

Add files via upload

e4dfd0b

Delete 18.md

5c24606

Delete 19.md

da8e08b

Delete 2.md

35762f5

Delete 20.md

78238fe

Delete 3.md

0b065a3

Delete 4.md

2f990ab

Delete 5.md

98fe8d2

Delete 6.md

72cb7f2

Delete 7.md

eb7a57a

Delete 8.md

0620aa4

Create mongodb_cirriculum

796a64a

Delete mongodb_cirriculum

112cdab

Create mongodb_cirriculum

d761f3c

Create mongodb_cirriculum

7025482

Add files via upload

0355ecc

Delete F1.2.md

e184cc8

Delete F1.3.md

cf04652

Delete F1.4.md

bc31966

Delete F1.5.md

16e24a0

Add files via upload

b99a4b3

Merge pull request #4 from vvennela/vvennela-patch-4

1b3d70c

Add files via upload

Merge pull request #3 from vvennela/vvennela-patch-3

fa643c7

Create mongodb_cirriculum

jeffchhen reviewed Mar 30, 2020

View reviewed changes


		![Screen Shot 2020-03-27 at 5.01.46 AM](/Users/vishnuv/Library/Application Support/typora-user-images/Screen Shot 2020-03-27 at 5.01.46 AM.png)

		Choose the "Starter Clusters" Option and Create a cluster! A cluster is essentially a collection of various nodes, which each handle different parts of data. The main advantage that comes with using a cluster is that nodes are mainly independent of each other and can be examined seperately.


		![Screen Shot 2020-03-27 at 5.06.32 AM](/Users/vishnuv/Desktop/Screen Shot 2020-03-27 at 5.06.32 AM.png)

		MongoDB uses collections in order to store data, which are basically like tables. No newline at end of file

		@@ -0,0 +1,34 @@
		# F1.2: Introduction to Stitch + Using Stitch

		Another component of MongoDB is using Stich, which allows you to configure rules, authentication and other services for your services. To fully understand Stitch, let's build a blog which allows you to post and edit comments.


		Another component of MongoDB is using Stich, which allows you to configure rules, authentication and other services for your services. To fully understand Stitch, let's build a blog which allows you to post and edit comments.

		Make sure you've created your cluster and your account to access and finish this tutorial.


		## Step 2: Authentication

		On the starting page, scroll down and turn on "Anonymous Authentication." There are other ways to configure authentication, such as through Google or through username and password authentication.


		## Step 3: Setting Rules for the Application

		1. On the Stich Homepage, click "Rules"


		![Screen Shot 2020-03-27 at 7.41.10 AM](/Users/vishnuv/Library/Application Support/typora-user-images/Screen Shot 2020-03-27 at 7.41.10 AM.png)

		7. Finally, deploy your application. No newline at end of file


		Paste this below the SDK in the head tag:

		Replace the "<your-app-id>" with your app id, which you can find on the clients page of the Stitch homepage


		![Screen Shot 2020-03-27 at 8.52.35 AM](/Users/vishnuv/Library/Application Support/typora-user-images/Screen Shot 2020-03-27 at 8.52.35 AM.png)

		Accessing all this data means that you can take a closer look at the clusters formed. Try exploring the data to gain a greater understanding of how Compass functions and manipulates databases. No newline at end of file

react_week_2 #465

Are you sure you want to change the base?

react_week_2 #465

Uh oh!

Conversation

vvennela commented Feb 19, 2020

Uh oh!

poroia left a comment • edited by lazyplatypus Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

lazyplatypus commented Feb 20, 2020

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

jeffchhen left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

poroia left a comment •

edited by lazyplatypus

Loading