Learn to Code via Tutorials on Repl.it!

← Back to all posts
Learn Node.js in less than an hour [Tutorial]
h
RohilPatel (1534)

Node.js Tutorial

What is the syntax like?

Well, everything you already know with JavaScript can be played here, except for the DOM, which if you don't know, includes interacting with a website.

For example we can do some basic console.logs() in Node.js

const x = 6;

// Console commands work as normal
console.log('x is ' + 6); // Returns 'x is 6'

//But with ES5 you can do this:
console.log(`x is ${x}`); // Returns 'x is 6'

Ok, but why Node.js

Well, first off, if you want to know why not to use python, I won't say anything, but if you are here because you don't know the difference between the browser js, then continue on.

Node.js makes everything come together. It's a server, which basically controls a bunch of people. Chat rooms send a message to the server, which sends it to everyone else.

Sign in pages send your typed data and check a database to see if it exists.

But it all starts here...

Node.js has something called a module

4 concepts to remember about modules

  • A module must be imported
  • Modules make Node.js work not like browser js
  • Modules can make coding cleaner, resulting in more files and folders
  • You can make a module very easily

Ok, how do you import a module

Well lets use the old fashion way because repl needs to update to node 14 for other things.

Below is how you import a module

const variableToHoldContentOfModule = require('module name as it should be')

Can we import a module as an example?

Yeah ok, lets use the OS module

It can help with determining what module to use.

// Import the module, using require syntax

let os = require('os');
//now that we have the os module, we can use the docs to help us find out our platform. Do this by tacking on .platform() to it.

console.log(`Your platform is ${os.platform()}`)
//now on repl it will be weird to some, as it says Linux, but thats because repl uses a virtual machine built on linux.

How do we make our own module?

Well modules are just js files that work with the server. Try going into module.js at this time, or making it if you are following by yourself.

In there, we added the following code:

// Write some code that you want to share with index.js, 

let x = 'some random text to export';

function add(x, y) {
  return x + y; //simle add function
}

function sub(x, y) {
  return x - y; //simle subtract function
}

As of right now these functions and variables are local to the file, so to make them public, you do the following after everything was declared. It is usually the last thing in a file.

module.exports = {
  addFunction: add,
  subFunction: sub,
  randomText: x
}

Come back to index.js and import it

//Node already knows its a js file so you dont need the extension

const moduleWeGot = require('./module');

// the "./" refers to the root directory

// Time to see our options:

console.log(moduleWeGot);

We see this:

{
  addFunction: [Function: add],
  subFunction: [Function: sub],
  randomText: 'some random text to export'
}

Our data is there, so now we can just get them with some dot notation.

moduleWeGot.addFunction(5, 4); //returns 9

There is an easier way to get the module though

const { addFunction, subFunction, randomText } = require('./module');

Then use the function as follows

addFunction(5, 66); //Returns 71

I really hope this tutorial helps!!

Comments
hotnewtop
EpicGamer007 (1607)

I would not call this a node tutorial. I would call it a module tutorial. You don't actually go over anything but module's

SharpCodeDev (80)

True, but luckily there was a module here I didn't actually know about.

RayhanADev (1968)

Well, this isn’t really a NodeJS tutorial, you don’t go over anything that NodeJS is actually used for (Web Dev, App Launch, etc.) but instead just modules..

RohilPatel (1534)

Clickbait title lol. Definitely got u lmao @RayhanADev

RayhanADev (1968)

@RohilPatel lmao, fits perfectly with this xD.

RohilPatel (1534)

Lamo. I've never gotten 100+ upvotes on any of my posts lol @RayhanADev

RayhanADev (1968)

@RohilPatel I only got 50+ on the Repl Search Bar. That was it. All my other projects get like 5-20 upvotes. It makes somewhat sad xD.

RohilPatel (1534)

Lol, on average I get like 20, but my most has 73 I think @RayhanADev

RayhanADev (1968)

@RohilPatel nice! How long have you been on Repl.it anyways? You seem like an OG.

RohilPatel (1534)

Nah, I'm not lol. Only been here for like eh, a year and a half @RayhanADev

RayhanADev (1968)

@RohilPatel that at least 18 times longer than me also you go to the same school as Coder100?

RohilPatel (1534)

Yeah lol. He isn't as magical as he seems though lol in person, and to be fair, nor am I @RayhanADev

RayhanADev (1968)

@RohilPatel lmao, Repl is amazing like that isn’t it. I’m becoming scarily well-known for the less than month I’ve been here and irl nobody cares about me xD.

RohilPatel (1534)

Lolz. I'm working on a game called Amang Us. (Not a typo) @RayhanADev

RayhanADev (1968)

@RohilPatel hahahaha noice one! What’s it going to be about (please don’t say terminal among us I will cry)?

RohilPatel (1534)

Nonono, it's a website. I'm scared to make it multiplayer but I will do it due to socket.io resets but look here for now https://amang-us.rohilpatel.repl.co/# @RayhanADev

RayhanADev (1968)

@RohilPatel nice (enjoys clicking screen that does nothing) :ramen-blob:

SharpCodeDev (80)

Congratulations! This tutorial now has more upvotes than the React tutorial! 😂

SharpCodeDev (80)

Great tuorial, @RohilPatel! I learned a lot that I didn't already know in the os module section.

Bookie0 (5965)

Cool!

Also i think this comment supposed to be in the code block!

Tonight I plan to have it out, and if all this makes sense, go to here.

Btw there’s no link on the ‘here’, that intentional?

:)

RohilPatel (1534)

Yeah I wasn't feeling it. Also thanks for that error, I just made the llesson on the code and then did the md @Bookie0

