7a semana curso de programación web

Fundacio gentis salt girona

Lunes 26 de febrero de 2018

Clase con el profesor Josep, vamos a hacer operadores.

<?php
//$a=3;
//echo $a+=5;

//$a='1,2';
//$a=+$a;
//echo +$a;

//$a='1,2';
//$a=+$a;
//echo -$a;
//echo $b=-$a;

echo (5 % 3)."</br>"; // muestra 2
echo (5 / -3)."</br>"; // muestra 2
echo (-5 / 3)."</br>"; // muestra -2
echo (-5 / -3)."</br>"; // muestra -2

//$b="Hola ";
//echo $b.="que tal?";

$a = 3;
$b = 9;
$result = ($a <= 3 and $b <> 9); //AND es un operador lógico

if ( $result == true) {
echo "Se cumple la condición";

}else {
echo "No se cumple la condición";

}
?>

Un operador es algo que toma uno más valores
–expresiones en programación- y que produce otro valor

De este modo la construcción en si misma se convierte en una expresión

-Los operadores se pueden agrupar de acuerdo con el número de valores que toman.

-Los operadores unarios toman sólo un valor, por ejemplo ! (el operador lógico de negación) o ++ (el operador de incremento).

– La precedencia de un operador indica el modo en que se unen dos expresiones.

-Ejemplo: en la expresión 1 + 5 * 3 , la respuesta es 16 y no 18 porque el operador de multiplicación («*») tiene una precedencia mayor que el operador de adición («+»).
Los paréntesis pueden ser usados para forzar la precedencia, si es necesario. Por ejemplo: (1 + 5) * 3 se evalúa como 18.

Cuando los operadores tienen igual precedencia su asociatividad decide cómo se agrupan.

Ejemplo «-» tiene asociatividad a izquierda, así 1 – 2 – 3 se agrupa como (1 – 2) – 3 y se evalúa a -4.

“=“tiene asociatividad a derecha, así $a = $b = $c se agrupa como $a = ($b = $c).

– Usar paréntesis incluso cuando no es estrictamente necesario puede aumentar la legibilidad del código

– De esta manera se crean grupos explícitamente en lugar de confiar en la precedencia y asociatividad implícitas del operador.

-El operador de división («/») devuelve un valor flotante (decimal)

-A menos que los dos operandos sean integers (o strings que se conviertan a integers) y los números sean divisibles, en cuyo caso será devuelto un valor integer.

-El operador básico de asignación es «=».

-Se podría inclinar a pensar primero que es como un «igual a». No lo es.

-Realmente significa que el operando de la izquierda se establece con el valor de la expresión de la derecha. Es decir, «se define como»).

$a = ($b = 4) + 5; // ahora $a es igual a 9 y $b se ha establecido en 4

-Existen operadores combinados, unión de arrays y operadores de strings (cadenas)

-Permiten usar un valor en una expresión y entonces establecer su valor como el resultado de esa expresión.

$a = 3;
$a += 5; // establece $a en 8,
como si se hubiera dicho: $a = $a + 5;

$b = «Hola «;
$b .= “què tal?»;
// establece $b en «Hola què tal?», igual que $b = $b . “què tal?»;

$a == $b Igual TRUE si $a es igual a $b después de la manipulación de tipos.

$a === $b Idéntico TRUE si $a es igual a $b, y son del mismo tipo.

$a != $b Diferente TRUE si $a no es igual a $b después de la manipulación de tipos.

$a <> $b Diferente TRUE si $a no es igual a $b después de la manipulación de tipos.

$a !== $b No idéntico TRUE si $a no es igual a $b, o si no son del mismo tipo.

$a < $b Menor que TRUE si $a es estrictamente menor que $b.

$a > $b Mayor que TRUE si $a es estrictamente mayor que $b.

$a <= $b Menor o igual que TRUE si $a es menor o igual que $b.

$a >= $b Mayor o igual que TRUE si $a es mayor o igual que $b.

incluimos un operador en INSERT para que verificara si ya teníamos un usuario con el mismo DNI en la base de datos, lo hicimos con el siguiente código:

<?php

// require_once('seguretat.php');
require('conexion.php');

$DNI=$_POST["dni"];

$sql_comp_user = "SELECT dni FROM formulario WHERE dni='$DNI'";
$resultat_comp_user=mysqli_query($connect,$sql_comp_user);

if (mysqli_num_rows($resultat_comp_user)==1){
 echo "usuari existent";
}
 else {
 if (isset ($_POST['entrar'])){
 $nombre=$_POST["nombre"];
 $apellidos=$_POST["apellidos"];
 $empresa=$_POST["empresa"];
 $DNI=$_POST["dni"];
 $Tel=$_POST["tel"];
 $mail=$_POST["mail"];
 $ciudad=$_POST["ciudad"];
 $acepto=$_POST["acepto"];

//Inserció dels registres
 $sql= "INSERT INTO formulario VALUES ('','$nombre','$apellidos','$empresa','$DNI','$Tel','$mail','$ciudad','$acepto')";
 mysqli_query($connect,$sql);
 //header("location: index.html");
 }

else {

echo 'error';
 }}
?>

<h2>Datos registrados correctamente</h2>

<a href="index.php">volver</a>

Martes 27 de febrero de 2018

Clase con Albert, no pude asistir estoy esperando que me pasen apuntes…. loading….

miércoles 28 de febrero de 2018

Clase suspendida a causa de la nieve.

1 de marzo de 2018

