Bienvenidos!

Tecnologías Web con Javascript
(y aún más!)

Ing. Adrián Égüez

Escuela Politécnica Nacional

Septiembre 2015

Capítulo 1.1

Conceptos Fundamentales

Componentes HTML de una página Web

Ing. Adrián Egüez

Escuela Politécnica Nacional

Extensión .html

Navegador

HTML HEAD BODY

<!DOCTYPE>

Versiones HTML

Párrafos <p>

Links

<a>

Imagen <img>

Header <h>

Atributos
src=" "

Title

<title>

Navegador

Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados.

Fuente: https://es.wikipedia.org/wiki/Navegador_web

HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, entre otros.

Fuente: https://es.wikipedia.org/wiki/HTML

Componentes

Los principales HTML tags son:

Doctype
Header
Body

Fuente: http://www.w3schools.com/html/html_intro.asp

Versiones HTML:

HTML	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML	2000
HTML5	2014

Doctype

<!DOCTYPE html> HTML5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML4.01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0

Capítulo 1.2

Conceptos Fundamentales

Introducción a CSS

Ing. Adrián Egüez

Escuela Politécnica Nacional

Atributo
Style=""

Tipo Letra
font-family:

Tamaño
font-size:

Alineación texto
text-align:

Formating Elements

Quotation and Citation Elements

Computer Code Elements

Comments

Inline Internal External CSS

CSS Syntax

Border, Padding, Margin

ID Class

Link Tags

CSS

Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML2 (y por extensión en XHTML).

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

Fuente: https://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada

Capítulo 1.3

Conceptos Fundamentales

Introducción a Javascript

Ing. Adrián Egüez

Escuela Politécnica Nacional

Change Content

Alert
Write

Tag

Console.log()

Validate Data if else

getElementByID

var

Comments
// /* */

Ignores White spaces

Camel Case

Case Sensitive

Operators

Line Break, Line Lenght

Events

Javascript!

JavaScript (abreviado comúnmente "JS") es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.

Fuente: https://es.wikipedia.org/wiki/Navegador_web

Capítulo 1.4

Conceptos Fundamentales

Paginas Estáticas y Dinámicas

Ing. Adrián Egüez

Escuela Politécnica Nacional

Estáticas

Dinámicas

Capítulo 1.5

Conceptos Fundamentales

Diseño, calidad, WAI, validación y Seo.

Ing. Adrián Egüez

Escuela Politécnica Nacional

Users are Scanners

Feedback

Less is More

Browsers

Navigation

Monitor

Download Speed

HTML5

<title>

Disabilities

Plug-Ins

SEO

WAI

Validator

HTTP

HTTPS

FTP

DNS

IP Address

Capítulo 1.6

Conceptos Fundamentales

Conceptos de Alojamiento en la Web (Hosting)

Ing. Adrián Egüez

Escuela Politécnica Nacional

World Wide Web

Web Server

Fetch

Internet Service Provider

Connection Speed

Security and Stability

Hardware

Database

Server Hosting

Support

Backup

Domain

IP Address

Alojamiento Web

El alojamiento web (en inglés: web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web.

Fuente: https://es.wikipedia.org/wiki/Alojamiento_web