Introduction of node.js NPM Node JS Express JS Working with Database Basic Node JS Examples U: www.knowarth.com E: contact@knowarth.com

1. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
By Chintan Gajjar
Node JS
© 2014 KNOWARTH

2. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
• Introduction of node.js
• NPM
• Node JS
• Express JS
• Working with Database
• Basic Node JS Examples
Agenda For Today
2© 2014 KNOWARTH

3. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
• Presented a project by Ryan Dahl
• Platform that combined Google’s V8 JavaScript
engine
• Turned the difficult task of writing event-driven server-
side applications into an easy one.
• Non-blocking infrastructure
• Easily construct fast and scalable network services.
• Download the Node.js source code or a pre-built
installer from http://nodejs.org/download/
Introduction of node.js
3© 2014 KNOWARTH

4. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
Installation of node
4© 2014 KNOWARTH

5. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
NPM
© 2014 KNOWARTH

6. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
• NPM maintains a centralized repository of public
modules, which you can browse at
http://search.npmjs.org
• Using NPM to Install, Update, and Uninstall Packages
• NPM has two main modes of operation: global and
local.
NPM
6© 2014 KNOWARTH

7. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
NPM
7© 2014 KNOWARTH

8. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
• Installing a Module
• $ npm install <package name>
Example : npm install express
• $ npm install <package name>@<version spec>
• $ npm uninstall <package name>
• $ npm uninstall -g <package name>
• $ npm update <package name>
• $ npm update –g <package name>
• Resolving Dependencies.
NPM
© 2014 KNOWARTH

9. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
Node JS
© 2014 KNOWARTH

10. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
10
Why Node JS?
• Node is simple JavaScript.
• Easy it is to get started using.
• Developers tool for working in the non-blocking, event-
driven I/O paradigm.
• Web applications with real-time, two-way connections.
• Querying, Reading from, and Writing to Files.
• Creating and Controlling External Processes
• Reading and Writing Streams of Data
© 2014 KNOWARTH

11. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
11
Traditional
© 2014 KNOWARTH

12. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
12
Node.js
© 2014 KNOWARTH

13. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
13
What can node do?
• Building TCP Servers
• Building HTTP Servers
• Building a TCP Client
• Making HTTP Requests
• Using Datagrams (UDP)
• Securing Your TCP Server with TLS/SSL
• Securing Your HTTP Server with HTTPS
• Testing Modules and Applications
• Controlling the Call back Flow
© 2014 KNOWARTH

14. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
Express JS
© 2014 KNOWARTH

15. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
15
Express.js
 Till now we just saw application in a single file.
 But now what if we want to create a whole application?
 We need something for sure..
 Current scenario:
 No organized file structure, No Modular code, No MVC
architecture, No Routes.
 what will happen: Each time the page loads, everything will
be rerendered again such as the payload, storing sessions
and more.
 That's where express is used.
© 2014 KNOWARTH

16. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
16
Express.js
 Benefits
 File structure
 MVC implementation
 Routings
 Views and Templating
© 2014 KNOWARTH

17. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
17
Express.js
• Express is a popular web application framework for node.
• It simplifies the web server setup – including routing for
static files.
• Creates a directory structure as a start point for organising
your code.
Installing Express
npm install -g express
With Express 4.0 you need to add express-generator
npm install -g express-generator
© 2014 KNOWARTH

18. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
18
Features of Express JS
• Redirection helpers
• Dynamic view helpers
• Application level view options
• View rendering and partials support
• Executable for generating applications quickly
Express is one of the Key Components in Mean.Io
[M-Mongo, E-Express, A-Angular, N-Node]
© 2014 KNOWARTH

19. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
19
Example of Express.js
var express = require('express');
l var app = express();
l app.get('/', function(req, res) {
l res.sendfile('./views/index.html');
l });
l app.get('/about', function(req, res) {
l res.sendfile('./views/about.html');
l });
l app.get('/article', function(req, res) {
l res.sendfile('./views/article.html');
l });
l app.listen(3000);
© 2014 KNOWARTH

20. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
Working with database
© 2014 KNOWARTH

21. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
21
Working with Database
 Connecting to MySQL databases from Node
l var mysql = require('mysql');
l var client = mysql.createClient({
l host: 'localhost',
l user: 'root',
l password: 'root'
l });
© 2014 KNOWARTH

22. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
22
Working with Database
• Connecting to Mongo DB Using Mongoose
Steps:
• Installing and using Mongoose
• Defining schemas and models
Example:
var mongoose = require('mongoose');
var UserSchema = new mongoose.Schema({
username: String,
name: String,
password: String
});
© 2014 KNOWARTH

23. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
Query & Questions
© 2014 KNOWARTH

24. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
THANK YOU
© 2014 KNOWARTH

25. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
By Chintan Gajjar
Collaboration Report
© 2014 KNOWARTH

26. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
26
Work Done
• Blog
• Single Page Applications (Parth Ghiya)
Total Views : 1560
Likes/Comments : 173
Shares : 14
• Meetups
• Ahmedabad Liferay - Pritesh Shah, Gaurav Barot, Amij
Patel
• Ahmedabad JS - Amij Patel, Chintan Gajjar, Parth
Ghiya, Dinesh Radadiya
© 2014 KNOWARTH

27. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
27
Upcoming Tech-Talks
• Hibernate
• Mongo DB
• Bootstrap CSS/Jquery
• Angular JS
• Express JS
• Mean.io
• Liferay Administration
• Spring MVC
• Hadoop
• GIT
• Amazon Web Services
• Linux Fundamentals
• React JS
© 2014 KNOWARTH

28. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
28
Upcoming Contributions
• Reusable components
• Jquery Plugin which disables an event on the selectors
passed (Dinesh Radadiya)
• Backbone plugin helpful in rendering all the templates
(Parth Ghiya, Chintan Gajjar)
• Blogs
• Single Page Applications Continued (Parth Ghiya)
• Responsive Designing (Shreel Desai & Jay Gajjar)
• A Blog on ERP (Pritesh Shah)
© 2014 KNOWARTH

29. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
29
Upcoming Contributions
• Case Studies
• Computer Assisted Coding (Parth Ghiya)
• ERP & HR Solutions Using Idempiere (Pritesh Shah)
• Meetup
• Ahmedabad JS - Topic: Responsive Web Designing &
Mobile first
• Community Contributions
• Meeting Management Portlet (Samir Bhatt)
• Liferay Theme (Chintan Gajjar, Shreel Desai, Jay Gajjar)
© 2014 KNOWARTH

30. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
30
Upcoming Contributions
• Case Studies
• Computer Assisted Coding (Parth Ghiya)
• ERP & HR Solutions Using Idempiere (Pritesh Shah)
• Meetup
• Ahmedabad JS - Topic: Responsive Web Designing &
Mobile first
• Community Contributions
• Meeting Management Portlet (Samir Bhatt)
• Liferay Theme (Chintan Gajjar, Shreel Desai, Jay
Gajjar)
© 2014 KNOWARTH

31. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
31
Upcoming Contributions
• Case Studies
• Computer Assisted Coding (Parth Ghiya)
• ERP & HR Solutions Using Idempiere (Pritesh Shah)
• Meetup
• Ahmedabad JS - Topic: Responsive Web Designing &
Mobile first
• Community Contributions
• Meeting Management Portlet (Samir Bhatt)
• Liferay Theme (Chintan Gajjar, Shreel Desai, Jay
Gajjar)
© 2014 KNOWARTH

32. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
32
Upcoming Contributions
• Book
• Hadoop Backup Recovery & Solution(Amij Patel, Gaurav
Barot, Chintan Mehta)
• Certifications
• Keyur Ranpura Obtained Following Certifications
• AWS Business Professional Course.
• AWS Technical Professional Course.
Congratulations Keyur...!!!!
© 2014 KNOWARTH

33. SLIDE TITLE
 Click to edit Master text styles
 Second level
 Third level
 Fourth level
 Fifth level
THANK YOU
© 2014 KNOWARTH