SlideShare a Scribd company logo
1 of 17
Download to read offline
AngularJS
Angular + Node/Express + MongoDB
Brent Goldstein
brent@kubilateam.com
Full JS Stack
Back Story
● Build a prototype web app
○ Why? -- Learn new technologies, act like a startup
● Focused on SMB enterprise use-cases
○ Lots of data to visualize, manage
● What technologies to pick?
○ Client
○ Server
○ Database
Strategy for picking Technologies
Go with what works -- for you
You’ll need to learn new stuff, it should be fun
If it seems like it does not fit, you can try something else
If you’re a perfectionist, you’re done for
You’ll know when it ‘feels right enough’ and stuff flows
Caveat -- This works for me, figure out your strategy
Client? Lots of choices, but only a few
- I’m a software guy, needs to be like software
- Must have good data-binding
- I’m not really into Java (yes, really)
Ruby/Rails?
- I’ve done Ruby (ok, but review options...)
Javascript Client Frameworks?
- AngularJS
- Ember
Javascript? Really?
Hey, I’ve never coded Javascript.
Is this a language for ‘real’ software?
The answer is……. (let’s diverge for a moment)
Pick a server?
I already said I’m not into Java (really)
OK, so what now?
Well, it needs to be
- Lightweight, FAST
- OpenSource, Manageable
Uhhh yep -- Node.js (more Javascript….)
Node + Express
So, you’re saying I should write my own server
with Node.js?
Yes, definitely. Because Express is frickn’ brilliant
var express = require('express'),http = require('http');
var app = express();
app.use(express.static(path.join(__dirname, 'public')));
http.createServer(app).listen(app.get('port'), function(){
console.log('listening on port ' + app.get('port'));
});
Static file server in a few lines...
Databases, databases
A couple of considerations
- Development, iteration effort
- SQL schema migration and admin is a pain (to me)
Data pipelining
- How will the client model data?
- ORM kinda sucks
Should this be the first slide in the deck?
Crap, another slide on databases
NoSQL pro/con
- Align structure with application model
→ less complex code, probably more performant
- Can’t use relational schema models
→ Well, I’m totally OK with this
- Must learn ‘collections’ and working w/o joins
→ I’m OK with this too
- Fast read performance with right ‘schema’
→ I’m really OK with this
Yet another @#(*! slide on databases
NoSQL Choices?
- Proven in commercial apps
- Good community acceptance/support
- I’m no expert, so just pick one to start
with good Node.js support
Let’s go with MongoDB (at least try it)
Where are we at?
Node.JS and MongoDB for the server side.
These are both Javascript. Well, Mongo is very
Javascript compatible, JSON data
Now I’m definitely into a pure JS client
framework. Which one?
Uhh, try AngularJS. Why? Gut feel after
investigating both, it seems more like software.
Stack Data Pipeline
MongoDB
- JSON data works great → Modeled for the app needs
Server talks to Mongo
- Aggregate / join data
- JSON data works great → NO ORM
- Return through a pure REST api
AngularJS client
- Talks to server only via REST api, never to Mongo
- JSON data works great → NO ORM
Back to that Javascript thing
Javascript is a good core language
Very simple syntax, don’t let this fool you
(an aside, complex syntax does not a good language make)
Closures are super powerful in an event based
asynchronous environment
And, it’s not just the language, it’s the
ecosystem.
Javascript Client Server Similarities
Browsers operates as
- single threaded, event driven, asynchronous
Node.js runs V8 engine Holy crap, it’s the same
- single threaded, event driven, asynchronous
Learn asynchronous Javascript programming
with Angular + Node.js at the same time
Start thinking ‘closure’
Javascript and Node Packages
Huge capability from the NPM Registry
NPM == Node Package Manager
https://npmjs.org/
Some favorites:
- mongodb (mongoDB driver)
- express (web server framework)
- xml2js (xml parser)
- async (synchronizing constructs, serial, parallel)
- aws-sdk (integrate with AWS S3, CloudFront, etc)
Deployment
Again, use what works for your situation
For me, PaaS to start with low admin overhead
- Heroku -- Supports node servers
- MongoLab -- Hosted MongoDB
Both have free tiers for development, and scale
up for true production
thanks
contact: brent@kubilateam.com

More Related Content

Viewers also liked

Fuga dalla Comfort Zone
Fuga dalla Comfort ZoneFuga dalla Comfort Zone
Fuga dalla Comfort ZoneNicola Iarocci
 
Hands on django part 1
Hands on django part 1Hands on django part 1
Hands on django part 1MicroPyramid .
 
Diabetes and Me: My Journey So Far
Diabetes and Me: My Journey So FarDiabetes and Me: My Journey So Far
Diabetes and Me: My Journey So FarJason Myers
 
