Node JS Tutorial for Beginners #35 - Intro to NoSQL / MongoDB

preview_player
Показать описание
Yo gang, in this Node JS tutorial I'll be introducing you to the concept of NoSQL databases and MongoDB, which we're going to use for our to-do application. We'll also be making use of Mongoose, a package which can be installed via the npm, to connect and interact with the database.

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

========== JavaScript for Beginners Playlist ==========

============ CSS for Beginners Playlist =============

============== The Net Ninja =====================

================== Social Links ==================

  1. Net Ninja
  2. node js tutorial
  3. node js
  4. nodejs tutorial
  5. node js tutorial for beginners
  6. node js tutorials
Рекомендации по теме
Node.js Tutorial for 1:18:16

Node.js Tutorial for Beginners: Learn Node in 1 Hour

Node.js Ultimate Beginner’s 0:16:20

Node.js Ultimate Beginner’s Guide in 7 Easy Steps

Learn Node.js - 2:48:44

Learn Node.js - Full Tutorial for Beginners

Node.js Tutorial For 0:24:46

Node.js Tutorial For Absolute Beginners

Node Js Tutorial 2:59:12

Node Js Tutorial for beginners in Tamil 2024 | Full Course for Beginners | 3 HRS | @Balachandra_in

Node.js Tutorial for 5:33:24

Node.js Tutorial for Beginners | CRASH COURSE

What is Node.js 0:02:17

What is Node.js and how it works (explained in 2 minutes)

Node.js Full Course 6:50:42

Node.js Full Course for Beginners | Complete All-in-One Tutorial | 7 Hours

Create a Jenkins 0:00:52

Create a Jenkins CI/CD pipeline with GitHub, Node js project ! #jenkins #nodejs #github #cicd

Node.js Crash Course 2:06:35

Node.js Crash Course

Node.JS Full Course 3:42:49

Node.JS Full Course (THREE HOUR All-in-One Tutorial for Beginners)

Node.js and Express.js 8:16:48

Node.js and Express.js - Full Course

Node JS Tutorial 1:28:10

Node JS Tutorial | Crash Course

Node Js Tutorial 1:48:50

Node Js Tutorial in Hindi 🔥🔥

Why you Shouldn't 0:07:41

Why you Shouldn't use NODE JS in 2023

Node.js Tutorial for 2:07:28

Node.js Tutorial for Beginners - Getting Started with NodeJS Basics

Node.js 101 Crash 6:25:19

Node.js 101 Crash Course: Learn Node.js (6 HOURS!) + Build Your First Project [2024]

Node JS Full 7:02:44

Node JS Full Course - Learn Node.js in 7 Hours | Node.js Tutorial for Beginners | Edureka

What Is Node.js? 0:12:58

What Is Node.js? | Introduction To Node.js | Node JS Tutorial For Beginners | Simplilearn

Learn Express JS 0:36:03

Learn Express JS In 35 Minutes

What is Node 0:08:49

What is Node js? | Simplified Explanation

Node JS for 4:20:59

Node JS for Beginners in Tamil | Full Video

Node.js and Express.js 6:00:34

Node.js and Express.js - Complete Course for Beginners | Learn Node.js in 6 Hours

Learn Node.js & 1:42:53

Learn Node.js & Express with Project in 2 Hours

Комментарии
Автор

i successfully completed this node js awesome series. its supppperr usefull, thankyou sir

althafabbas
Автор


Feel free to contact me if you need assistance.

A big Thank You, Ninja, for teaching us.

liviusosu
Автор

mlab is not working now i think we need to use mongodb atlas

sarcaastech
Автор

Why do you have "__v":0 on every document?

marcosuarez
Автор

can i use the database using mlab if i have no internet?

dongjay
Автор

Help please!!


I've went through the solutions posted here and am still having these issues.



add items to list not working
delete items from list not working

css not rendering on page

todo.ejs file


<html>
<head>
<title>To-Do List</title>



<script language="JavaScript" type="text/javascript"
</head>
<body>
<h1>My To-Do List:</h1>
<div id="todo-table">
<form>
<input type="text" name="item" placeholder="Add new item.." required />
<button type="submit">Add Item</button>
</form>
<ul>
<% for(var i=0; i < todos.length; i++){ %>
<li><%= todos[i].item %></li>
<% } %>
</ul>

</div>
</body>
</html>



todo-list.js file


$(document).ready(function(){ //front end

$('form').on('submit', function(){

var item = $('form input');
var todo = {item: item.val()}; //storing input value set equal to an object 'item' then add it to the item array

$.ajax({
type: 'POST',
url: '/todo',
data: todo,
success: function(data){
//do something with the data via front-end framework
location.reload();
}
});

return false;

});

$('li').on('click', function(){
var item = /g, "-");
$.ajax({
type: 'DELETE',
url: '/todo/' + item,
success: function(data){
//do something with the data via front-end framework
location.reload();
}
});
});

});



todoController.js file


let bodyParser = require('body-parser');

let data = [{item: 'get milk'}, {item: 'walk dog'}, {item: 'kick some coding ass'}];
let urlencodedParser = false});

