Perfil profesional

tecnologías para la web

**En está web no ofrezco ningún tipo de servicio, ni recopilo ningún tipo de información en referencia a los usuarios. Está página web no utiliza cookies.

**Esta web es para mostrar mi perfil profesional y los proyectos que estoy realizando en el ámbito del diseño y desarrollo web. Aparte me sirve para compartir información sobre recursos, conocimientos, materiales, herramientas... que utilizo en la creación y desarrollo de los mismos.

1.Prototipado gráfico

Crear un diseño gráfico atractivo, con contenidos bien estructurados y organizados resulta fundamental a la hora de diseñar una página web.

Wireframes: distribución de los elementos que componen la web de manera lógica en las diferentes páginas de la web.

Mockups: Diseño de la web con sus estilos, títulos, textos, imágenes, tipografías, iconos y colores, también con las relaciones entre las páginas y efectos dinámicos de sus elementos.

Ejemplos: Adobe XD, PhotoShop y Sketch.

2.Diseño web

Para diseñar una web es fundamental HTML y CSS, y ajustarse a los estandares actuales de la web.

HTML5: Es la estructura y base de toda página web. Es la información que Google tiene en cuenta para conocer de que trata nuestra web, e indica a los navegadores que operaciones debe realizar.

CSS3: Es lo que define el diseño visual de la web, la ubicación de los elementos y el comportamiento de la Web para cada resolución de pantalla.

Ejemplos: HTML, CSS

3.Desarrollo web

Se utiliza javascript como lenguaje de programación del lado del cliente, para dar dinamismo y general interacción en los elementos de una web.

JavaScript: Es el lenguaje de programación del lado del cliente. JavaScript nos permite, desde realizar pequeñas funcionalidades de tipo dinámico, validaciones en formularios o añadir a nuestros proyectos características adicionales a través de HTML5, como para crear aplicaciones web o para móviles completas, a través de librerias o frameworks.

Ejemplos: JavaScript

4.Programación

Fundamental para crear un proyecto web que te permita gestionar tu web de forma sencilla, utilizando funcionalidades complejas y reduciendo los costes de programación.

WordPress: Es un gestor de contenidos (content manager system) de código abierto y totalmente gratuito que nos permite crear cualquier proyecto de desarrollo web, a veces, sin tener que programar, usando su sistema, plantillas y funcionalidades. Sin embargo, en otras ocasiones, en la creación de sitios muy personalizados en cuanto a diseño y funcionalidades nos permite utilizar y modificar su código fuente a través de programación y crear proyectos web completamente adaptados a los objetivos de los mismos que en la mayoría de los casos son llevar a cabo estrategias de marketing digital.

5.Optimización Web

Fundamental para el posicionamiento de nuestra web, como de su posicionamiento en google. Así como saber como los usuarios están accediendo a nuestro sitio web /p>

SEO onPage: Código y archivos base que garanticen que google está indexando bien cada una de las páginas del sitio web y su comprobación en google search console. El SEO onPage es la base para que las páginas de un sitio web posicionen de forma más rápida en los buscadores, especialmente en google.

Analítica web: Códigos para medir el objetivo/s de una web, y las configuraciones necesarias para hacer su seguimiento en google analytics. Consiste en medir y saber si los usuarios están respondiendo a nuestras estrategias de marketing digital, esto es, conocer si las visitas se están convirtiendo en suscripciones, leads o conversiones.

+ Otras tecnologías

Contamos con un bagaje de ayudas que nos permiten hacer el desarrollo de cualquier proyecto de forma más sencilla, rápida, gestionando y controlando el código de forma más segura y óptima, y automatizando tareas repetitivas.

Git: Es una herramienta fundamental que nos permite hacer una gestión controlada y segura del código que estamos creando, nos permite versionar y escalar nuestro código, crear diferentes ramas de desarrollo, revertir los cambios realizados... y almacenar el código de manera segura en la nube de forma pública o privada, para compartirlo o trabajar colaborativamente, con otros profesionales.

Npm: Gestor de paquetes de NODE JS, que nos permite instalar y automatizar tareas diversas. Trabajar con preprocesadores o mediante un servidor local, controlar el código que estamos escribiendo y trabajar con sistemas diversos.

Sigue leyendo para saber más sobre mí...