Sistema de Asignación de becas de NovaUniversitas

Chat para resolver dudas

http://yuk0781.000webhostapp.com/work/

---

Páginas de ayuda

Comprender componentes(vista, controlador), Rutas, organización de archivos, e inyección de dependencias en Angular JS
https://docs.angularjs.org/tutorial

Cómo crear un API REST usando Node.js, Express y MongoDB
Cada tabla tendrá su API y servirá para hacer altas(POST), bajas(DELETE), modificaciones(PUT) y consultas(GET) sobre dicha tabla
https://carlosazaustre.es/blog/como-crear-una-api-rest-usando-node-js/
...
http://adrianmejia.com/blog/2014/10/01/creating-a-restful-api-tutorial-with-nodejs-and-mongodb/

Complemento Postman para probar API REST
https://www.programacion.com.py/web/javascript/tutorial-api-rest-usando-node-js-express-mongodb

Usar API Rest desde nuestro controlador Angular
... el objeto $http es el que hace toda la magia, ya que nos permite hacer llamadas AJAX a nuestro API con pocas líneas de código.
https://carlosazaustre.es/blog/tutorial-ejemplo-de-aplicacion-web-con-angular-js-y-api-rest-con-node/

---

Rutas que corresponden a cada módulo:

Login:
http://localhost:8000/#!/login
Registro:
http://localhost:8000/#!/registro

Notificación:
http://localhost:8000/#!/notificacion

Gastos de alumnos: http://localhost:8000/#!/gastos_alumno

Estándares

1. El nombre de variables, funciones, clases, id's utilizará el formato camelCase (e.g myAwesomeComponent)
2. Cada modulo deberá estar dentro de una carpeta(la cual a su vez estará dentro de app ) con el nombre del modulo en formato kebab-case (e.g. my-awesome-component)
3. Cada modulo deberá contener los 3 siguientes archivos:
   3.1 nombremodulo-module.js
   3.2 nombremodulo-component.js
   3.3 nombremodulo-template.html
4. Los archivos html no utilizarán el atributo style , si son necesarios los estilos, estos se colocarán dentro de la carpeta css/ y llevarán comentarios al inicio del código sobre el componente que están modificando.
5. Para la segmentación del contenido se utilizará el sistema de rejilla de bootstrap (No es necesario utilizar sus demás estilos).
6. Dentro de cada controlador no se ocupará directamente la variable this en vez de esto se utilizará una variable auxiliar: var self = this;  
7. El tamaño de identación(tabulador) será: 4
8. Los routers que correspondan a cada página se agregarán en el archivo archivo: app.config.js
9. Los modulos que se creen se deberán ligar con el modulo principal de la aplicación app.module.js
10. Los componentes que cada quien cree se dibujarán dentro del div con la directiva ngView del archivo index.html.
11. La ruta donde se creará la base de datos de mongoDB será en (http://localhost:27017)
12. La ruta donde node js habilitará el servidor será en (http://localhost:3000)
13. Dentro de la carpeta public sólo irán archivos de la página front end.

---

Tecnologías ocupadas

• HTML 5
• CSS 3
• JavaScript
• JQuery 3.2
• MEAN(Mongo, Express, AngularJS, NodeJS)
  • MongoDB 3.4
  • Express JS 4.0
  • AngularJS 1.6
  • Node JS 4.2

Estructura del proyecto

• server.js
• package.json
• config
  • db.js
• routes
  • users-api
    • users.controller.js
    • users.schema.js
    • users.routes.js
• node_modules
• public
  • core
  • img
  • lib

    • angular

      • angular.js
      • angular-route.js

    • bootstrap

      • bootstrap.css

    • jquery

      • jquery.js
  • js
  • css
    • style.css
  • module-1
    • module-1.module.js
    • module-1.component.js
    • module-1.template.html
  • module-2
    • module-2.module.js
    • module-2.component.js
    • module-2.template.html
  • index.html
  • app.module.js
  • app.config.js
• example_MyFIRST-API-REST_angular_node_mongodb
• example_angular-phonecat

---

Notas de ayuda

1. npm install ejecutará el archivo package.json y descargará las dependencias dentro de la carpeta node_modules

---

Enlace a tablero kanban con tareas asignadas

Tablero kanban