2nd day of 4th month

Welcome.

Today we signup  Hackerrank accound.

This is my profile https://www.hackerrank.com/shangeeran

But, we not do exercises in Hackerrank.

Deployment Steps For Heroku & mLab

Heroku is a cloud-based development platform as a service (PaaS) provider. The Heroku platform supports development in Ruby on Rails, Java, Node.js, Python, Scala and Clojure.

1. Signup for Heroku
2. Signup for mLab
3. Create DB notable in mLab
4. Add user in mLab
5. Update DB url in node server

mongodb://<dbuser>:<dbpassword>@ds149122.mlab.com:49122/notable

     6. Test notable app

7. Install Heroku - refer doc https://docs.google.com/document/d/1McXVRadb18VPX7LMQa2OZkZYphbtiF4P2Jxz6PuLqkI/edit?usp=sharing 

Mongoose

What Is Mongoose?

mongoose is an object modeling package for Node that essentially works like an ORM that you would see in other languages (like Eloquent for Laravel).

Mongoose allows us to have access to the MongoDB commands for CRUD simply and easily. To use mongoose, make sure that you add it to you Node project by using the following command:

$ npm install mongoose --save

Now that we have the package, we just have to grab it in our project:

var mongoose = require('mongoose');

We also have to connect to a MongoDB database (either local or hosted):

mongoose.connect('mongodb://localhost/myappdatabase');

Let's get to the commands.

AJAX

What is AJAX?

AJAX = Asynchronous JavaScript And XML.

AJAX is not a programming language.

AJAX just uses a combination of:

• A browser built-in XMLHttpRequest object (to request data from a web server)
• JavaScript and HTML DOM 

AJAX is a developer's dream, because you can:

• Update a web page without reloading the page
• Request data from a server - after the page has loaded
• Receive data from a server - after the page has loaded
• Send data to a server - in the background

Fetch api

Welcome

What is fetch-api?

Matt is a contributor to WebFundamentals. So long XMLHttpRequest. fetch() allows you to make network requests similar to XMLHttpRequest (XHR). The main difference is that the Fetch API uses Promises, which enables a simpler and cleanerAPI, avoiding callback hell and having to remember the complex API of XMLHttpRequest ...

How do we use the Fetch API?   In a very simple manner all you really do is call fetch with the URL you want, by default the Fetch API uses the GET method, so a very simple.

ReactJS

Welcome

React is front end library developed by Facebook. It's used for handling viewlayer for web and mobile apps. ReactJS allows us to create reusable UI components. It is currently one of the most popular JavaScript libraries and it has strong foundation and large community behind it.

React Features

• JSX − JSX is JavaScript syntax extension. It isn't necessary to use JSX in React development, but it is recommended.
• Components − React is all about components. You need to think of everything as a component. This will help you to maintain the code when working on larger scale projects.
• Unidirectional data flow and Flux − React implements one way data flow which makes it easy to reason about your app. Flux is a pattern that helps keeping your data unidirectional.
• License − React is licensed under the Facebook Inc. Documentation is licensed under CC BY 4.0.

React Advantages

• React uses virtual DOM which is JavaScript object. This will improve apps performance since JavaScript virtual DOM is faster than the regular DOM.
• React can be used on client and server side.
• Component and Data patterns improve readability which helps to maintain larger apps.
• React can be used with other frameworks.

React Limitations

• React only covers view layer of the app so you still need to choose other technologies to get a complete tooling set for development.
• React is using inline templating and JSX. This can seem awkward to some developers.

SoundCloud app

Welcome.

SoundCloud is an online audio distribution platform based in Berlin, Germany, that enables its users to upload, record, promote, and share their originally-created sounds