Adrian Eguez
Windows, Mobile and Web Developer with Node.js and Angular, Proffesor in Escuela Politécnica Nacional
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>
Meta
<meta>
Display
<p>
line break
<br>
Preformated
<pre>
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
Tags
Algunos de los tags html importantes son los siguientes:
- Links
- Parrafos
- Cabeceras
- Imagenes
- Saltos de linea
Fuente: http://www.w3schools.com/html/html_intro.asp
Algunos tags tienen atributos como estos:
- alt
- disabled
- href
- id
- src
- style
- title
- value
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
<script>
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
Capitulo 1 Conceptos Fundamentales
By Adrian Eguez
Capitulo 1 Conceptos Fundamentales
Componentes HTML de una pagina web Introduccion CSS Introduccion Javascript Paginas Estaticas y Dinamicas Diseño, calidad, WAI, validacion y Seo. TCP/IP para la web y protocolos y verbos HTTP/HTTPS Conceptos de Alojamiento en la Web (Hosting)