Filling the flask
Filling the flaskFilling the flask
Filling the flaskJason Myers
 
Intro python-object-protocol
Intro python-object-protocolIntro python-object-protocol
Intro python-object-protocolShiyao Ma
 
Python Static Analysis Tools
Python Static Analysis ToolsPython Static Analysis Tools
Python Static Analysis ToolsJason Myers
 
Introduction to SQLAlchemy and Alembic Migrations
Introduction to SQLAlchemy and Alembic MigrationsIntroduction to SQLAlchemy and Alembic Migrations
Introduction to SQLAlchemy and Alembic MigrationsJason Myers
 
Coderfaire Data Networking for Developers
Coderfaire Data Networking for DevelopersCoderfaire Data Networking for Developers
Coderfaire Data Networking for DevelopersJason Myers
 
RESTful Web API and MongoDB go for a pic nic
RESTful Web API and MongoDB go for a pic nicRESTful Web API and MongoDB go for a pic nic
RESTful Web API and MongoDB go for a pic nicNicola Iarocci
 
Flask - Python microframework
Flask - Python microframeworkFlask - Python microframework
Flask - Python microframeworkAndré Mayer
 
Introduction to SQLAlchemy ORM
Introduction to SQLAlchemy ORMIntroduction to SQLAlchemy ORM
Introduction to SQLAlchemy ORMJason Myers
 
Eve - REST API for Humans™
Eve - REST API for Humans™Eve - REST API for Humans™
Eve - REST API for Humans™Nicola Iarocci
 
We Are All Remote Workers
We Are All Remote WorkersWe Are All Remote Workers
We Are All Remote WorkersNicola Iarocci
 
The Full Stack Deisgner Manifesto
The Full Stack Deisgner ManifestoThe Full Stack Deisgner Manifesto
The Full Stack Deisgner ManifestoRan Segall
 
REST Web API with MongoDB
REST Web API with MongoDBREST Web API with MongoDB
REST Web API with MongoDBMongoDB
 
Impact of Restful Web Architecture on Performance and Scalability
Impact of Restful Web Architecture on Performance and ScalabilityImpact of Restful Web Architecture on Performance and Scalability
Impact of Restful Web Architecture on Performance and ScalabilitySanchit Gera
 
Web develop in flask
Web develop in flaskWeb develop in flask
Web develop in flaskJim Yeh
 
Selenium testing
Selenium testingSelenium testing
Selenium testingJason Myers
 

Viewers also liked (20)

CoderDojo Romagna
CoderDojo RomagnaCoderDojo Romagna
CoderDojo Romagna
 
Fuga dalla Comfort Zone
Fuga dalla Comfort ZoneFuga dalla Comfort Zone
Fuga dalla Comfort Zone
 
Hands on django part 1
Hands on django part 1Hands on django part 1
Hands on django part 1
 
Diabetes and Me: My Journey So Far
Diabetes and Me: My Journey So FarDiabetes and Me: My Journey So Far
Diabetes and Me: My Journey So Far
 
Filling the flask
Filling the flaskFilling the flask
Filling the flask
 
Intro python-object-protocol
Intro python-object-protocolIntro python-object-protocol
Intro python-object-protocol
 
Python Static Analysis Tools
Python Static Analysis ToolsPython Static Analysis Tools
Python Static Analysis Tools
 
Online / Offline
Online / OfflineOnline / Offline
Online / Offline
 
Introduction to SQLAlchemy and Alembic Migrations
Introduction to SQLAlchemy and Alembic MigrationsIntroduction to SQLAlchemy and Alembic Migrations
Introduction to SQLAlchemy and Alembic Migrations
 
Coderfaire Data Networking for Developers
Coderfaire Data Networking for DevelopersCoderfaire Data Networking for Developers
Coderfaire Data Networking for Developers
 
RESTful Web API and MongoDB go for a pic nic
RESTful Web API and MongoDB go for a pic nicRESTful Web API and MongoDB go for a pic nic
RESTful Web API and MongoDB go for a pic nic
 
Flask - Python microframework
Flask - Python microframeworkFlask - Python microframework
Flask - Python microframework
 
Introduction to SQLAlchemy ORM
Introduction to SQLAlchemy ORMIntroduction to SQLAlchemy ORM
Introduction to SQLAlchemy ORM
 
Eve - REST API for Humans™
Eve - REST API for Humans™Eve - REST API for Humans™
Eve - REST API for Humans™
 
We Are All Remote Workers
We Are All Remote WorkersWe Are All Remote Workers
We Are All Remote Workers
 
The Full Stack Deisgner Manifesto
The Full Stack Deisgner ManifestoThe Full Stack Deisgner Manifesto
The Full Stack Deisgner Manifesto
 