Clase con Albert aprenderemos a poner imágenes de fondo en un div, para añadir una imagen de fondo utilizamos la etiqueta background-img: url(destino+nombre+extensión imagen.

esto se aplica como estilo del div creado que en este caso le asigno la case fondo.

position: relative;
width: 600px;
height: 300px;
border: 1px solid black;
margin: 30px 50px;
background-image: url(marc.jpg);
background-repeat: no-repeat;
float: left;
background-position: center;
background-size:cover;
/* overflow: hidden; se utiliza para que no muestre */
background-color: green;
/* opacity: sirve para translucir */

Ahora nos a enseñado una web para aprender programación, https://www.codecademy.com/es

curso programacion gentis salt girona
Web Academy para aprender a programar

hemos hecho multitud de ejercicios y la pagina esta bien pero si comienzas desde cero hay bastantes cosas que no sabrás que hacer si antes no has estudiado o programado nada en html o css, se avanza bien.

Mas que nada con este programa estamos repasando desde los inicios del curso de programación, os acordáis de como era la estructura html 5?

vamos hacerla para refrescar la memoria:

Abrimos siempre con la etiqueta <!DOCTYPE html>

luego abrimos <html> lo cerramos abajo y le damos unos espacios para que podamos trabajar dentro

ahora ponemos el <meta charset="utf-8"> esta etiqueta meta sirve para que el navegador interprete caracteres como acentos, ñ, etc...

Ahora abrimos <head> aquí ira todo el contenido de la cabecera, si tenemos estilos o archivos que incluir se ara desde esta sección.

después del head abrimos el <title> que sirve para poner el titulo que se mostrara en la pestaña del navegador y lo cerramos </title>

una vez hemos puesto el title y los includes o link de archivos que hagan falta cerramos </head>

Ahora ya podemos comenzar con el cuerpo de la web con la etiqueta <body> aquí dentro ira todo el contenido de la web, las listas, tablas, párrafos, imágenes, etc...

normalmente pondremos un titulo antes que el párrafo o las imágenes lo aremos dentro de la etiqueta <h1> aquí el titulo que queráis y cerramos</h1>

En caso de querer hacer un menú lo haríamos con listas usamos la etiqueta <ol> para listas ordenadas y la etiqueta <ul> para listas desordenadas y después dentro de cada una le podemos añadir listas con la etiqueta <li> se aplica del siguiente modo:

<ol>

<li> nombre del menú</li>

<li> nombre del menú</li>

<li> nombre del menú</li>

</ol>

esto de arriba seria una lista ordenada, normalmente los menús se hacen en un archivo a parte y se incluyen, de ese modo n tenemos que crearlo cada vez y cuando queremos modificar algo no tenemos que ir archivo por archivo.

cerramos </body>

cerramos </html>

viernes 2 de febrero de 2018

Clase con David Flores, hoy vamos a usar filezilla.

Flezilla es un programa que sirve para subir archivos a nuestro hosting, todos los archivos que forman nuestra web en este curso están en localhost (servidor local) esto tiene la ventaja que no necesitamos Internet para poder trabajar en nuestra web pero por otro lado nadie mas que nosotros puede acceder a la web, esta fuera de linea.

Es por eso que para poder publicar nuestra web necesitamos subir los archivos (copiarlos al servidor remoto) al hosting para que quede accesible públicamente a todo el mundo.

Este programa (filezilla) utiliza un protocolo llamado FTP (file transfer protocol) protocolo de transmisión de archivos.

DESCARGA FILEZILLA

Vamos hacer practicas!

subiremos archivos a un servidor www.000webhost.com

hosting gratis hostinger
Detalles hosting gratis

Este servidor es gratis pero a cada 6 horas mas o menos tienen una hora de inactividad.

hosting gratis hostinger
detalles hosting gratis

Ahora vamos a configurar filezilla para subir archivos al hosting gratis creado.

vamos a crear un nuevo sitio.

  • El puerto a no ser que especifique uno en detalles de servidor lo dejamos en blanco (de origen 21)
  • modo de acceso normal.
  • En usuario y contraseña ponemos el mismo que hemos utilizado para registrarnos en hostinger
  • lo dejamos todo como en la imagen y le damos en conectar s todo esta bien tendría que parecer este mensaje:

Estado: Desconectado del servidor
Estado: Resolviendo la dirección de files.000webhost.com
Estado: Conectando a 145.14.145.4:21…
Estado: Conexión establecida, esperando el mensaje de bienvenida…
Estado: Inicializando TLS…
Estado: Verificando certificado…
Estado: TLS connection established.
Estado: Server does not support non-ASCII characters.
Estado: Logged in
Estado: Recuperando el listado del directorio…
Estado: Directory listing of «/» successful
Error: Conexión cerrada por el servidor

Ya estamos conectados ahora ya podemos entrar y comenzar a pasar los archivos de izquierda (nuestro ordenador) a derecha (servidor remoto)

hemos subido los archivos de la aplicación que llevamos creando desde principios de curso y después hemos creado una base de datos en el php my admin del hosting gratuito y despues hemos intentado importar la base de datos que teniamos en localhost.

Nos ha dado algún fallo y hemos descubierto que si exportamos la base de datos de nuestro localhost en mysql40 después para importarla tenemos que hacer igual y seleccionar mysql40.

Además hemos tenido que comentar una linea de código dentro del archivo que genera al exportar la base de datos localhost.

 

Sobre Marc Oliveras 115 artículos
Técnico en sistemas y redes informáticas, blogger, youtuber & gamer

Sé el primero en comentar

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*