5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
Resumen Tutorial
1. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
Universidad Laica “ELOY ALFARO” de Manabí
Extensión en El Carmen
COMERCIO ELECTRÓNICO
Elaborado por:
LILIANA CASTRO
ANA CEVALLOS
DANIELA MAZAMBA
Ana, Daniela y Lily
2. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
MI PRIMER SCRIPT
En la primera línea del script vemos <?php que nos indica que comienza un script en PHP, y en la última
colocamos ?> para indicar el final del script. Hay que destacar que todas las líneas que se encuentre entre
estos delimitadores deben acabar en punto y coma, excepto las sentencias de control (if, swicht, while,
etc.).
Es importante poner muchos comentarios, para lo cual si queremos comentar una sola línea tenemos que
poner al principio de la línea //, si lo que queremos es comentar varias utilizaremos los delimitadores /* -
*/.
Para que el servidor envie texto utilizaremos la instrucción echo, aunque también podemos utilizar printf
de uso similar al del C o Perl.
Finalmente, vemos que la palabra myvar comienza con el signo dólar ($). Este símbolo le indica a PHP que
es una variable. Nosotros le hemos asignado un texto a esta variable, pero también pueden contener
VARIABLES Y OPERADORES
Variables:escribir echo, en mayúsculas y en
minúsculas, para indicaros que PHP no las
distingue a la hora de usar funciones o
Constantes:
sentencias del lenguaje.
Las constantes son similares a las variables, con
El uso de la barra invertida, como en n, no es
la salvedad de que no llevan el signo dólar
obligatorio, pero ayuda a la depuración del
delante, y sólo la podemos asignar una vez.
código que enviamos al navegador, además del
Para definir una constantes usaremos la
n existen otros usos:
función define. PHP crea diversas constantes al
quot; Carácter dobles comillas arrancar, como PHP_VERSION que contiene la
Carácter barra invertida versión de PHP, TRUE que le asigna 1 o FALSE
n Nueva línea que le asigna 0.
r Retorno de carro
t Tabulador horizontal
Ana, Daniela y Lily
3. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
Operadores Lógicos:
$a AND $b Verdadero si
Operadores Aritméticos:
ambos son verdadero
$a + $b Suma $a && $b Verdadero si ambos
$a ‐ $b Resta son verdadero
$a * $b Multiplicación $a OR $b Verdadero si alguno
$a / de los dos es verdadero
$b &ss=codigoenlinea>$a Operadores de Cadenas: $a !! $b Verdadero si alguno
/ $b División de los dos es verdadero
El único operador de cadenas que existen es el de
$a % $b Resto de la $a XOR $b Verdadero si sólo
concatenación, el punto. Pero no os asustéis, PHP
división de $a por $b uno de los dos es verdadero
dispone de toda una batería de funciones que os
$a++ Incrementa en 1 !$a Verdadero si $a es
permitirán trabajar cómodamente con las
a $a falso, y recíprocamente
cadenas.
$a‐‐ Resta 1 a $a
$a = quot;Holaquot;;
$b = $a . quot;Mundoquot;; // Ahora $b contiene quot;Hola
Mundoquot;
Operadores de
En este punto hay que hacer una distinción, la
Asignación:
interpretación que hace PHP de las simples y
dobles comillas. En el segundo caso PHP
Operadores de $a = $b Asigna a $a el
Comparación: interpretará el contenido de la cadena. contenido de $b
$a += $b Le suma a $b a
$a = quot;Mundoquot;;
$a < $b $a menor que
$a
$b echo = 'Hola $a'; //Esto escribirá quot;Hola $aquot;
$a ‐= $b Le resta a $b a
echo = quot;Hola $aquot;; //Esto escribirá quot;Hola
$a > $b $a mayor que $b
$a
$a <= $b $a menor o Mundo&q; //Esto escribirá quot;Hola Mundoquot;
$a *= $b Multiplica $a
igual que $b
por $b y lo asigna a $a
$a >= $b $a mayor o
$a /= $b Divide $a por
igual que $b
$b y lo asigna a $a
$a == $b $a igual que $b
$a .= $b Añade la
$a != $b $a distinto que
cadena $b a la cadena
$b
$a
<html>
<body>
<?php
$myvar = quot;SEVILLA nquot;;
Ejemplo $Myvar = quot;MADRID nquot;;
//Esto imprimirá
SEVILLA
echo $myvar;
//Esto imprimirá MADRID
ECHO $Myvar;
?>
</body>
</html>
Ana, Daniela y Lily
4. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
SENTENCIAS DE CONTROL
SWITCH...CASE...DEFAULT
IF...ELSE
IF...ELSEIF...ELSE
Permite ejecutar un bloque de Permite ejecuta varias Una alternativa a
instrucciones si la condición es condiciones en cascada. Para IF...ELSEIF...ELSE, es la
Verdadera y otro bloque de este caso veremos un ejemplo, sentencia SWITCH, la cuál
instrucciones si ésta es Falsa. en el que utilizaremos los evalúa y compara cada
Es importante tener en cuenta operadores lógicos. expresión de la sentencia CASE
q instrucciones si ésta es Falsa. con la expresión que
Es importante tener en cuenta evaluamos, si llegamos al final
que la condición que de la lista de CASE y encuentra
evaluemos ha de estar una condición Verdadera ,
encerrada entre paréntesis ejecuta el código de bloque
(esto es aplicable a todas la que haya en DEFAULT. Si
sentencias de control). encontramos una condición
verdadera debemos ejecutar
un BREAK para que la sentencia
SWITCH no siga buscando en la
lista de CASE.
<?php
if ($nombre == quot;quot;){
echo quot;Tú no tienes nombrequot;;
} elseif (($nombre==quot;evaquot;) OR
<?php
($nombre==quot;Evaquot;)) {
switch ($dia) {
echo quot; case quot;Lunesquot;:
echo quot;Tu nombre es EVAquot;;< echo quot;Hoy es Lunesquot;;
break;
} else {
c
echo quot;Tu nombre es quot; . $nombre; case quot;Martesquot;:
echo quot;Hoy es Martesquot;;
}
break;
case quot;Miercolesquot;:
echo quot;Hoy es Miercolesquot;;
break;
case quot;Juevesquot;:
echo quot;Hoy es Juevesquot;;
break;
case quot;Viernesquot;:
echo quot;Hoy es Viernesquot;;
break;
case quot;Sábadoquot;:
echo quot;Hoy es Sábadoquot;;
break;
case quot;Domingoquot;:
echo quot;Hoy es Domingoquot;;
break;
default:
default:
echo quot;Esa cadena no corresponde
a ningún día de la semanaquot;;
}
?>
Ana, Daniela y Lily
5. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
La sentencia WHILE ejecuta un Esta sentencia es similar a El bucle FOR no es
WHILE
FOR
DO...WHILE
bloque de código mientras se WHILE, salvo que con esta estrictamente necesario,
cumpla una determinada sentencia primero ejecutamos cualquier bucle FOR puede ser
condición. Podemos romper un el bloque de código y después sustituido fácilmente por otro
bucle WHILE utilizando la se evalúa la condición, por lo WHILE. Sin embargo, el bucle
sentencia BREAK. que el bloque de código se FOR resulta muy útil cuando
ejecuta siempre al menos una debemos ejecutar un bloque
vez. de código a condición de que
una variable se encuentre
entre un valor mínimo y otro
máximo. El bucle FOR también
se puede romper mediante la
sentencia BREAK.
<?php
$num = 1;
do {
echo $num;
<?php
if ($num == 3){
for ($num = 1; Snum
echo quot;Aquí nos
<=5; $num++){
salimos nquot;; echo $num;
break if ($num == 3){
echo quot;Aquí
}
nos salimos
$num++ nquot;;
} while ($num < 5); break
}
?>
}
Ana, Daniela y Lily
6. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
LAS TABLAS
Array en inglés, son muy importantes en PHP, ya que
generalmente, las funciones que devuelven varios
valores, como las funciones ligadas a las bases de
datos, lo hacen en forma de tabla. En PHP disponemos
de dos tipos de tablas. El primero sería el clásico,
utilizando índices:
Un segundo tipo, son las tablas asociativas, en las
cuáles a cada elemento se le asigna un valor (key) para
é
<?php
$semana = array(quot;lunesquot;, quot;martesquot;,
quot;miércolesquot;, quot;juevesquot;, quot;viernesquot;,
quot;sábadoquot;, quot;domindoquot;);
echo count($semana); //7
//situamos el puntero en el primer
elemento
reset($semana);
echo current($semana); //lunes
next($semana);
echo pos($semana); //martes
end($semana)
echo pos($semana); //domingo
prev($semana);
echo current($semana); //sábado
?>
Ana, Daniela y Lily
7. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
Javascrip
Es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar
acciones dentro del ámbito de una página web
Se pueden crear efectos especiales en las páginas y definir interactividades con el usuario. El
navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para
realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el único, con que
cuenta este lenguaje es el propio navegador.
Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts,
pero también de programas más grandes, orientados a objetos, con funciones, estructuras de
datos complejas, etc.
Toda esta potencia de Javascript se pone a disposición de programador, que se convierte en el
verdadero dueño y controlador de cada cosa que ocurre en la página.
Tenemos varias opciones para mostrar acerca para javascript:
Salto de línea: n
Comilla simple: '
Comilla doble: quot;
Tabulador: t
Retorno de carro: r
Avance de página: f
Retroceder espacio: b
Contra barra:
………………………………………………………………………………………..........................
Operadores de asignación
= Asignación.
+= Asignación con suma.
‐= Asignación con resta
Ana, Daniela y Lily
8. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
*= Asignación de la multiplicación
/= Asignación de la división
%= Se obtiene el resto y se asigna
………………………………………………………………………………………..........................
Operadores condicionales
! Operador NO o negación. Si era true pasa a false y viceversa.
&& Operador Y, si son los dos verdaderos vale verdadero.
|| Operador O, vale verdadero si por lo menos uno de ellos es verdadero.
………………………………………………………………………………………..........................
Precedencia Con Los Operadores
() [] . Paréntesis, corchetes y el operador punto que sirve para los objetos
! ‐ ++ ‐‐ negación, negativo e incrementos
* / % Multiplicación división y módulo
+‐ Suma y resta
<< >> >>> Cambios a nivel de bit
< <= > >= Operadores condicionales
== != Operadores condicionales de igualdad y desigualdad
& ^ | Lógicos a nivel de bit
&& || Lógicos booleanos
= += ‐= *= /= %= <<= >>= >>>= &= ^= != Asignación
………………………………………………………………………………………..........................
EJEMPLO
if (credito >= precio) {
document.write(quot;has comprado el artículo quot; + nuevoArtículo) //enseño compra
Ana, Daniela y Lily
9. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
carrito += nuevoArticulo //introduzco el artículo en el carrito de la compra
credito ‐= precio //disminuyo el crédito según el precio del artículo
} else {
document.write(quot;se te ha acabado el créditoquot;) //informo que te falta dinero
window.location = quot;carritodelacompra.htmlquot; //voy a la página del carrito}
………………………………………………………………………………………..........................
Expresiones condicionales
• if (edad > 18)
document.write(quot;puedes ver esta página para adultosquot;)
• if (bateria == 0 && redElectrica == 0)
document.write(quot;tu ordenador portatil se va a apagar en segundosquot;)
………………………………………………………………………………………..........................
Sentencias IF anidadas
var numero1=23
var numero2=63
if (numero1 == numero2){
document.write(quot;Los dos números son igualesquot;)
}else{
if (numero1 > numero2) {
document.write(quot;El primer número es mayor que el segundoquot;)
}else{
document.write(quot;El primer número es menor que el segundoquot;)
}
}
Ana, Daniela y Lily
10. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
………………………………………………………………………………………..........................
Estructura SWITCH
Esta expresión se utiliza cuando tenemos múltiples posibilidades
como resultado de la evaluación de una sentencia.
switch (expersión) {
case valor1:
Sentencias a ejecutar si la expresión tiene como valor a valor1
break
case valor2:
Sentencias a ejecutar si la expresión tiene como valor a valor2
break
case valor3:
Sentencias a ejecutar si la expresión tiene como valor a valor3
break
default:
Sentencias a ejecutar si el valor no es ninguno de los anteriores
}
Bucle FOR
El bucle FOR se utiliza para repetir mas instrucciones un determinado número de
veces. De entre todos los bucles, el FOR se suele utilizar cuando sabemos seguro el
número de veces que queremos que se ejecute la sentencia.
var i
for (i=0;i<=10;i++) {
document.write(i)
Ana, Daniela y Lily
11. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
}
………………………………………………………………………………………..........................
Bucles WHILE y DO WHILE
WHILE:‐‐utilizan cuando queremos repetir la ejecución de unas sentencias un número indefinido
de veces, siempre que se cumpla una condición.
while (condición){
sentencias a ejecutar
}
DO...WHILE:‐‐Es el último de los bucles que hay en Javascript.Se utiliza generalmente cuando no
sabemos cuantas veces se habrá de ejecutar el bucle, igual que el bucle WHILE
La sintaxis es la siguiente.
do {
sentencias del bucle
} while (condición)
Break y continue
Son las instrucciones break y continue.
• Detener la ejecución de un bucle y salirse de él
• Detener la iteración actual y volver al principio del bucle.
Break
for (i=0;i<10;i++){
document.write (i)
escribe = dime si continúo
if (escribe == quot;noquot;)
break
Ana, Daniela y Lily
12. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
}
Continue
var i=0
while (i<7){
incrementar = dime si incremento
if (incrementar == quot;noquot;)
continue
i++
}
Bucles anidados en Javascript
La anidación de bucles es necesaria para hacer determinados procesamientos un poco más
complejos. Un bucle anidado tiene una estructura como la que sigue:
for (i=0;i<10;i++){
for (j=0;j<10;j++) {
document.write(i + quot;‐quot; + j)
}
}
………………………………………………………………………………………..........................
Funciones en Javascript
Qué es una función?
Serie de instrucciones que englobamos dentro de un mismo proceso.
Por ejemplo, en una página web puede haber una función para cambiar el color del fondo.
veremos muchas de las funciones definidas en Javascript que debemos utilizar para realizar
distintos tipos de acciones habituales. Se define con una sintaxis especial.
function nombrefuncion (){
Ana, Daniela y Lily
13. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
instrucciones de la función
……
}
Se escribe la palabra function, reservada para este uso. Seguidamente se escribe el nombre de la
función, que como los nombres de variables puede tener números, letras y algún carácter
adicional como en guión bajo. A continuación se colocan entre llaves las distintas instrucciones de
la función. y para llamarla la podemos hacer desde cualquier parte de la pagina
………………………………………………………………………………………..........................
¿Dónde colocamos las funciones:‐‐
En concreto, la función se debe definir en el bloque <SCRIPT> donde esté la llamada a la función,
aunque es indiferente si la llamada se encuentra antes o después la función, dentro del mismo
bloque <SCRIPT>.
<SCRIPT>
miFuncion()
function miFuncion(){
//hago algo...
document.write(quot;Esto va bienquot;)
}
</SCRIPT>
Un error es una llamada a una función que se encuentra declarada en un bloque
<SCRIPT> posterior.
<SCRIPT>
miFuncion()
</SCRIPT>
<SCRIPT>
Ana, Daniela y Lily
14. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
function miFuncion(){
//hago algo...
document.write(quot;Esto va bienquot;)
}
</SCRIPT>
………………………………………………………………………………………..........................
Paraametro de la funcion
function escribirBienvenida(nombre){
document.write(quot;<H1>Hola quot; + nombre + quot;</H1>quot;)
}
• Para definir en la función un parámetro tenemos que poner el nombre de la variable que
va a almacenar el dato que le pasemos.
• Para llamar a una función que tiene parámetros se coloca entre paréntesis el valor del
parámetro.
• Los parámetros pueden recibir cualquier tipo de datos, numérico, textual, boleano o un
objeto.
Realmente no especificamos el tipo del parámetro, por eso debemos tener un cuidado especial
Al definir las acciones que realizamos dentro de la función y al pasarle valores a la función para
Asegurarnos que todo es consecuente con los tipos de nuestras variables o parámetros.
Las funciones también pueden retornar valores, de modo que al ejecutar la función se podrá realizar
acciones y dar un valor como salida.
Para especificar el valor que retornará la función se utiliza la palabra return seguida del valor que se desea
devolver.
Para recibir los valores que devuelve una función se coloca el operador de asignación =.
………………………………………………………………………………………..........................
Múltiples return
En una misma función podemos colocar más de un return.
Por ejemplo:
Ana, Daniela y Lily
15. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
function media(valor1,valor2){
var resultado
resultado = (valor1 + valor2) / 2
return resultado
}
O este de do o más return
function multipleReturn(numero){
var resto = numero % 2
if (resto == 0)
return 0
else
return numero
}
………………………………………………………………………………………..........................
Arrays en Javascript
Nos permiten guardar varias variables y acceder a ellas de manera independiente,
es como tener una variable con distintos compartimentos donde podemos introducir datos distintos. Para
ello utilizamos un índice que nos permite especificar el compartimiento o posición a la que nos estamos
refiriendo.
Sentencia para crear un objeto array: ( var miArray = new Array() )
Es importante que nos fijemos que la palabra Array en código Javascript se escribe con la primera letra en
mayúscula.
var miArray = new Array(3)
miArray[0] = 155
miArray[1] = 4
miArray[2] = 499
for (i=0;i<3;i++){
document.write(quot;Posición quot; + i + quot; del array: quot; + miArray[i])
document.write(quot;<br>quot;)
}
En Javascript podemos guardar distintos tipos de datos en las casillas de un mismo array.
………………………………………………………………………………………..........................
Longitud de los arrays
Ana, Daniela y Lily
16. Universidad Laica “Eloy Alfaro” de Manabí
Extensión El Carmen
Todos los arrays en javascript, aparte de almacenar el valor de cada una de sus posiciones también
almacenan el número de posiciones que tienen. Para ello utilizan una propiedad del objeto array,
la propiedad length.
Se escribe el nombre del array que queremos acceder al número de posiciones que tiene, sin
corchetes ni paréntesis, seguido de un punto y la palabra length.
var miArray = new Array(2)
miArray[0] = quot;Colombiaquot;
miArray[1] = quot;Estados Unidosquot;
miArray[5] = quot;Brasilquot;
for (i=0;i<miArray.length;i++){
document.write(quot;Posición quot; + i + quot; del array: quot; + miArray[i])
document.write(quot;<br>quot;)
}
………………………………………………………………………………………..........................
Arrays multidimensionales
Los arrays multidimensionales son una estructura de datos que almacenan los valores en más
de una dimensión.
En Javascript no existe un auténtico objeto array‐multidimensinal. Para utilizar estas estructuras
podremos definir arrays que donde en cada una de sus posiciones habrá otro array.
var temperaturas_cuidades = new Array (3)
temperaturas_cuidades[0] = temperaturas_medias_ciudad0
temperaturas_cuidades[1] = temperaturas_medias_ciudad1
temperaturas_cuidades[2] = temperaturas_medias_ciudad2
for (i=0;i<temperaturas_cuidades.length;i++){
document.write(quot;<tr>quot;)
document.write(quot;<td><b>Ciudad quot; + i + quot;</b></td>quot;)
for (j=0;j<temperaturas_cuidades[i].length;j++){
document.write(quot;<td>quot; + temperaturas_cuidades[i][j] + quot;</td>quot;)
}
document.write(quot;</tr>quot;)
}
document.write
(quot;</table>quot;).
Ana, Daniela y Lily