How to fix a website

13/04/2017 - Posted In: Front & Back Development, Web maintenance


Your website doesn’t work. Ok let’s dig into it.

We need to know if we have a Back issue (Php in this case) or a Front issue (Javascript, Css, o Html).

If you see a blank screen with a message that includes one of the following keywords: Warning, o Fatal Error o Notice, the issue will be fixed reviewing php files. It’s possible that you see your website but with a “beautiful” error at the top, inside the content or at the bottom.
In both cases, the issue will be fixed after reviewing php files.

Otherwise, if the page loads correctly, there is no error message, our issue will reside in our Javascript or Css lines.

Back issues

If your website was working correctly, it’s very possible that you need to update some component or update a configuration file.
For example, in an ecommerce site, when clicking in “checkout” we see a blank screen with an error message, it could be for example that email functions (or mail configuration) are not working well and they are blocking the checkout process (an issue we fixed recently).

To finish, if an error message do appear, probably you will see a route and a filename, and a line number. So you will need to open that file and check that line. With that we will start the “fixing process”, but you will need to know some Php to understand what that lines do.

Front issues

What’s the issue? Any block or any visual detail is not showing up correctly? In some browsers works but not in others? Then, the issue is in our Css lines.

Otherwise, if a button doesn’t works as it should be or an slider is not working well, probably our issue is a Javascript issue. It would be good to open developer tools and check if there are some errors in the Console. If some red text shows up, it will tell you which file and line you have to look at.

It’s not posible to write an article with every solution to any problem, but knowing where to start is the 80% of the solution to that issue.
It’s very different (cost/time) to ask a programmer to fix a problem we already have tracked down, than to just tell a programer to fix an issue without knowing from where that issue is coming from.

You know what they say, fix a bug on a page you made, it’s like being a detective and criminal at the same time. First thing is to try to understand and determine as much as you can where the issue is coming from. If you start touching freely or pasting code lines from internet you can make the issue bigger.

Good luck, and if you need some help, don’t hesitate to contact us.

 

Cómo arreglar una página web

13/04/2017 - Posted In: Web maintenance


Tu página web no funciona. Ok. Vamos a profundizar en ello.

Para empezar vamos a tratar de saber si es un problema en Back (probablemente Php en este caso), o un problema de Front (Javascript, Css, o Html).

Lo que ves es un pantallazo blanco, con un mensaje que incluye Warning, o Fatal Error o Notice.
También puede ser que llegues a ver tu página, pero con un bonito error arriba de todo, en medio del contenido o al final.

En cualquiera de estos dos casos, el problema está en algún archivo php.

Si por el contrario, la página carga bien, no vemos ningún Fatal error, ni warning ni Notice de Php, es que el problema lo tenemos en nuestras líneas de Javascript o de CSS.

Problema en el Back
Si la página funcionaba correctamente, es muy posible que sólo una pequeña parte dé problemas que arrastra o bloquea la buena ejecución de las otras.
Por ejemplo, si al hacer click en “comprar” en una tienda, aparece un error, podría ser por ejemplo que lo que da problemas es el envío de Mails, que a su vez bloquea el proceso de confirmación de pedido (un problema que hemos arreglado recientemente).

Para tratar de determinar el problema: Si aparece un error, seguramente aparece una referencia a un archivo y a una línea determinada. Con eso ya tenemos una pista que nos dice por dónde empezar.

Problema en el Front

Cuál es el problema? Algún bloque o algún detalle visual ha cambiado y no se ve cómo debería? En algún navegador se ve bien pero en otros no?
El problema entonces lo encontraremos en el CSS.

Si por el contrario, lo que no funciona es un botón que debería hacer algo, un slider que no muestra nada o con posición incorrecta es probable que tengamos que revisar las líneas de Js. Para determinar si el problema está en el Javascript, estaría bien para empezar abrir el Developer Tools de chrome, click en la consola, y ver si aparece algún error. Si aparece seguramente nos dirá la línea y el archivo.

