Your SlideShare is downloading. ×
0
Desarrollo Full Stack Javascript !
MEAN
• Desarrollo en JavaScript de principio a fin: Frontend,
Backend y Base de Datos.
•...
MongoDB
• Base de datos no relacional (NoSQL)
• Orientada a documentos
• Javascript based query syntax
• Formato BSON: Bin...
MongoDB
• Objeto JSON guardado internamente como BSON
• Flexible
• Está compuesto por campos, sin un formato predefinido
• ...
MongoDB
• CRUD: insert, find, update, remove
• Operadores condicionales: $gt, $lt, $gte, $lte
• $or, $not, $in, $in
• Expre...
A programar!
npm install -g yo!
npm install -g generator-angular-fullstack!
yo angular-fullstack
Node.js
• Javascript en el backend
• Basado en el motor V8
• Orientado a eventos, asíncrono, no bloqueante
• Todo tu códig...
ExpressJS
• Framework por encima de NodeJS
• Aporta todo lo necesario para crear un servidor web
• Middleware, routing, te...
ExpressJS
Configuración
ExpressJS
Rutas
ExpressJS
Middleware
ExpressJS
Y mucho mas…
• View rendering
• Template engines
• Sesiones (cookies, redis…)
• Manejo de errores
• ……
AngularJS
• Framework Javascript
• MVC
• Inyección de dependencias
• Pensado para ser probado (Karma)
• Two-way data bindi...
AngularJS
Modelo Vista Controlador
Lógica de negocio para interactuar con la vista
AngularJS
Otros conceptos importantes
• Modulos
• Servicios:
• Factory, Service, Constant, Value
• Singleton
• Reutilizabl...
Raúl Novoa!
Co-founder at @10labs & @fidelizoo
Javascript Developer/iOS Developer
@raul_novoa
http://linkedin.com/in/raulno...
Upcoming SlideShare
Loading in...5
×

Full Stack Javascript (MEAN) (Betabeers ZGZ)

708

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
708
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
22
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "Full Stack Javascript (MEAN) (Betabeers ZGZ)"

  1. 1. Desarrollo Full Stack Javascript ! MEAN • Desarrollo en JavaScript de principio a fin: Frontend, Backend y Base de Datos. • El acrónimo MEAN viene de (M)ongo + (E)xpress + (A)ngular + (N)ode ! • Mismo lenguaje, mismos objetos: {“_id”:ObjectId(“5333f43ca1edc7794c8c134f”), “username”:”joe”} {“_id”:“5333f43ca1edc7794c8c134f”, “username”:”joe”} {“_id”:“5333f43ca1edc7794c8c134f”, “username”:”joe”}
  2. 2. MongoDB • Base de datos no relacional (NoSQL) • Orientada a documentos • Javascript based query syntax • Formato BSON: Binary JSON • Schema-less • Permite consultas avanzadas • Preparado para escalar horizontalmente Conceptos básicos! ! • Database ====> Database ! • Table ====> Collection ! • Record ====> Document
  3. 3. MongoDB • Objeto JSON guardado internamente como BSON • Flexible • Está compuesto por campos, sin un formato predefinido • Soporta subdocumentos y arrays ! Esto es un documento: ¿Qué es un documento?
  4. 4. MongoDB • CRUD: insert, find, update, remove • Operadores condicionales: $gt, $lt, $gte, $lte • $or, $not, $in, $in • Expresiones regulares db.users.find({"name" : /joe/i}) • Operaciones sobre arrays: $all, $size, $slice, $push, $pull • Consultas sobre documentos embebidos • Limit, skip, sorts • ….. Operaciones
  5. 5. A programar! npm install -g yo! npm install -g generator-angular-fullstack! yo angular-fullstack
  6. 6. Node.js • Javascript en el backend • Basado en el motor V8 • Orientado a eventos, asíncrono, no bloqueante • Todo tu código se ejecuta en un único thread…. • …aunque todo se ejecuta en paralelo, salvo tu código
  7. 7. ExpressJS • Framework por encima de NodeJS • Aporta todo lo necesario para crear un servidor web • Middleware, routing, templating, static-files, cookies, tokens… • Perfecto para crear API REST de forma sencilla • Inspirado en Sinatra (Ruby) • Asíncrono
  8. 8. ExpressJS Configuración
  9. 9. ExpressJS Rutas
  10. 10. ExpressJS Middleware
  11. 11. ExpressJS Y mucho mas… • View rendering • Template engines • Sesiones (cookies, redis…) • Manejo de errores • ……
  12. 12. AngularJS • Framework Javascript • MVC • Inyección de dependencias • Pensado para ser probado (Karma) • Two-way data binding
  13. 13. AngularJS Modelo Vista Controlador Lógica de negocio para interactuar con la vista
  14. 14. AngularJS Otros conceptos importantes • Modulos • Servicios: • Factory, Service, Constant, Value • Singleton • Reutilizables • Inyectables • Filtros • Directivas (Manipulación del DOM)
  15. 15. Raúl Novoa! Co-founder at @10labs & @fidelizoo Javascript Developer/iOS Developer @raul_novoa http://linkedin.com/in/raulnovoa
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×