3. ¿Que es Node.js?
-Plataforma de desarrollo de software creada en 2009
-Basado en el motor de Google Chrome(V8)
-es open source
-es asíncrono y orientado a eventos
-buen soporte para aplicaciones en tiempo real
4. - V8 compila el código a maquina y no a bitecode
- Buen rendimiento y escalable
- Un solo lenguaje para el mismo stack
- Asíncrono
- Comunidad activa
¿Por que usar Node?
8. Las aplicaciones de node
Pasan tareas asíncronas al
bucle de eventos,junto con
una devolución de llamada
El bucle de eventos gestiona
eficientemente un grupo de subprocesos y
ejecuta la tarea
de manera eficiente
Y devuelve la llamada
como tarea completa
request request
Event Loop
10. ¿que es NPM?
manejo de dependencias o módulos en node.js,
los uso más comunes son para:
-Publicar
-Descubrir
-Instalar
-Desarrollar programas en node
Es la herramienta perfecta y necesaria en cuando a manejo
de dependencias se refiere.
http://www.npmjs.com
12. ¿Que es Express?
Express es el Framework por default para
Trabajar con node
Npm install -S express
Const express = require(‘express’);
Let app = express();
14. Mongo es una base de datos no relacional (NoSQL) de código
abierto que guarda los datos en documentos tipo JSON
(JavaScript Object Notation) pero en forma binaria (BSON) para
hacer la integración de una manera más rápida. Se pueden
ejecutar operaciones en JavaScript en su consola en lugar de
consultas SQL. Además tiene una gran integración con Node.js
con los driver propio y con Mongoose. Debido a su flexibilidad
es muy escalable y ayuda al desarrollo ágil de proyectos web.
16. Conección a la base de datos
//importamos mongoose
Var mongoose = require(‘mongoose’);
// nos conectamos a la DB
Mongoose.connect(‘mongodb://localhost/test’);
17. Creando modelos con Mongoose
// importamos el modulo de mongoose
Var mongoose = require(‘mongoose’);
// pasamos el Schema de mongoose en una variable
Var Schema = mongoose.Schema;
//creamos el schema para el modelo
Var modelo = new Schema({
Nombre: String,
Apellido: String,
Edad: Number
});
// convertimos el schema en un modelo
var data = mongoose.model('data', modelo);
18. query’s de consulta
// busqueda de todos los registros
Data.find(function(){});
// busqueda de registro por ID
Data.findById(function(){});
//busqueda de un solo elemento
Data.findOne({param:param},function(){});
21. Directivas
ng-app es la directiva principal de AngularJS.
Determina el elemento root (raíz) de la aplicación.
Típicamente se suele poner en <html> o <body>
ng-model es la directiva que enlaza (binds)
un campo de formulario input, select, textarea
con el ámbito (scope) de la vista.
22. Data-binding
AngularJS enlaza los datos de forma automática entre el
modelo y los componentes de la vista/interfaz.Cuando el modelo
cambia en la vista se ve reflejado el cambio y viceversa:
two-way data binding
23. View, Controllers and Scope
View
La vista (view) es la interfaz gráfica o HTML parciales que se renderizan en el
navegador web para mostrar nuestra aplicación.
Controller
El Controlador (controller) responde a eventos (usualmente acciones del usuario)
e invoca peticiones al 'modelo' cuando se hace alguna solicitud sobre la información.
Cuando un controllador en AngularJS se añade al DOM mediante la directiva
ng-controller Angular instancia un objeto new Controller usando el constructor donde
se le puede pasar por parámetro el $scope (ámbito).
$scope
El $scope es un objeto que se refiere al ámbito/contexto de ejecución de las variables.
El $scope permite conectar la vista con el controlador y tener las variables bindadas
24. $http()
Es un servicio de AngularJS que nos permite realizar peticiones
http (GET,POST,PUT,DELETE)de manera sencilla y Facil.
$http({method:’get’, url: ‘/datos’})
.then(function(data){
$scope.datos = data;
}
,function(err){
Console.log(err);
});
$http.get(‘/datos’) - $http({method:’get’, url: ‘/datos’})
25. <html ng-app="miApp">
<body>
<div ng-controller="miControlador">
<h1>Listado de libros</h1>
Nombre: <input type="text" ng-model="nombre" />
<ul>
<li ng-repeat="libro in libros | filter:nombre | orderBy:'autor'">
{{ libro.titulo | uppercase }} - {{ libro.autor}}
</li>
</ul>
</div>
<script src="angular.min.js"></script>
<script>
var miApp = angular.module('miApp',[]);
function miControlador($scope) {
$scope.libros =
[
{titulo:'El Juego de Ender', autor:'Orson Scott Card'},
{titulo:'Juego de Tronos', autor:'George R.R. Martin'},
{titulo:'I robot', autor:'Isaac Asimov'}
];
}
miApp.controller('miControlador', miControlador);