Tutorial create sample static website using Node.js

in #utopian-io • 7 years ago (edited)

Description

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world. in this video below, i explain how to creating sample static website using node.is.

What Will I Learn?

  • How to create about, contact, home and convert it to html.
  • How to create server function, request, response etc.
  • How to combine about, contact, and home in one node.js server.
  • Checking the active status of node.js with Command Prompt.
  • Creating localhost.

Requirements

Write here a bullet list of the requirements for the user in order to follow this video tutorial.

  • System Requirements: Program Install Support Install and Uninstall
  • System Requirements: No special requirements
  • OS Support : C, C++, JavaScript Operating system Linux, macOS, Solaris, FreeBSD, OpenBSD, Microsoft Windows (older versions require Cygwin), webOS, NonStop OS
  • Written in : C, C++, JavaScript

Information

Read more - [Wikipedia

Node.js - blog](url)

Difficulty

  • Intermediate

Tutorial Contents

the tools we need are

  • Node.js
  • Notepad ++, this is useful for editing html type files
  • Command Prompt, to give commands and check status

after having the following tools let's start the tutorial

1523295136789.png

  • the first step is to create a folder with the name according to your needs, then open the folder and create again a new folder, as in the photo above for example, I created a folder on the desktop.
    1523295145554.png

1523295153530.png

  • then open the new folder, and create 3 new text document, then change the text document format to html. here I created a file with html format with the name about, contact, and home. you can see the photo above.

1523295487195.png

  • then open the html file using Notepad ++ to create the html framework, do one by one of the three html files. then make the contents of the file about html and save, you can see the photo above.
    1523295500744.png

1523295514551.png

then continue by opening the contact.html and home.html files. then create contents like the photo above and save

1523295698121.png

1523295711177.png

  • after you save and return to the main folder, here I use sample-folder website as the main folder, then create the text document again and change the format to js. edit the file format .js like in the photo above then save.

1523295857400.png

  • Then to test the html we use Command Prompt, you can find the command prompt program on the Start menu and Search Command Prompt. Give cd desktop command on command prompt, then cd sample-website (name your main folder), then node sample website.js. If the way and the code you use is correct it will look like the photo above

1523295868426.png
Then continue by creating localhost on the static-website.js file. and you can change listen code to as needed. here I change listen to 8654. you can see the example of the localhost manufacture like the photo above. then save

1523295886532.png
Then check the activation of localhost at the command prompt, if true then it will look like the photo above, and you can directly google to see the result, type "localhost: 8654" on google and it will look like the photo below :
1523295898034.png

Curriculum

this is my first tutorial on Node is.

Thank you for reading a tutorial!


Posted on Utopian.io - Rewarding Open Source Contributors

#otopian-io #tutorial #nodejs #philippines
7 years ago in #utopian-io by
$0.00
    42 votes
    Reply 4
    Sort:  
  • Trending
    • Loading...
    [-]
     7 years ago 

    Your contribution cannot be approved because it does not follow the Utopian Rules.

    Explanation:

    • you've used either a self-created GitHub repo with a misspelling of Utopian /otopian-io and the user anzuwanda which is probably a non-verifiable username from yourself. In any case, creating a repository in this case doesn't make any sense;
    • the Description sectioncontains copy-pasted content about what node.js is;
    • the requirements section contains errors (nodeJS is written in C, C++ and JS but your tutorial is not, that's bogus info);
    • the Information section contains even more irrelevant info and errors;
    • the only part about nodeJS is 1 screenshot in which you have dropped http.createServer() and getStaticFileContent() without any explanation: that was supposed to be the core of your nodeJS tutorial, right?

    You can contact us on Discord.
    [utopian-moderator]

    $0.51
    • Past Payouts $0.51
    • - Author $0.38
    • - Curators $0.13
    1 vote
    Reply
    [-]
     7 years ago 

    Congratulations! This post has been upvoted from the communal account, @minnowsupport, by mpit from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

    If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
    Be sure to leave at least 50SP undelegated on your account.

    $0.00
      Reply
      [-]
       7 years ago 

      This post has received a 0.37 % upvote from @booster thanks to: @postp.

      $0.00
        Reply