Web Development introduction
Descargar como PPTX, PDF0 recomendaciones103 vistas
Este documento resume las tecnologías web fundamentales como HTML, CSS y JavaScript, así como frameworks populares como jQuery y Bootstrap. Explica brevemente qué es cada tecnología y cómo funcionan juntas para crear sitios y aplicaciones web dinámicas e interactivas.
Web Development introduction
- 2. La Web hoy en día Muchas cosas pasan a diario… Redes sociales :O! Publicidad ;) Empresas pequeñas se hacen grandes, realmente grandes :O! Nuevas tecnologías y soluciones a la orden del día :D Trafico, mucho trafico :@ Mundo Mobile :)
- 3. W3C - World Wide Web Consortium
- 4. HTML HyperText Mark-up Language Define una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc Se escribe en forma de etiquetas <> Se compone de elementos y atributos Existen varias versiones… html, xhtml, html5
- 5. CSS CascadingStyle Sheets Define la presentación de los documentos HTML. Abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo y posicionamiento Tres formas de aplicarlo En linea En una hoja de estilo interna En una hoja de estilo externa - Recomendada
- 6. JS Javascript En resumidas cuentas es un lenguaje de programación interpretado orientado a prototipos Se utiliza en la web para realizar programación del lado del cliente y extender el comportamiento del documento HTML Ejemplo: <script type="text/javascript"> var cadena = “Hola Mundo”; alert(cadena); </script>
- 7. A codear!!!
- 8. jQuery Es considerado un Framework de JS, es decir, un conjunto de funciones que ya fueron desarrolladas y probadas, estan listas para utilizarlas de una manera muy simplificada. Nos permite lograr los mismos resultados, en menos tiempo sin necesidad de programar una funcionalidad completamente. Nos permite agregar efectos y funcionalidades complejas a nuestra aplicacion web, como por ejemplo: galerías de fotos, validación de formularios, widget de todo tipo, como ser datepickers, popups, etcs Otra ventaja es el trabajo AJAX, sin preocuparnos de los detalles complejos de la programación.
- 9. Bootstrap Ofrece una serie de templates CSS y JS que nos permiten integrar el framework de forma sencilla en una app web. Permite crear interfaces que se adapten a los diferentes navegadores, tanto de escritorio como tablets y móviles a distintas escalas y resoluciones. Se integra perfectamente con las principales librerías JS, por ejemplo JQuery. Funciona con todos los navegadores, incluido Internet Explorer usando HTML Shim para que reconozca los tags HTML5. Dispone de distintos layout predefinidos con estructuras fijas a X pixeles de distintas columnas o diseños fluidos.