Introducción al desarrollo de aplicaciones web

Características Lenguaje de lado servidor más extendido en la web.  Potente y simple. Gran soporte en la mayoría de los servidores de hosting,  Open source:pertenece a la comunidad Ofrece: Funciones de correo electrónico Gestión de bases de datos Gestión de archivos Tratamientos de imágenes Funciones básicas de aspectos de internet (manejo de sesiones, cookies, url) Funciones básicas depropósito general Versiones Version 3 Version 4 Version 5 Version 6 y 7

Según estadísticas hay un 10% de personas con problemas de discapacidad en Costa Rica Importancia de la accesibilidad en la web: Relevancia actual en la web. Fomentar igualdad de oportunidades Derecho de acceso a información Ley 7600 Ventajas Mejora usabilidad Simplificacion del desarrollo Posicionamiento SEO. Navegadores funcionan como usuarios ciegos por lo que posiciona mejor las páginas con accesibilidad. Dispacidades y sus barreras de acceso Ceguera El manejo del computador por parte de las personas con ceguera se basa en tabs y flechas. Barreras Imágenes sin texto alternativo (atributo alt de img html) Videos sin descripcion textual o sonora Tamaño de letra Espaciado entre elementos Color en texto e imágenes  Tablas cuyo contenido es incomprensible si se lee de manera secuencial (se pierde cursor al darle tab) Auditiva Barreras Falta de transcripcion de los contenidos sonoros Contenido complejo Motoras Barreras

Se creó un conversor de divisas utilizando HTML, CSS y JavaScript. A continuación se adjuntan las funciones principales de la herramienta. La función principal es la de conversión de divisas. Para ello en se deben marcar las divisas favoritas y la moneda seleccionada para la conversión. La conversión es procesada por medio de la siguiente función, la cual obtiene los datos de los objetos de la vista SelectPicker y moneySelected hacen referencia a la moneda del select picker menu seleccionada para la conversión, en este caso, el colón costarricense. Seguidamente se obtienen las filas de la tabla de favoritas y mediante un ciclo se procesa una por una en el API de conversión. En el API de conversión se realiza una llamada HTTP al servidor que provee la API. Se envía las monedas solicitadas y este devuelve el valor básico equivalente a la conversión. Al finalizar el procedimiento se muestra en la pantalla del usuario el resultado de la operación.

Ambiente de servidor que permite correr Javascript del lado del servidor en varias plataformas. Dicha plataforma se puede obtener de: https://nodejs.org. Características de Node JS Un thread simple Concurrente  no  paralelo Asincrónico Llamadas a callbacks Node js es orientado a eventos, es decir, solicitudes que deben ser atendidas cuando alguien trata de accesar el puerto del servidor, esto implica que el servidor deba inicializarse antes de iniciar para que pueda procesarlas. Módulos de Node JS Agregadas por medio de la instrucción: require('nombreModulo') Además, se pueden crear módulos propios usando exports para que las funciones puedan utilizarse fuera del mismo. Módulo URL: Permite dividir la línea de URL en partes legibles y manejables. Módulo NPM: Es un manejador de paquetes para Node.js permite descargar muchas librerías con propósitos particulares. (www.npmjs.com).

Javascript es un lenguaje de programación que que permite programar ciertos comportamientos sobre las páginas web, respondiendo a la interacción del usuario y la realización de automatismos sencillos. Es un lenguaje nacido como un "lenguaje de scripting" del lado del cliente. Sin embargo, el uso de este lenguaje se ha ido expandiendo. El lenguaje fue desarrollado originalmente por Brendan Eich de Netscape con el nombre de Mocha, el cual fue renombrado posteriormente a LiveScript, para finalmente quedar como JavaScript. Versiones del lenguaje: ECMAScript 1 (1997) ECMAScript 2 (1998) ECMAScript 3 (1999) ECMAScript 4 ECMAScript 5 (2009) ECMAScript 5.1 (2011) ECMAScript 2015 ECMAScript 2016 ECMAScript 2017 ECMAScript 2018 DOM Acrónimo de Document Object Model. Un objeto DOM es objeto JS asociado al documento HTML visualizado en el navegador. El navegador tiene un árbol de objetos DOM de la página HTML. Estos objetos se pueden obtener por medio del

Etiquetas HTML nav : Permite la creación de menús ul : Permite la creación de una lista no ordenadas. li : Elementos de una lista. div: Creación de secciones de código footer: Especifica la sección de pie de página. meta: Permite el ingreso de meta datos para la configuración de la página link: Establece links a páginas u hojas externas. img: Inserta la imagen con la ruta dada. h#: Según el número muestra un tipo de tíulo p: Crea un párrafo Elementos CSS background-color: Color de fondo del elemento width: Ancho del elemento margin: Tamaño que separa el elemento de los elementos exteriores. padding: Distancia entre el límite interior del elemento y su mismo contenido height: Altura del elemento.

HTML es un lenguaje de marcado utilizado para el diseño de páginas web. Las versiones de HTML son las siguientes HTML 1 HTML 2 HTML 3 HTML 3.2 HTML 4 XHTML 1 XHTML 2 HTML5 xHMTL permite unificacion con xml HTML5 Etiquetas adicionales que simplifican procedimientos anteriores. W3C se encarga de la estandarización de los elementos de construcción web. Dicha organización tiene estándares para las siguientes tecnologías: HTML & CSS Javascript Audio & Video Mobile web Accessibility Privacy Graphics Internationalization. Math on the Web Estructura de una etiqueta HTML HTML Head: se adjuntan bibliotecas Body: cuerpo de la página W3C ofrece mecanismo de validación de las páginas como tema de calidad. HTML5 provee las siguientes etiquetas: CSS: Hojas de estilo que proporcionan estilo a las páginas html Estructura elemento CSS Boostrap: Framework de desarrollo HTML.