Skip to main content

NodeJS: Command

Framework

- Node JS is run time environment. Non-blocking, asynchronous (done through event looping). No wait for previous result, next event handle. (Event loop helps for asynchronous. callback will be in queue, this cycle is called event loop.)
- Events and handling events (mongoose->connection, every events triggers something. eg. click event triggers. event based architecture -> we can take anything as events.)
- Node CLI (terminal -> node(>) REPL(Read, Evaluate, Print, Loop).) eg: >4+4 >8
- With OSI (Open System Interconnection) Model, we can work
Example:
Image result for osi model

Source: https://www.geeksforgeeks.org/layers-of-osi-model/

- Software Development Architecture (Engineering) 
- MVC (Model View Controller) web outline
-The framework provides important available material, outline to build application.
- API framework (Application Programming Interface)

# Desktop Framework
- Electron, NW.js, APPJS, Meteor, Proton Native
#Mobile Framework
- PhoneGap / Cordova, Titanium, jQuery Mobile, Sencha Touch, React Native
#API Development (JS) Framework
- Sails.js, Express.js, Hapi.js, actionHero.js, Total.js, LoopBack, Meteror, restify, Molecular, Koa.js, frisby, facet, Gagamarket.
#AI Framework (Artificial Intelligence) Framework
- Brain.js, synaptic, Neatapic, Convnet.js, Deeplearn.js, Tensorflow, Deep playground, Compromise, Neuro.js, mljs, Mind, Keras Js, LandLines
# Web Framework
- 3 tier application
- MVC (Model -> DB, View -> HTML, Controller ->Bind) (Model -> Controller -> View)
- Controller stars comunication between Model and View
- Web app is an application program that is stored on a remote server and delivered over the internet through a browser interface.

 1. npm -v (Check npm (node package manager) Version)
2. npm init(to start project and create package.json: info about name, version, author, every point)
3. npm install <pkg_name> --save (copy or clone package to our local project, save it as dependency in package.json)
Note: https://www.npmjs.com/

 Files and folder info
  • package-lock.json: auto created file which includes dependencies object with keyvalue pair.
  • node_modules: folder where package from npmjs repo are locally installed.
  • package.json: includes names, description, author, project detail.
Error debug (error while NPM module installation)
1. rm -rf node_modules
2. npm cache verify
3. reinstall


Comments

Post a Comment

Popular posts from this blog

Deploy react app on digitalocean using nginx

Source:  https://www.learnwithjason.dev/blog/deploy-nodejs-ssl-digitalocean/ Source:  https://www.digitalocean.com/community/tutorials/how-to-set-up-nginx-server-blocks-virtual-hosts-on-ubuntu-16-04 Source:  https://www.youtube.com/watch?v=vRrhQwNixlc https://www.youtube.com/watch?v=pyxXCwgWdMw https://dev.to/xarala221/the-easiest-way-to-deploy-a-react-web-application-2l8a 1. Create a new droplet on DigitalOcean. Choose the $5/month option with Ubuntu 16.04.1 x64. Select a region closest to your users. 2. Finally, add your SSH key and ls -la ~/.ssh # This copies the key so you can paste with command + V pbcopy < ~/.ssh/id_rsa.pub # This prints it in the command line for manual copying cat ~/.ssh/id_rsa.pub   3.  Add your SSH key to the droplet Click “Add SSH Key” to save it, then make sure it’s selected, name your droplet, and hit the big “Create” button to get your server online. Your n...
Post a Comment
Read more

Github Tutorial

GitHub brings together the world's largest community of developers to discover, share, and build better software. Delivered through software as a service(SAAS) business model 2008 by linus (Owner: Microsoft)  #Create New Repository in Github New Repository Add Repository Name and description Public / Private, initialize this repo with Read Me Create repository create a new repository on the command line echo "#test" >> README.md git init git add README.md git commit -m "first commit" git remote add origin https://github.com/sinuna/test.git git push -u origin master …or push an existing repository from the command line git remote add origin https://github.com/sinuna/firstRepository.git git push -u origin master …or import code from another repository You can initialize this repository with code from a Subversion, Mercurial, or TFS project. Initialize Repo $ git init Clone Repo $ git clone https://github.com...
Post a Comment
Read more

Wordpress React Theme Development

1) Download wordpress file from https://wordpress.org/download/ 2) Open xampp, wamp or openserver. I will show with xampp server. Also Xampp server recommended too. 3) Add wordpress folder to htdocs folder (for xampp) 4) cd xampp\htdocs\wordpress\wp-content\themes 5) npx create-react-wptheme react_theme 6) cd react_theme/react-src 7) yarn start 8) go to wp-admin dashboard change worpdress theme to react_theme 9) again yarn start 10) yarn build App.js http://localhost/wordpress_react/?rest_route=/wp/v2/posts import React , { Component } from 'react' ; class App extends Component { constructor ( props ){ super ( props ); this . state = { data : [] } } componentDidMount () { return fetch ( `http://localhost/wordpress_react/?rest_route=/wp/v2/posts` ) . then (( response ) => response . json ()) . then (( responseJson ) => { this . setState ({ data : ...
Post a Comment
Read more