REST Web API with MongoDB
REST Web API with MongoDBREST Web API with MongoDB
REST Web API with MongoDB
 
Impact of Restful Web Architecture on Performance and Scalability
Impact of Restful Web Architecture on Performance and ScalabilityImpact of Restful Web Architecture on Performance and Scalability
Impact of Restful Web Architecture on Performance and Scalability
 
Web develop in flask
Web develop in flaskWeb develop in flask
Web develop in flask
 
Selenium testing
Selenium testingSelenium testing
Selenium testing
 

Recently uploaded

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 

Recently uploaded (20)

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 

AngularJS with Node.js and MongoDB

  • 1. AngularJS Angular + Node/Express + MongoDB Brent Goldstein brent@kubilateam.com Full JS Stack
  • 2. Back Story ● Build a prototype web app ○ Why? -- Learn new technologies, act like a startup ● Focused on SMB enterprise use-cases ○ Lots of data to visualize, manage ● What technologies to pick? ○ Client ○ Server ○ Database
  • 3. Strategy for picking Technologies Go with what works -- for you You’ll need to learn new stuff, it should be fun If it seems like it does not fit, you can try something else If you’re a perfectionist, you’re done for You’ll know when it ‘feels right enough’ and stuff flows Caveat -- This works for me, figure out your strategy
  • 4. Client? Lots of choices, but only a few - I’m a software guy, needs to be like software - Must have good data-binding - I’m not really into Java (yes, really) Ruby/Rails? - I’ve done Ruby (ok, but review options...) Javascript Client Frameworks? - AngularJS - Ember
  • 5. Javascript? Really? Hey, I’ve never coded Javascript. Is this a language for ‘real’ software? The answer is……. (let’s diverge for a moment)
  • 6. Pick a server? I already said I’m not into Java (really) OK, so what now? Well, it needs to be - Lightweight, FAST - OpenSource, Manageable Uhhh yep -- Node.js (more Javascript….)
  • 7. Node + Express So, you’re saying I should write my own server with Node.js? Yes, definitely. Because Express is frickn’ brilliant var express = require('express'),http = require('http'); var app = express(); app.use(express.static(path.join(__dirname, 'public'))); http.createServer(app).listen(app.get('port'), function(){ console.log('listening on port ' + app.get('port')); }); Static file server in a few lines...
  • 8. Databases, databases A couple of considerations - Development, iteration effort - SQL schema migration and admin is a pain (to me) Data pipelining - How will the client model data? - ORM kinda sucks Should this be the first slide in the deck?
  • 9. Crap, another slide on databases NoSQL pro/con - Align structure with application model → less complex code, probably more performant - Can’t use relational schema models → Well, I’m totally OK with this - Must learn ‘collections’ and working w/o joins → I’m OK with this too - Fast read performance with right ‘schema’ → I’m really OK with this
  • 10. Yet another @#(*! slide on databases NoSQL Choices? - Proven in commercial apps - Good community acceptance/support - I’m no expert, so just pick one to start with good Node.js support Let’s go with MongoDB (at least try it)
  • 11. Where are we at? Node.JS and MongoDB for the server side. These are both Javascript. Well, Mongo is very Javascript compatible, JSON data Now I’m definitely into a pure JS client framework. Which one? Uhh, try AngularJS. Why? Gut feel after investigating both, it seems more like software.
  • 12. Stack Data Pipeline MongoDB - JSON data works great → Modeled for the app needs Server talks to Mongo - Aggregate / join data - JSON data works great → NO ORM - Return through a pure REST api AngularJS client - Talks to server only via REST api, never to Mongo - JSON data works great → NO ORM
  • 13. Back to that Javascript thing Javascript is a good core language Very simple syntax, don’t let this fool you (an aside, complex syntax does not a good language make) Closures are super powerful in an event based asynchronous environment And, it’s not just the language, it’s the ecosystem.
  • 14. Javascript Client Server Similarities Browsers operates as - single threaded, event driven, asynchronous Node.js runs V8 engine Holy crap, it’s the same - single threaded, event driven, asynchronous Learn asynchronous Javascript programming with Angular + Node.js at the same time Start thinking ‘closure’
  • 15. Javascript and Node Packages Huge capability from the NPM Registry NPM == Node Package Manager https://npmjs.org/ Some favorites: - mongodb (mongoDB driver) - express (web server framework) - xml2js (xml parser) - async (synchronizing constructs, serial, parallel) - aws-sdk (integrate with AWS S3, CloudFront, etc)
  • 16. Deployment Again, use what works for your situation For me, PaaS to start with low admin overhead - Heroku -- Supports node servers - MongoLab -- Hosted MongoDB Both have free tiers for development, and scale up for true production