A basic introduction to web development

1. Web Development
@emaraschio

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.