Portafolio Antonio Nogales Ruiz

Un blog portafolio en el que mostrar qué clase de cosas puedo hacer. Está diseñado para un uso profesional.

Páginas web

Gracias al reciente curso que he realizado sobre front end, he podido aprender a hacer páginas web desde 0. Aquí se exponen algunos de los mejores trabajos que he realizado desde entonces.
Principalmente utilizo Visual Studio Code para todo lo relacionado con la codificación, además de otros programas como Photoshop para editar imágenes y Clip Studio Paint para realizar los mock ups y demás.
A contuniación, algunos de mis trabajos:

Cabe destacar que las únicas páginas con diseño responsive son las dos primeras. El resto es posible que no se vean apropiadamente en un teléfono móvil.


Página de una empresa de construccion

Página de empresa de construcción

Página web que fue hecha como proyecto final del curso de creación de páginas web que estoy haciendo. En ella se presenta una empresa de construcción ficticia con su web completamente funcional y terminada.

Es posible ver la página web desde este enlace.

Página de empresa de construcción 2

Página web de un centro comercial

Página de Centro Comercial

Página web realizada como práctica para aprender sobre bootstrap. En ella se representa un centro comercial inventado.

Es posible ver la página web desde este enlace.

Pagina de Centro Comercial 2

Página de Apuestas

Página de apuestas

Página con un juego de apuestas. En este juego se comienza con un máximo de 50 monedas y hay que elegir un número de monedas para apostar y un número al que apostar. Los números disponibles son del 1 al 6 (los números de un dado). Si se acierta, se obtienen el doble de monedas de las apostadas (las que se apostaron al principio + el mísmo número que se hayan apostado), en cambio, si se falla, se pierden el número de monedas apostadas. En caso de ingresar más monedas de las que tenemos, o elegir un número que no sea del 1 al 6, la página web lanzará un aviso indicando que esos valores no son válidos.
Esta página fue hecha como práctica de javascript, por lo que no hay elementos de CSS. Las monedas y el dado son imaginarios. Lo único que hay de ellos son sus respectivos números.

Es posible ver la página web desde este enlace.


Teclado funcional

Teclado

Página con un teclado funcional. Dispone de todas las letras del abecedario, además de un botón para añadir espacios y un botón para borrar. El resultado aparece en la barra blanca que está encima, en mayúsculas.
Fue un trabajo para practicar React

Es posible ver la página web desde este enlace.


Datos de usuario

Datos de usuario

Página hecha para practicar javascript. Está diseñada para que sean necesarios los siguiente requisitos:

En caso de no cumplir alguno de estos requisitos, la página avisa al usuario mediante un alert. Además, en ningún momento se ha usado el atributo required en el HTML.

Es posible ver la página web desde este enlace.


Pizzería

Pizzaria 1

Página web creada para probar if else y switch en javascript. En este caso, se hizo un menú de pizzaría. Cuando se le da al botón, aparece una alerta en la página preguntando por el número de pizza y bebida que se quiera. Después de eso, la página alertará al usuario de qué ha elegido.
Además, como dato curioso, existen una pizza y bebidas secretas si no se pone nada cuando la página pregunte qué se va a tomar.

Es posible ver la página web desde este enlace.

Pizzeria 2

Página web portafolio

No es necesario añadir una captura de pantalla, pues ya se encuentra dentro de esta página. Puede encontrar multitud de elementos aquí, como vídeos, imágenes, enlaces, videos insertados de YouTube, entre otras cosas. Siéntase libre de explorar la web en su totalidad.