Es imposible escribir en un artículo las soluciones a todos los problemas, aunque saber encontrar o determinar cuál es el problema es el 80% de la solución.
También es muy diferente (a nivel de costes y tiempos) encargar a un programador la solución de un problema que ya tenemos claro, a simplemente pedir ayuda a un programador sin tener la más mínima idea de que es lo que hay que solucionar.

Ya sabéis lo que dicen, arreglar un Bug de una página que tu mismo has hecho es como ser detective privado de un crimen que tu mismo has cometido. Lo primero es determinar, conocer y entender totalmente el problema. Si empezamos a tocar sin más, o a copiar y pegar líneas de internet, puede ser que agrandemos el problema.

Mucha suerte, y si necesitas ayuda no dudes en ponerte en contacto con nosotros.

Curso programación Online Front End

07/03/2017 - Posted In: Learn


Índice Curso Front End #1 – 400 €

  • Maquetación Responsive con HTML, CSS, LESS. Llegaremos hasta los Media queries.
  • 3 diferentes frameworks (Bootstrap / Foundation / Semantic UI) para profundizar en los conceptos de CSS y Mobile First.
  • El DOM y jQuery.
  • Integrando fuentes de datos de terceros (APIs) con jQuery
  • CSS3 y Flex (animaciones, transformaciones, …)
  • Imágenes SVG / Icons Fontastic / Font Awesome
  • SEO on page
  • Google Analytics
  • Optimización Web: CSS (top.css / body.css / footer.css), Domain driven, CDNs, velocidad de carga, Google page insights.
  • Encontrar respuestas en google.
  • Conocer como integrar paquetes/plugins/scripts de terceras partes.
  • Proyecto final WordPress. Instalaremos y configuraremos WP. Haremos una plantilla de WordPress y la pondrás a la venta en theme forest. Si quieres profundizar en WP, por tu cuenta puedes continuar investigando “Custom Post Fields”

Este curso te permitiría aplicar en ofertas de trabajo de programador Front, Html/Css/jQuery y WordPress. Entre 15.000 – 24.000 € / año (en España)

Índice Curso Front End #2 – 800 €

  • Teoría básica preparatoria. Patrones de diseño, introducción a Javascript
  • Algoritmos fundamentales
  • Javascript: prototipos, objetos, clases, contextos, scopes, etc…
  • LocalStorage, Sql en cliente, cookies, etc…
  • Framework Javascript: Backbone / Angular / React / Vue. Elegir 2 para profundizar en los conceptos de Javascript.
  • “Build First approach” y Grunt.
  • Testing: Automatic testing con CasperJs y mocha.
  • Bonus: “Degrade to Desktop” y “Progressive Enhancement”
  • Proyecto final: Crearemos una app cliente que consuma datos de una API pública. (Libre)

Este curso te permitiría aplicar en ofertas de trabajo de programador Front / Javascript . Ya sea Backbone, Angular o el framework que elijas. Ahora mismo, 2017, la palabra Angular está en la mayoría de ofertas de front. Entre 20.000 y 30.000 € / año.

El profesor
Beto López Ayesa
https://www.linkedin.com/in/betoayesa/
Twitter: http://www.twitter.com/betoayesa

Próximos cursos presenciales: Septiembre 2017, Febrero 2017
Curso online: pónte en contacto aquí betolopezayesa@gmail.com

¿Necesitas ayuda con tu sitio web?

22/01/2017 - Posted In: Services, Web maintenance


Mantenimiento y mantenimiento de sitios web
Nuestros servicios de mantenimiento de sitios web y de sitios web le pueden proporcionar soluciones de sitios web continuas o puntuales, confiables y asequibles, entregadas de manera oportuna y profesional.

Si es un pequeño negocio basado en el hogar o una organización más grande, corporativa o gubernamental, podemos responder a sus necesidades y proporcionarle el apoyo que necesita.

