Apuntes semana 12 curso de programación web

Fundacio gentis salt girona

Martes 3 de abril de 2018

Comenzamos la clase con Albert, comenzamos proyecto nuevo, haremos un resume cv, un curriculum vitae online donde pondremos todas nuestras experiencias laborales, habilidades, proyectos elaborados, etc..

Para comenzar vamos a buscar ideas en la web www.themeforest.net donde hay cientos de ejemplos para ver y probar.

De momento los únicos themes que me han gustado son estos:

http://premium.themolitor.com/?theme=theapplicant

http://preview.themeforest.net/item/vertica-wp-resume-cv-portfolio/full_screen_preview/10311740?_ga=2.243883909.1413142237.1522761468-155647901.1516896161

Los demás los encuentro muy cargados parecen web’s completas en ves de algo para echar un vistazo rápido, que creo que es lo mas oportuno, para eso están los links para si quieren ver mas.

Después de un rato mirando diseños de plantillas estamos practicando animaciones en CSS con la librería animate descargada de la web https://daneden.github.io/animate.css/ una vez descargada la ponemos en la carpeta CSS de nuestro proyecto y l lincamos donde se necesite.

Ahora simplemente añadiendo la clase animated y el tipo de animación que queramos ya hará la animación, añadiendo la classe infiniti hacemos que haga un loop infinito de la animación.

Ademas hemos añadido un hover con el estilo transition: all 1s y hace que el cambio se haga en el tiempo especificado.

Ya veis que es muy sencillo y en algún momento puntual puede ser un buen recurso para destacar algo o hacer alguna animación.

Miércoles 4 de abril de 2018

Clase con Josep volvemos con la aplicación para la gestión de clientes, estamos trabajando en la seguridad de la aplicación para que no se pueda acceder por url a los archivos que modifican y eliminan, hemos aplicado un requisito que los datos tienen que venir de formulario.

Por primera vez en la historia del curso la alumna Rosa ha hecho lo que dice el profesor!! 🙂

Ahora vamos hacer que se guarde la sesión y las cookies para mas seguridad.

Para ello hemos credo un fichero llamador seguretat.php en el que recogerá las id de inicio de sesión del navegador, aquí dejo el interior del fichero.

<?php
session_start();
$session_id = session_id();
if ($_SESSION["autentificado"] !=$session_id) {
header ('location:index.php');
exit();
}
?>

También tenemos que añadir en cada fichero que nos interese comprobar la identidad del usuario un pequeño código que comprobara la id con el fichero seguretat.php que lo tendremos que requerir antes de nada en esos ficheros.

session_start();
$session_id = session_id();
$_SESSION["autentificado"] = $session_id;

Esto esta en archivo de login que valida los usuarios.
Las variables que están en mayúsculas con el guion bajo después de la $ del dolar son variables globales que pasan la información entre archivos y hasta que no se destruye la sesión no deja de almacenar esa variable.

 

Jueves 5 de Abril de 2018

Clase con Albert, hoy tenemos que hacer un PDF con lo que hemos escogido para la creación de nuestro resume cv, tendrá que contener:

  • Referentes
  • Elementos interesantes
  • Colores y estilos
  • Otros

 

RESUME CV MARC OLIVERAS GUERRERO

Quiero hacer un resume cv simple y minimalista, pero que contenga todo lo que el interesado necesita saber de sobre mi.

Me ha gustado esta barra de menu donde esta siempre visible el nombre y las redes sociales, es simple y en todo momento recuerda el nombre de quien estas buscando información me parece una buena manera de que te recuerden.

De esta plantilla me ha gustado que puedas poner una imagen de fondo y que puedas poner tu foto de perfil aunque yo preferiría formato cuadrado en vez de redondo, queda el container desplazado a la derecha y te da más espacio para jugar con la imagen de fondo.

Me gusta que tenga desde el principio un método de contacto y un enlace al blog, la descarga la omitiría, creo que dentro de la web ya contendrá toda la información necesaria.

Me gusta la sencillez pero la banda de colores en el borde superior me llama la atención puede a que los demás también y rompería un poco los tonos grises combinado con blanco que me gustaría utilizar.

Añadir un texto que hable sobre mi, no muy extenso y que además de poner que soy informático que hable un poco de quien soy como persona y que quiero en la vida, pero resumiendo.

Me ha gustado mucho este tipo de fuente, aunque si encontrara otra mas rollo Ms Dos pues mejor, ya que mi perfil tratara de informática.

Este formato de habilidades es el que más me gusta y es en movimiento ya sabes la barra crece hasta llegar a su % solo lo hace la primera vez que se entra pero esta bien.

Este me ha llamado la atención y quiero ahorrarme escrito poniendo los certificados digitalizados, creo que da un reconocimiento mayor que un simple texto bla bla bla..

Esto me lo he cogido como idea para mostrar seguidores en redes sociales donde tenga mas usuarios, me gustaría utilizar horas dedicadas puedo poner muchas, visitas diarias al blog también es un buen número, y seguidores en youtube. al igual las habilidades quiero que los números ascienden gradualmente con animación.

Me ha gustado este contacto es muy visual y carece del anticuado formulario, cambiaría el icono de phone por whatsapp y lo otro lo dejaría igual.

Creo que será muy simple y se podrá ver que estoy certificado para el trabajo que ofrezco o busco, se podrá apreciar que tengo seguidores y añadirá seguridad al posible cliente / socio / jefe, se podra qué habilidades tengo y cuanto las se utilizar, me conocerán un poco como persona gracias a la descripción y la fotografía de perfil y por último podrán contactar fácilmente conmigo.

Será muy corto sin tener que moverse mucho ni hacer scroll, además se verá casi igual desde cualquier dispositivo obviando la imagen de fondo.

Me inspirado en los temas:

Vertical

The Molitor

Me parece interesante los elementos:

Certificado digital, iconos numérico gradual, habilidades

Quiero utilizar los colores:

Blanco predominante

Letra negra

Iconos grises

Algún toque de azul claro, líneas divisorias o algo pequeño.

Esto ultimo es un croquis uniendo las diferentes partes que interesan, pero no es el resultado final ni mucho menos.

Viernes 6 de Abril de 2018

Clase con David Flores, repasamos las conexiones y la transferencia de archivos por ftp.

Las conexiones FTP se actualizaron a SFTP una mejora de seguridad que incluía SSL que encripta los datos para mas seguridad y privacidad de archivos.

Nos ha dado unas pautas de precaución a seguir a la hora de subir archivos nuevos a la web y consejos varios:

  • hacer Backups
  • antes de sobrescribir renombrar
  • ante la duda cancelar
  • si algo no estamos seguros bajamos el directorio en local para tener una copia
  • mirar de no editar en caliente
  • hacer una pagina de mantenimiento
  • no borrar carpetas vacías puede haber archivos ocultos

El próximo viernes tenemos examen tipo test, la pregunta que es una MAC saldrá seguro!

Una MAC es un número de 12 dígitos, identificador único que identifica la tarjeta de red, también se conoce como la dirección física.

 

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.


*


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.