//file used to manipulate data (to views), handle routes, etc
module.exports = function(app){

//creating handlers for different requests -"request handlers"
app.get('/todo', function(req, res){
res.render('todo', {todos: data});
});

app.post('/todo', urlencodedParser, function(req, res){
data.push(req.body);
res.json(data);
});

app.delete('/todo:item', function(req, res){
data = data.filter(function(todo){
return todo.item.replace(/ /g, '-') !== req.params.item;
});
res.json(data);
});

};

//data manipulation, route handling done here
//.get, .post, .delete are examples of http verbs

Intubationpostmortem
Автор

Nhung Bui Thi < this guy uploads your content

medev
Автор

Hi, does anyone know if I can use Node and mongo in an android project?

juanrios-lmit
Автор

mLab has been closed to new account creation since February 2019.

khaidemsandip
Автор

does mLab still provide free online database?

argasaragih
Автор

u got a great video content but splitting up the video in to 30+ parts will make me go wondering

humanontheinternet
Автор

You can get a beautiful & simple tutorial in Mongoose js Here :

zakariachahboun
Автор

Help please!!


I've went through the solutions posted here and am still having these issues.



add items to list not working
delete items from list not working

css not rendering on page

todo.ejs file


<html>
<head>
<title>To-Do List</title>



<script language="JavaScript" type="text/javascript"
</head>
<body>
<h1>My To-Do List:</h1>
<div id="todo-table">
<form>
<input type="text" name="item" placeholder="Add new item.." required />
<button type="submit">Add Item</button>
</form>
<ul>
<% for(var i=0; i < todos.length; i++){ %>
<li><%= todos[i].item %></li>
<% } %>
</ul>

</div>
</body>
</html>



todo-list.js file


$(document).ready(function(){ //front end

$('form').on('submit', function(){

var item = $('form input');
var todo = {item: item.val()}; //storing input value set equal to an object 'item' then add it to the item array

$.ajax({
type: 'POST',
url: '/todo',
data: todo,
success: function(data){
//do something with the data via front-end framework
location.reload();
}
});

return false;

});

$('li').on('click', function(){
var item = /g, "-");
$.ajax({
type: 'DELETE',
url: '/todo/' + item,
success: function(data){
//do something with the data via front-end framework
location.reload();
}
});
});

});



todoController.js file


let bodyParser = require('body-parser');

let data = [{item: 'get milk'}, {item: 'walk dog'}, {item: 'kick some coding ass'}];
let urlencodedParser = false});

//file used to manipulate data (to views), handle routes, etc
module.exports = function(app){

//creating handlers for different requests -"request handlers"
app.get('/todo', function(req, res){
res.render('todo', {todos: data});
});

app.post('/todo', urlencodedParser, function(req, res){
data.push(req.body);
res.json(data);
});

app.delete('/todo:item', function(req, res){
data = data.filter(function(todo){
return todo.item.replace(/ /g, '-') !== req.params.item;
});
res.json(data);
});

};

//data manipulation, route handling done here
//.get, .post, .delete are examples of http verbs

Intubationpostmortem
Автор

Help please!!


I've went through the solutions posted here and am still having these issues.



add items to list not working
delete items from list not working

css not rendering on page

todo.ejs file


<html>
<head>
<title>To-Do List</title>



<script language="JavaScript" type="text/javascript"
</head>
<body>
<h1>My To-Do List:</h1>
<div id="todo-table">
<form>
<input type="text" name="item" placeholder="Add new item.." required />
<button type="submit">Add Item</button>
</form>
<ul>
<% for(var i=0; i < todos.length; i++){ %>
<li><%= todos[i].item %></li>
<% } %>
</ul>

</div>
</body>
</html>



todo-list.js file


$(document).ready(function(){ //front end

$('form').on('submit', function(){

var item = $('form input');
var todo = {item: item.val()}; //storing input value set equal to an object 'item' then add it to the item array

$.ajax({
type: 'POST',
url: '/todo',
data: todo,
success: function(data){
//do something with the data via front-end framework
location.reload();
}
});

return false;

});

$('li').on('click', function(){
var item = /g, "-");
$.ajax({
type: 'DELETE',
url: '/todo/' + item,
success: function(data){
//do something with the data via front-end framework
location.reload();
}
});
});

});



todoController.js file


let bodyParser = require('body-parser');

let data = [{item: 'get milk'}, {item: 'walk dog'}, {item: 'kick some coding ass'}];
let urlencodedParser = false});

//file used to manipulate data (to views), handle routes, etc
module.exports = function(app){

//creating handlers for different requests -"request handlers"
app.get('/todo', function(req, res){
res.render('todo', {todos: data});
});

app.post('/todo', urlencodedParser, function(req, res){
data.push(req.body);
res.json(data);
});

app.delete('/todo:item', function(req, res){
data = data.filter(function(todo){
return todo.item.replace(/ /g, '-') !== req.params.item;
});
res.json(data);
});

};

//data manipulation, route handling done here
//.get, .post, .delete are examples of http verbs

Intubationpostmortem