TANMAYBAGADIA (48)

Thx for this tutorial ,i will see this properly later but it's amazing . Take my upvote!!

RohilPatel (1534)

@DynamicSquid do teachers at squid school make you learn from tutorials?

(Also do you have discord?)

firefish (998)

@RohilPatel The only answer I know is to the latter question and no, he does not have discord. and also try checking timezones, (Mountain Time to be precise)

RohilPatel (1534)

Did u know tutorials like tutorials

RohilPatel (1534)

Thanks! Upvote if you want, and I also saw on someone's post u were looking for a node tutorial, does this help? @tsunami21

CodeLongAndPros (1596)

@RohilPatel I'm removing this, don't ask for upvotes.

firefish (998)

@RohilPatel you forgot the other way of importing:

import "telephone"; // what the hell why am i making up module names HELP ME
from "fs" import "readFileSync"; //at least i thought of one

// etc
Coder100 (16925)

No, readFileSync is an identifier and this is not python, you got them reversed @firefish

RohilPatel (1534)

Python is on the opposite spectrum of JS lmao @Coder100

realTronsi (906)

ha modules is also node's downfall.

RohilPatel (1534)

Yeah import is much better =/. Did u like the repl? @realTronsi

realTronsi (906)

@RohilPatel not much content but yeah decent tutorial

RohilPatel (1534)

Yeah lol, upvote if u want. Is there anything you think I should make? I'm far more advanced than this tut @realTronsi

Theboys619 (63)

quick steps with functions, variables, loops, and if statements / switch statements. Maybe even JSON objects. @RohilPatel

realTronsi (906)

@Theboys619 lol those are too beginner

RohilPatel (1534)

Yea a little beginner, I'll probably teach ejs and data passing @realTronsi

firefish (998)

Yea a little beginner, I'll probably teach ejs and data passing @realTronsi

@RohilPatel I like to think I know a lot about node, but like what is ejs and data passing

realTronsi (906)

@firefish ejs is just a rendering template, and I don't know what he means by data passing lol

firefish (998)

@realTronsi I had a look at some ejs code, and pug looks more elegant than <%= stuff.

realTronsi (906)

@firefish I never really used pug, but the ejs tag allows you to do expressions and stuff, not sure if pugjs is the same

firefish (998)

@realTronsi like what kind of expressions, but I'm not exactly an expert at pugjs, @Coder100 is however

realTronsi (906)

@Coder100 ejs more like using websockets to send variables over and then replacing the innerHTML with the variable smort

realTronsi (906)

@Coder100 Why do you need C tutorial

firefish (998)

@Coder100 C? YES POG POG trying to speak cookeylang POG POG C TUTORIAL POG POG

firefish (998)

@realTronsi moderate amount, here is most of my nkowledge concentrated into one repl: https://repl.it/@firefish/myMem

realTronsi (906)

@firefish wait lol what is this for:

int qRand() {
  int q[2] = { num_q, 35006 };
  return q[3];
}
firefish (998)

@realTronsi Index-out-of-range is not prohibited.

realTronsi (906)

@firefish I know so why is that your function?

Coder100 (16925)

that's why im writing it @realTronsi

firefish (998)

poogg? what in the world @Coder100

realTronsi (906)

no but your random number generator is returning an invalid index, its going to seg fault no? @firefish

firefish (998)

@realTronsi Aha, you see. It doesn't segfault because the index is only two places away from the end of the array, so there is stuff in accessible memory there. A SegFault occurs when you attempt to access memory that is inaccessible to your process, but the memory I am accessing is so close to the end of the array that it's probably reading the string passed to a printf call or something.

realTronsi (906)

@firefish oh so it isn't random then though?

also thought this seg faulted but apparently this doesnt:

#include <stdio.h>

int main(void) {
  int foo[2] = {1, 2};
  printf("%d", foo[3]);
}
realTronsi (906)

@firefish

#include <stdio.h>

int main(void) {
  int foo[2] = {1, 2};
  printf("%d", foo[2]);
}

interesting result

firefish (998)

@realTronsi Well, the randomness occurs at compile-time, in the form of how to arrange the binary, rather than at runtime.

firefish (998)

@realTronsi is 4195632 interesting at all?

realTronsi (906)

@firefish what? I don't see how pseudorandomness can occur from compiling?

realTronsi (906)

@firefish not sure what it comes from, doesn't change from manipulating the list

firefish (998)

@realTronsi Ah, just realised. clang does things differently than to gcc.

firefish (998)

@realTronsi I know, the clang version works as expected however the gcc one does not

firefish (998)

@realTronsi @fuzzyastrocat Nightmare code: malloc bomb + fork bomb

realTronsi (906)

@firefish what is that syntax highlighting ewww

firefish (998)

@realTronsi my theme, thanks for reminding me that it is not normal syntax highlighting

fuzzyastrocat (1511)

@RohilPatel Please actually cover node's strength and main use case: writing server applications.

realTronsi (906)

@fuzzyastrocat and also having simultaneously the worst and best package manager

RohilPatel (1534)

Data passing is where you send something from the backend to the front end.

 app.get('/', (_, res) => {
  res.render('index', {
    x: 5,
    y: 6,
    z: 9
  }
}
<%= x %> <!-- Returns "5" -->

@realTronsi

realTronsi (906)

oh, just cover templating engines instead then @RohilPatel

fuzzyastrocat (1511)

@RohilPatel Uh, where? All I see in the tutorial is modules.

fuzzyastrocat (1511)

@RohilPatel The point of a tutorial is to explain how to do something. Nowhere in this tutorial does it explain anything about how to do server-side things.