Javascript: Es un lenguaje de programacio robusto que puede ser aplicado a un documento HTML y usado para crear interactividad dicanimca en los sitios web.
Es de alto nivel, dinamico, interpretado y no tipado.
Ser de alto nivel significa que tiene instrucciones en ingles, no tipado signifca que no se define el tiipo de dato para una variable, interpretado es que no es necesario tener un interprete que identifique las instrucciones.
Mosaic netscape paso a ser netscape navigator, en el 1995 se busca implementar un lenguaje de programacion que pueda ser incluido como un lenguaje extra, el lenguaje actual era HTML y se desarrollo javascript, se llamaba Mocha el lenguaje luego paso a ser LiveScript y finalmente se llamo Javascript.
Javascript se llama asi para aprovecharse de la popularidad del lenguaje java pero no estan relacionados.
Las capa de la web
HTML: contenido
CSS presentacion y estilo
Javascript: Comportamiento e interaccion
ECMAScript: Descripcion de todas las propiedades metodos y objetos de un lenguaje.
DOM: document object model
Es una interfaz estandar de objetos para representar documentos, es un API que tenemos a la disposicion para usar el html y el css y darle funcionamiento, es una interfaz en el html y el css
Todos los atributos de html se convierten en propiedas
BOM Browser Object Model
Es una convencion de los navegadores, es uan API para los navegadores para simular click en la barre de menu,, en la barra de busqueda, etc.
BOM y DOM comparten document
24 de octubre de 2016
Ejemplo 24 de Octubre del 2016
HTML
<!doctype html>
<html>
<head>
<title>CSS Posicionamiento</title>
<link rel="stylesheet" href="../css/main.css">
</head>
<body>
<div class="cont">
<div class="cara">
<div class="ojo"></div>
<div class="ojo2"></div>
<div class="boca2"></div>
</div>
</div>
</body>
</html>
CSS
.cont{
position: relative;
top:100px;
left: 200px;
width: 300px;
height: 200px;
border: 2px solid black;
}
.cara{
position: absolute;
background-color: orange;
border-radius: 50%;
height: 150px;
width: 150px;
top:10px;
left: 50px;
}
.ojo{
position: absolute;
background-color: saddlebrown;
border-radius: 50%;
height: 40px;
width: 25px;
top:30px;
left: 30px;
}
.ojo2{
position: absolute;
background-color: saddlebrown;
border-radius: 50%;
height: 40px;
width: 25px;
top:30px;
right: 30px;
}
.boca{
border-radius: 20px;
width: 100px;
height: 5px;
position: absolute;
top: 100px;
left: 25px;
background-color: black;
}
.boca2{
position: absolute;
top:100px;
left: 35px;
width: 70px;
height: 30px;
background-color: saddlebrown;
border-radius: 10px 10px 70px 70px;
}
}
<!doctype html>
<html>
<head>
<title>CSS Posicionamiento</title>
<link rel="stylesheet" href="../css/main.css">
</head>
<body>
<div class="cont">
<div class="cara">
<div class="ojo"></div>
<div class="ojo2"></div>
<div class="boca2"></div>
</div>
</div>
</body>
</html>
CSS
.cont{
position: relative;
top:100px;
left: 200px;
width: 300px;
height: 200px;
border: 2px solid black;
}
.cara{
position: absolute;
background-color: orange;
border-radius: 50%;
height: 150px;
width: 150px;
top:10px;
left: 50px;
}
.ojo{
position: absolute;
background-color: saddlebrown;
border-radius: 50%;
height: 40px;
width: 25px;
top:30px;
left: 30px;
}
.ojo2{
position: absolute;
background-color: saddlebrown;
border-radius: 50%;
height: 40px;
width: 25px;
top:30px;
right: 30px;
}
.boca{
border-radius: 20px;
width: 100px;
height: 5px;
position: absolute;
top: 100px;
left: 25px;
background-color: black;
}
.boca2{
position: absolute;
top:100px;
left: 35px;
width: 70px;
height: 30px;
background-color: saddlebrown;
border-radius: 10px 10px 70px 70px;
}
}
18 de octubre de 2016
UNIDAD 3 Notas 18 de octubre
Modelo de caja, los elementos de html estan almacenados en cajas cuadradas
Las propiedades de los elementos van a venir en el examen, son 4: content, margin, padding y el border
Posicionamiento estatic o estandar
Un posicionamiento tiene 4 propiedades, top, left, righ y bottom.
El eje de las z controla cual se posiciona primero y cual se posiciona despues.
La coordenada 0,0 esta en la esquina superior izquierda
Los elementos estaticos no utilizan ni toman en cuenta las propiedades top,left,etc
Posicionamiento fijo o fix, es relativo a la ventana del navegador
Un elemento fix nunca cambia de luga aunque se haga redireccionamiento o se haga scroll en la pagina, un ejemplo es la barra de facebook como dice el alan.
El elemento fix esta arriba de los otros elementos, como en una capa superior de photoshop
Un elemento absoluto no puede esttar dentro de un elemento estatico, si no encuentra un elemento en el cual entrar se posiciona con rspecto al elemento padre de la pagina.
Las propiedades de los elementos van a venir en el examen, son 4: content, margin, padding y el border
Posicionamiento estatic o estandar
Un posicionamiento tiene 4 propiedades, top, left, righ y bottom.
El eje de las z controla cual se posiciona primero y cual se posiciona despues.
La coordenada 0,0 esta en la esquina superior izquierda
Los elementos estaticos no utilizan ni toman en cuenta las propiedades top,left,etc
Posicionamiento fijo o fix, es relativo a la ventana del navegador
Un elemento fix nunca cambia de luga aunque se haga redireccionamiento o se haga scroll en la pagina, un ejemplo es la barra de facebook como dice el alan.
El elemento fix esta arriba de los otros elementos, como en una capa superior de photoshop
Un elemento absoluto no puede esttar dentro de un elemento estatico, si no encuentra un elemento en el cual entrar se posiciona con rspecto al elemento padre de la pagina.
13 de octubre de 2016
Guia examen redes
http://www.leaman.org/ccna1/InstructorSubnetWorkbook.pdf
Clase A: 1-127
Clase B:128-191
Clase C:192-223
Clase D:224-239 Multicast
Clase E: 240-255 Para investigacion
Clase A: 1-127
Clase B:128-191
Clase C:192-223
Clase D:224-239 Multicast
Clase E: 240-255 Para investigacion
Suscribirse a:
Entradas (Atom)