Desarrollo y Mantenimiento de Sistemas Informáticos

4º. 1er cuatrimestre. Itinerario de Sistemas de la Información. Grado en Ingeniería Informática. ULL

---

Organization DMSI org   Github Classroom DMSI class   Campus Virtual DMSI campus   Profesor Casiano   Chat Chat

Tema 1: Introducción a los Sistemas de Desarrollo

Capítulo. Introducción a los Sistemas de Desarrollo

• Capítulo 1: Introduction to Systems Development del libro *Developing Information Systems” edited by James Cadle

Prácticas

• Descripción de la Práctica p0-t1-intro2sd

Capítulo. Uso del iaas.ull.es. Entornos de Trabajo

• Instrucciones para el uso de iaas.ull.es
• Repo SYTW/iaas-ull-es: Instrucciones Sobre Como Desplegar una Aplicación Web en iaas.ull.es
• Gestor online de pools
• IaaS - Uso de la aplicación de gestión de pools
• Video del profesor: iaas.ull.es
• https://iaas.ull.es/mismaquinas

Prácticas

• Descripción de la Práctica p1-t1-iaas
  • Express Web Framework (Node.js/JavaScript) (Mozilla)

Capítulo. Editores. Entornos de Trabajo

GitPod

• Notas sobre GitPod

Atom

• Vídeo del profesor explicando el GitHub Package

Visual Studio Code

• Version Control
  • Using Version Control in VS Code
  • Video Git Version Control in VS Code
  • Video Git in Visual Studio Code
• Collaboration
  • Introducing Visual Studio Live Share
  • Vídeo Visual Studio Live Share Demo on VS Code
• Editando con VSCode en la máquina iaas.ull.es
  • Use un plugin para Visual Studio Code que permita montar un sistema de archivos sobre SSH
    • SSH FS: File system provider using SSH
    • SSHExtension This extension allows you to open an SSH connection in the integrated terminal. The extension was created in order to have access to the SSH in conjunction with the already available access to the FTP.
    • Remote FS
• Settings file locations
  • Depending on your platform, the user settings file is located here:
    • Windows %APPDATA%\Code\User\settings.json
    • macOS $HOME/Library/Application Support/Code/User/settings.json
    • Linux $HOME/.config/Code/User/settings.json
    • The workspace setting file is located under the .vscode folder in your root folder.
• Vídeo de Jesús Torres: Breve intro de cómo programar y depurar C++ con Visual Studio Code + Gatos

Prácticas

• Descripción de la Práctica p2-t1-vscode

Capítulo. Node.JS

Debugging NodeJS

• Debugging NodeJS
• Debugging in 2017 with Node.js YouTube video https://youtu.be/Xb_0awoShR8
  • Debugging in 2017 with Node.js YouTube

nvm

• Quick Tip: Install Multiple Versions of Node.js using nvm
• Node Version Manager - Simple bash script to manage multiple active node.js versions

Eloquent JS Book Chapter 20

• Eloquent JS Book Chapter 20: Node.js

Anatomy of an HTTP Transaction

• Anatomy of an HTTP Transaction

The book “Node.js 8 the Right Way”. Chapter 2: Wrangling the File System

• Node.js 8 the Right Way Practical, Server-Side JS that Scales. Jim R. Wilson 2018 Edition. Safari. Chapter 2: Wrangling the File System. Acceda por medio del PuntoQ de la ULL
• Chapter 2: Wrangling the File System. GitHub Repo. Folder with Solutions to Chapter 2 Privado
  • Book “Node.js 8 the Right Way” 2018 Edition Google Books
  • Book “Node.js 8 the Right Way” Old Edition in GitHub
• Node.JS 8 The Right Way. Practical Server-Side That Scales: Repo with the solutions (all chapters)
• Read section The HTTP module from Eloquent Javascript 2nd edition
• Read section A File Server from Eloquent Javascript 2nd edition

JavaScript Event Loop

• Tutorial Concurrency model and Event Loop

Streams

• A Brief History of Node Streams
• A Brief History of Node Streams. Part 2

Prácticas

• Descripción de la práctica p2-t1-filesystem
• Descripción de la práctica p3-t1-http

Capítulo: Sockets

Sockets TCP y UDP

• Safari. Chapter 3 Networking with Sockets
• GitHub repo ULL-MII-CA-1819/nodejs-the-right-way
  • Networking with Sockets
• Video en YouTube. UPM. Node.JS: Programación con Sockets TCP/IP:
  • Video en YouTube. UPM. Node.JS: Programación con Sockets TCP/IP

Prácticas

• Descripción de la práctica p4-t2-networking

Capítulo. LifeCicle Types and Their Rationales

• Capítulo 2: Lifecycle types and their rationales por Lynda Girvan, del libro *Developing Information Systems” edited by James Cadle

Prácticas

• Descripción de la Práctica p0-t1-lifecycle

Capítulo. Programación Funcional

• Eloquent JS: High Order Functions
• Repo ULL-ESIT-MII-CA-1718/ejs-chapter05-higher-order-functions

Capítulo. Progamación Orientada a Objetos. OOP

ECMA5 OOP

