Perfil profesional

Experiencia profesional:

1.Diseño web

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.

Conjunto de técnicas y programas que nos permiten diseñar patrones de diseño, realizar el prototipado de la página web, crear las funcionalidades de interacción… Lo que nos servirá como base más tarde a la hora de realizar el trabajo de desarrollo web. Los programas más usados para ello, entre otros son Adobe XD, Adobe Photoshop, Sketch e Invision.

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

Creación de 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.

Herramientas : Adobe XD, PhotoShop y Sketch. Incluye: Selección de colores, tipografías e iconos, retoque de fotografías.

Maquetación con CSS y HTML

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.

Preprocesadores: Son herramientas que nos permiten trabajar tanto en HTML como en CSS, con funcionalidades extras, crear estructuras de carpetas, definir variables, usar funciones de programación....

Herramientas: PUG, SASS, GULP, NPM Incluye: Maquetación con HTML5 y CSS3 con lenguajes de preprocesador. Página web adaptada a los diferentes dispositivos.

+ Marketing digital

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

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.

User experience: Códigos y herramientas que permitan saber si los usuarios que visitan la web, lo están haciendo tal y como nosotros desearíamos que lo hicieran.

Herramientas: Google Search Console, Google Analytics, Google Tag Manager...

2.Programación

WordPress

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.

Herramientas: WordPress + Plugins Incluye: Configuración de plantillas a través de cualquier sistema, selección de plugins, adaptación de cualquier diseño mediante 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.

JavaScript

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.

Herramientas: ESMAScript6 Incluye: Desarrollo de funcionalidades de programación con JavaScript.

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.

**Lo uso y utilizo las mismas para dar dinamismo e interacción a cualquier página web, no para crear o desarrollar aplicaciones web.

+ Otras tecnologías

**Antes de iniciar el proyecto se prepara para poder trabajar con las herramientas y librerías que sean necesarias para su desarrollo.

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.

Gulp: Funciona junto a Npm como gestor de tareas, cuyo objetivo es el de añadir funcionalidades para el desarrollo de cualquier proyecto (configuración de herramientas, automatizaciones y servicios).

Competencias: Configuración y desarrollo de un proyecto con Npm, Gulp, Git.