IPW
Introducción Programación Web - JavaScript HTML CSS
El desarrollo de software ha adoptado nuevas tecnología, metodologías y plataformas. La web sin lugar a duda representa un espacio donde el desarrollo de software ha encontrado un espacio para potenciar sus posibilidades y extenderse a nivel global. En las organizaciónes, esto ayuda a que sus actividades se puedan realizar de manera efectiva y más eficientemente. Desarrollar software para la web implica conocer los lenguajes de marcas más utilizados, así como los estándares que se aplican a nivel internacional. También es necesario hacer coexistir las tecnologías asociadas a esos desarrollos y en particular los elementos que permiten geolocalizar a los usuarios y/o elementos intervinientes en la solución funcional ofrecida por el software. Utilizar los lenguajes de script en las aplicaciones permiten dotar al front end de un lenguaje de programación para resolver de manera local ciertos aspectos que no se justifica que se trasladen al back end. Finalmente, la presentación de la GUI es un aspecto a considerar, pues la usabilidad y lograr una experiencia de uso positiva puede marcar la diferencia entre que el usuario final utilice o no la aplicación.
Ítems del perfil que se desarrollarán: Esta asignatura aporta habilidades, conocimientos y destrezas que potencian el desarrollo de las siguientes competencias y capacidades del perfil de futuro Licenciado en Gestión de Tecnología Informática:
Competencias: Asesorar y contribuir en la concepción, diseño y desarrollo de proyectos y/o innovaciones informáticas en distintos ámbitos de aplicación Concebir soluciones tecnológicas. Diseñar y desarrollar sistemas de información. Operar en la organización, implementar y potenciar las tecnologías que permiten generar información. La observación sistémica, la abstracción, la producción, la evaluación crítica y la experimentación e investigación.
Capacidades: Capacidad para interpretar los problemas contemporáneos referidos al tratamiento de la información. Capacidad para implementar tecnológicamente una alternativa de solución. Conocimiento, habilidades y destrezas para la aplicación de técnicas a la gestión de proyectos de diseño y desarrollo informático Conocimientos, habilidades y destrezas para el manejo y aplicación de teorías y técnicas para administrar proyectos, producciones y servicios cuyos objetivos son la generación y consumo de la información; las técnicas y procedimientos relacionados con la gestión de sistemas de información y las tecnologías asociadas a la producción, manejo, almacenamiento y control de la información.
Correlativas previas: -- Correlativas posteriores: Programación WEB Avanzada Articulación con asignaturas: Articulación Vertical: La asignatura toma los conceptos de Programación Estructurada, Programación I. Los profundiza y adapta para que puedan ser implementados en un entorno WEB.
Le otorga a Programación WEB avanzada los fundamentos para desarrollar temas más complejos asociados a la programación WEB y los entornos distribuidos en un sistema de información. Articulación Horizontal: Toma conceptos complementarios de Base de Datos, Programación Orientada a Objetos y Lenguajes de Última Generación, para que los desarrollos de sistemas de información organizacionales se desarrollen de manera que sean apropiados para que puedan funcionar en la WEB.
-
Objetivos: Introducir los conceptos sobre lenguaje de marcas y lenguajes script. Conocer la forma de lograr presentaciones e interfaces web que permitan una utilización eficiente y significativa. Conocer las características que debe poseer un sistema WEB para funcionar. Conocer los estándares internacionales relacionados con los temas abordados es la asignatura. Conocer las tecnologías actuales relacionadas con los desarrollos llevados a cabo en los sistemas de información habilitados para la WEB.
-
Unidades de desarrollo de los contenidos: Unidad de repaso y conocimientos necesarios: Evaluación Diagnóstica. Introducción a la Asignatura. Planteo de los alcances y objetivos a lograr.
Unidad 1: Introducción a la programación WEB. Evolución de las aplicaciones WEB. Aplicación WEB. Servicios Web. Arquitectura de las aplicaciones Web. Aplicaciones WEB - Cliente. Aplicaciones WEB - Servidor. Consideraciones para el desarrollo de aplicaciones WEB.
Unidad 2: Lenguajes de Marcas. Historia y evolución de los lenguajes de marcas. Introducción a HTML. Etiquetas del último estándar de HTML. Estructura de las páginas HTML. Formato de texto. Alineación de párrafos. Sistema de colores. Atributos de color. Listas. Viñetas. Enumeración. Links. Imágenes. Tablas. Bloques. Iframes. HTML Responsive. HTML Forms. Elementos del formulario. Tipos de entrada. Elementos Semanticos de una página WEB. Gráficos HTML. Canvas. SVG. Integración con Google Maps. HTML Multimedial. Video. Audio. HTML API’s. Geolocalización. Arrastrar y Soltar. WEB Storage. WEB Workers. Concepto de XHTML. Uso. Consideraciones para su implementción. Estándares internacionales.
Unidad 3: Hojas de Estilo. Maquetación Básica. Evolución del Diseño Web. Qué es una hoja de estilo. Implementación de hojas de estilo. Estándares internacionales de CSS. Sintaxis de las CSS. Colores. Fondos. Márgenes. Bordes. Texto. Letras. Hipervínculos. Bloques y su funcionamiento. Posicionamiento Overflow. Float. Inline-bloks. Estilo para imágenes. Background-image. Criterios de optimización de imágenes. Selectores. Pseudoclases. Pseudoelemento. Estilos para Botones. DropDown. Menús. Estilos para texto. Opacidad. FlexBox. Sombreados. Gradientes. Animaciones. Compatibilidad con los distintos navegadores.
Unidad 4: Lenguajes Script. Programación Dinámica. Introducción a los lenguajes script. Ámbito de utilización de un lenguaje script. Introducción a JavaScript. Sintaxis y semántica. Variables. Tipos de Datos. Ámbitos. Operadores. Comentarios. Funciones. Definición de funciones. Funciones con parámetros. Eventos. Arays. Estructuras de control de flujo. Uso de : if, switch, for, while, do while. Debugging. Buenas prácticas al implementar JS. Objetos en JS. Definición. Propiedades. Métodos. Constructores y Prototipos. 5 JS HTML DOM. Modelo de Objetos del Documento. Métodos. Cómo se ubican elementos HTML. Cómo se cambian elementos HTML. Cómo crear y eliminar elementos HTML. Eventos. Manejo de EventListener. Nodos. Navegación por los elementos. JS BOM. Browser Object Model. Uso de los objetos: Windows, Screen, Location, Historial, Navigator, PopUp Alert, Timing, Cookies. Introducción a JSON.
Unidad 5: Lenguaje de Marcas Extendido. Introducción a XML. Aportes de XML al desarrollo WEB. Árbol XML. Reglas sintácticas. Elementos. Atributos. Namespace. Visualización de un documento XML. Concepto, características y uso de XSLT. El Objeto XMLHttpRequest. Parsers XML. Analisis del contenido de un documento XML. XML DOM. Concepto de XML DTD y XML Schema. Tecnologías asociadas a XML. Concepto, Características y uso de Xpath. Concepto, Características y uso de XQuery. Concepto, Características y uso de Xlink.
Unidad 6: Herramientas avanzadas de maquetación. Introducción a la maquetación avanzada. Frameworks de Maquetación. Bootstrap. Ventajas y desventajas de su uso. Implemantación. Personalización. Uso de Controles y Funcionalidades. Grillas. Tipografías. Tablas.Imágenes. Jumbotron. Alertas. Botones. Paginación. Formularios. Otros elementos significativos. Conclusiones y comparación de páginas desarrolladas con y sin Frameworks de maquetación. .