The Secret Life of Objects

• Repo ULL-ESIT-DSI-1617/oop-eloquentjs-example conteniendo el ejemplo “Laying out a table” del Chapter 6: The Secret Life of Objects
• The Secret Life of Objects example explained
• jsfiddle ilustrativo

Project Electronic Life

• OOP in JavaScript in ECMA5. Eloquent JS 2nd Edition: Project: Electronic Life
  • Repos Electronic Life in ULL-ESIT-MII-CA-1718
  • Emojis
    • js-emoji
    • emojipedia
    • Ejemplo sencillo ULL-ESIT-MII-CA-1718/emoji-js

Herencia

• Repo con ejemplos de Herencia
• Tutorial Conversor de Temperaturas (gh-pages en GitHub)
• Repo ULL-ESIT-GRADOII-PL/ull-etsii-grado-pl-1213-temperature-converter

ECMA6 OOP

• OOP in JavaScript in Ecma6. Eloquent JS: The Secret Life of Objects
• ECMAScript 6 Power Tutorial: Class and Inheritance
• Object-Oriented JavaScript — A Deep Dive into ES6 Classes

Capítulo. Módulos en NPM

• Creación de Paquetes NPM (Apuntes)
• Ejemplo en https://github.com/ULL-ESIT-DSI-1617/create-a-npm-module
  • Submódulo https://github.com/ULL-ESIT-DSI-1617/scapegoat
  • Submódulo https://github.com/ULL-ESIT-DSI-1617/prueba-scapegoat
• About GitHub Package Registry
  • GitHub Package Registry is a software package hosting service, similar to npmjs.org, rubygems.org, or hub.docker.com, that allows you to host your packages and code in one place. You can host software packages privately or publicly and use them as dependencies in your projects.
• Best practice: Specify global dependencies in your gulpfile
• Node.js — How to test your new NPM module without publishing it every 5 minutes
• Best practice: Better local require() paths for Node.js:
  • When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

    var Article = require('../../../models/article');
    

    Those suck for maintenance and they’re ugly.

Git Submódulos. Repos con varios Subproyectos

A la hora de hacer un paquete para npm es conveniente tener un repositorio cliente de prueba. Esto nos lleva a crear un macro-repo que consiste en el repo del módulo y en el programa de uso.

• Chacon’s book on Git: Chapter 7.11 Git Tools - Submodules
• Ejemplo en https://github.com/ULL-ESIT-DSI-1617/create-a-npm-module
  • Submódulo https://github.com/ULL-ESIT-DSI-1617/scapegoat
  • Submódulo https://github.com/ULL-ESIT-DSI-1617/prueba-scapegoat

Capítulo. Módulos en ECMA6

• Eloquent JS: Modules
• Book: Understanding ECMAScript 6. Chapter 13. Encapsulating Code With Modules
  • What are Modules?
  • Basic Exporting
  • Basic Importing
  • Renaming Exports and Imports
  • Default Values in Modules
  • Re-exporting a Binding
  • Importing Without Bindings
  • Loading Modules
  • Summary
• ES6 Modules in Depth by Nicolás Bevacqua Sep 25th, 2015
• Exploring ES6 by Dr. Axel Rauschmayer. Capítulo: 16. Modules
• Exploring ES6 by Dr. Axel Rauschmayer. Sección 4.18 From CommonJS modules to ES6 modules
• ECMAScript modules in browsers by Jake Archibald
• Using ES6 modules natively in Node.js
• Ejemplos en ULL-ESIT-MII-CA-1718/ecma6-modules-examples
• Véase un ejemplo en la implementación del proyecto “Electronic Life” en la rama modules del repo ULL-ESIT-MII-CA-1718/electronic-life

Capítulo. JavaScript and The Browser

• Eloquent JS: JavaScript and the Browser

Capítulo. The DOM

• Eloquent JS. Chapter13: The Document Object Model
• Repository ULL-ESIT-MII-CA-1718/ejs-chapter13-DOM-examples with examples for Chapter13: The Document Object Model
• Repo ULL-ESIT-MII-CA-1718/the-document-object-model-KevMCh)

Capítulo. Events

• Eloquent JS: Handling Events

Capítulo. Form and Form Fields

• Eloquent JS: Forms and Form Fields
• Eloquent JS: Forms and Form Fields
• Repo de Ejemplo del Capítulo
• Repo ULL-ESIT-MII-CA-1718/forms-and-form-fields-KevMCh
• Developer Moxilla. Sending forms through JavaScript
  • Using FormData bound to a form element

Capítulo. Extending Visual Studio Code

• Visual Studio Code Extension API
• Visual Studio Code Extension: hello (Youtube, vídeo del profesor)
• Depurando una Extensión de Visual Studio Code (Youtube, vídeo del profesor)

Referencias y Recursos para el Tema 1

• Org ULL-ESIT-PL-1819
• Org ULL-MII-CA-1819
• Org ULL-ESIT-DSI-1819
• Org ULL-ESIT-PL-1718
• Org ULL-ESIT-MII-CA-1718
• Org ULL-ESIT-DSI-1617
• Trasparencias curso de JS de MiriadaX