Mantenimiento del sitio web
El mantenimiento del sitio web puede utilizarse para actualizaciones simples del sitio web, como cambiar texto o imágenes en una página web, hasta un mantenimiento más completo del sitio web, como nuevas páginas o nuevas funciones para su sitio web.

También podemos ayudar con los servicios de mantenimiento de sitios web, como galerías de fotos, calculadoras y más. Nuestros precios de mantenimiento de sitios web competitivos incluyen descuentos generosos para grandes volúmenes de trabajo mensuales.

¿Por qué elegirnos?
Entregamos su proyecto a tiempo, con presupuesto y con un servicio al cliente excepcional. Ningún proyecto es demasiado pequeño y no hay tal cosa como una pregunta tonta. Nuestros valores fundamentales demuestran quiénes somos y cómo trabajamos.

Lea lo que nuestros clientes dicen sobre nuestro sitio web de mantenimiento y servicios de apoyo. Si desea discutir sus necesidades con más detalle, no dude en ponerse en contacto con nosotros.

Encuentre más información sobre nuestras tarifas y servicios aquí

Añadir aviso de cookies y política de privacidad

22/01/2017 - Posted In: Downloads, Front & Back Development


Simplemente incluye el archivo JS. Un div position:Fixed aparecerá con la información sobre cookies y privacidad. Si un usuario hace click en cerrar, la alerta no volverá a mostrarse. Si la alerta es mostrada más de 3 veces, tampoco aparecerá de nuevo. Todo es configurable.

Puedes descargar este archivo JS e incluirlo en tu proyecto directamente.
https://github.com/natzar/Cookies-Alert/blob/master/CookiesAlert.js

No tiene dependencias. No se usa jQuery. Si el navegador soporta localStorage, funcionará al completo, si no, el aviso se mostrará siempre.

Puedes modificar el aspecto, texto y contenidos. Sólo abre y edita el archivo .js.


        

Google es quién manda en html no el W3C

04/03/2015 - Posted In: Other


Cumplir con los estándares del W3C nunca ha sido sinónimo de que tu web sea totalmente accesible, ni compatible con todos los navegadores, ni garantía de que tu web sería más simpática para los buscadores …

Para mí siempre ha sido un engorro ver como a veces el código era validado por el W3C, pero según en qué navegador, el css estaba totalmente roto, o el html no estaba 100% OK.

Tengo apuntado investigar más, realmente, porqué es importante o incluso imprescindible que tu trabajo web sea validado por el W3C. ¿Alguien que lo tenga más claro que yo me ayuda en los comentarios?

De momento, me gusta seguir más las recomendaciones de google, por ejemplo https://support.google.com/webmasters/answer/176035 o las recomendaciones que te puedan dar para el SEO, que los del W3C.

Notas sobre LEAN-UX

17/04/2014 - Posted In: Books


Un resumen sobre el libro LEAN UX.

Por si no te suena el concepto LEAN, se trata de un método para ir avanzando entre lo desconocido, en este caso, el desarrollo de un nuevo producto. Método para ir avanzando definiendo hipótesis y comprobando resultados hasta la victoria.

Muy interesante, aunque lo más importante lo puedes encontrar resumido aquí (en inglés):
enlace github

Si quieres más, compra el libro en amazon

¿What is Spaghetti code?

30/03/2014 - Posted In: Other


Spaghetti code is a pejorative term for source code that has a complex and tangled control structure, especially one using many GOTOs, exceptions, threads, or other “unstructured” branching constructs. It is named such because program flow is conceptually like a bowl of spaghetti, i.e. twisted and tangled. Spaghetti code can be caused by several factors, including inexperienced programmers and a complex program which has been continuously modified over a long life cycle. Structured programming greatly decreased the incidence of spaghetti code.

Source: wikipedia



Events + Flights + Airbnb