Category Archives: Desarrollo Web

Cursos online gratis para crear tu página web desde cero

cursos Desarrollo Web Diseño Web Educación educación online formación Programación Trending
Cursos online gratis para crear tu página Web desde cero

¿Quieres diseñar y lanzar tu propio blog, plataforma o medio de comunicación desde cero pero no sabes cómo? Recopilamos una serie de los mejores cursos online gratis para crear tu página web paso a paso.  Si quieres sentar los cimientos de tu proyecto de página web y crearla desde cero, tienes numerosos recursos a tu […]

Powered by WPeMatico

Published by:

Los mejores MOOC y cursos online gratis para aprender a programar

cursos Desarrollo Web Educación educación online Programación Trending
Los mejores cursos online gratis para aprender a programar

Existen en la red numerosos recursos para aprender a programar gratis. Una de las maneras más efectivas es mediante MOOCs, cursos online gratuitos que puedes cursar desde tu dispositivo favorito y ampliar -o iniciarte- en las competencias necesarias para ser programador. Aprender a programar es una garantía de empleo en la actualidad, además de una profesión […]

Powered by WPeMatico

Published by:

Cómo redactar el apartado “Quiénes somos” en tu página web

Desarrollo Web ecommerce marketing digital negocio Tecnología tienda online
Cómo redactar el apartado "Quiénes somos" en tu página web

El apartado denominado “Quiénes somos” o “Nosotros” dentro de una página web es uno de los más consultados por los usuarios y por ello, debes redactarlo lo mejor posible para aportar valor sobre tu actividad y las principales características de tu negocio. Te damos algunas claves para lgorarlo.

Powered by WPeMatico

Published by:

Significado de los códigos de error HTTP más comunes

Aparte del popular error 404, existen otros códigos de estado http que sirven para informar sobre errores a los usuarios que se encuentran navegando y en ciertos casos, incluso a los administradores web. ¿Cuántos de ellos conoces? ¿Existe algún otro código aparte del 404 que hayas podido ver en alguna página? Es bastante probable que la respuesta a esta última pregunta sea sí, pero tal vez ninguno de ellos te llamó bastante la atención. Sin embargo, ya que nos ofrecen información valiosa, en este artículo te explicaremos sobre los códigos de error http más comunes.

400 – Bad Request

Cuando el cliente envía una petición que el servidor no puede comprender, aparece el error 400. Suele sucede cuando los datos enviados por el navegador no cumplen con las normas del protocolo HTTP. Es así que el servidor desconoce como procesar una solicitud que contiene una sintaxis incorrecta.

Cuando ves una página de error 400, es probable que exista algún tipo de componente inestable de parte de cliente como un sistema operativo que no se encuentra lo suficientemente protegido, un navegador defectuoso o un problema de caché. Así que es una buena idea realizar ciertas pruebas en tu ordenador antes de contactar al administrador de un sitio web por un error de este tipo.

Las pruebas que puedes hacer es intentar abrir la página en una navegador distinto o verificar si tu sistema operativo se encuentra con todas las actualizaciones importantes instaladas. Si al ingresar a diferentes sitios web obtienes este tipo de error, es probable que a tu ordenador necesite una revisión de seguridad.

401 – Authorization Required

Si el cliente ha solicitado una página web que se encuentra protegida por una contraseña, el servidor devuelve el error 401. En este caso no se devuelve el error de manera típica, sino que aparece una ventana emergente en la cuál se solicita al usuario que ingrese una contraseña para acceder al sitio web. Si tienes la contraseña, podrás visualizar la página web sin problemas. Si no ingresas ninguna contraseña serás direccionado a la página que indica el error.

En este caso, no se trata de un posible fallo de tu ordenador ni nada por el estilo. Es simplemente que el administrador web ha decidido proteger todo su sitio web o parte del mismo de accesos no autorizado mediante una contraseña.

403 – Forbidden

Este tipo de error se presenta cuando el servidor comprende la solicitud de cliente, pero por alguna razón no puede completarla. Las causas no se deben a sintaxis incorrecta o un problema de autorización, sino a que el administrador web no permite a los visitantes navegar por el directorio de archivos. Cuando este tipo de protección está activada, los visitantes no pueden acceder a las carpetas de forma directa. Otra posible razón que explica este tipo de error es que el archivo específico que ha solicitado el cliente no tiene permisos para ser visto desde la web. Todas estas medidas de seguridad son tomadas por el administrador web para proteger archivos que tienen información clasificada.

404 – Not Found

404 es uno de los estados http más conocidos y es bastante probable que te hayas topado con este tipo de error alguna vez. Este código indica que el servidor no ha encontrado nada en la ubicación especificada por el cliente, ya sea porque la URL no se ha ingresado correctamente o la estructura de URLs permanentes (también conocidas como permalinks) ha sido modificada de tal manera que todos los enlaces han sido movidos a diferentes ubicaciones.

En ciertos casos, el error 404 también se puede presentar cuando un sitio ha sido trasladado recientemente a otro servido y el DNS apunta a la ubicación antigua. Pero este es un problema al que hay que darle un poco de tiempo para que se solucione.

Aunque en ciertas ocasiones es imposible evitar este error, es recomendable optimizar esta página en tu sitio web y activar la re-dirección automática en caso hayas modificado los enlaces permanentes del sitio.

408 – Request Time-Out

Cuando la solicitud del servidor está tomando demasiado tiempo, la sesión expira y el servidor finaliza la conexión, en este momento el navegador muestra el error 408. Esto sucede usualmente porque el servidor no recibió una solicitud completa del cliente durante el periodo de tiempo que tenía configurado para esperar. Si el error es recurrente puede suceder debido a una carga demasiado pesada para el servidor o por parte del sistema de cliente. En ciertos casos, ambas partes involucradas en la conexión funcionan correctamente, pero la conexión de internet puede obstruir el tiempo de envío del mensaje.

Algunos sitios web personalizan esta página de error, al igual que se suele hacer con las páginas 404, aunque no están común como encontrar páginas de error 404 personalizadas y optimizadas por los administradores.

El error 408 suele ser solucionado fácilmente al refrescar la página con el botón respectivo del navegador.

410 – Gone

El código de error 410 es bastante parecido al popular 404. Ambos indican que el servidor no encuentra el archivo solicitado, la diferencia es que el código 404 implica que el archivo puede estar ubicado en otro directorio del servidor, mientras que el 410 indica que el archivo ya no se encuentra disponible.

El código 404 se utiliza cuando existe una posibilidad de que el archivo se encuentre disponible en otra ubicación. Es decir, el archivo tal vez puede ser visto al colocar otra URL y el servidor no descarta esta posibilidad. Sin embargo, el 410 indica que el archivo ya no se encuentra disponible y es bastante probable que el administrador web haya hecho esta modificación en el directorio.

500 – Internal Server Error

El código 500 es uno de los más conocidos cuando se trata de errores por parte del servidor. Se emplea cada vez que el servidor se encuentra con algún tipo de fallo que no le permite completar la solicitud del cliente. Es un código bastante genérico pues se emplea cuando ningún otro código de error sirve para explicar el fallo que se ha presentado.

Aunque este código indica explícitamente un fallo de lado del servidor, es posible que el cliente tome acciones simples para solucionarlo como refrescar la página, borrar el almacenamiento caché, borrar las cookies y reiniciar el navegador.

502 – Bad Gateway

El código 502 indica un error de comunicación entre dos servidores. Sucede cuando el cliente se conecta a un servidor que actúa como un proxy o un portal que necesita acceder a un servidor ascendente, el cual proporciona un servicio adicional al servidor inicial. En estos casos, usualmente el otro servidor se localiza en un nivel superior en la jerarquía de servidores.

En otras palabras, cuando se produce un error 502 implica que no hay una respuesta válida por parte del servidor ascendente. No quiere decir necesariamente que este servidor esté caído, sino que los dos servidores no coinciden en el protocolo a usarse para intercambiar información. Sucede usualmente cuando uno de las máquinas no se encuentra correctamente configurada.

503 – Service Temporarily Unavailable

Este error puede aparecer cada vez que se da una sobrecarga en el servidor o cuando se está realizando algún mantenimiento programado. El error 503 indica que el servidor no se encuentra disponible de momento. De momento es la palabra clave en este caso pues este tipo de error es usualmente una condición temporal que puede ser resuelta en horas (si se detecta a tiempo).

504 – Gateway Time-Out

El código 504 también incida un error de comunicación entre dos servidores al igual que el error 502. En este caso particular se reconoce que el servidor de menor nivel no ha recibido una respuesta en el tiempo permitido por el servidor ascendente al cual ha accedido.

Es el mismo problema que ocurre en el caso del error 408, solo que el fallo no se da entre cliente y servidor, sino entre dos servidores. Este error implica que existe una comunicación tardía entre dos servidores, aunque también es posible que el servidor de mayor nivel esté caído y por esta razón se produzca este código de error.

En conclusión…

Como ves, existen otros códigos de error http comunes que sirven para informar tanto a los visitantes como a los administradores web. Ya que estos mensajes suelen ser breves y es posible que no entiendas todas las particularidades sobre los mismos, es necesario que busques mayor información en otras fuentes. Esperamos que este artículo te haya servido para entender mejor qué significan estos códigos y por qué se producen este tipo de errores.

Este artículo Significado de los códigos de error HTTP más comunes ha sido creado por el Blog Aula Formativa.

Powered by WPeMatico

Published by:

Fuentes gratuitas de tipo monoespaciado ideales para programación

Existe una fuente para cada ocasión. Las tipografías no sólo permiten comunicar un mensaje de forma textual, sino también de forma visual pues las características propias de cada tipografía permiten transmitir cierto mensaje. Los diseñadores conocen este hecho y por esta razón deben seleccionar cuidadosamente las fuentes para cualquier interfaz o diseño de manera que vaya acorde al mensaje que se desea comunicar, así como la personalidad de la marca. Asimismo, se debe tener en cuenta la legibilidad de cada una de las fuentes y otros factores externos como el contraste, el tamaño de la fuente, etc. Existen una serie de elementos que deben tomarse en cuenta al elegir una tipografía.

Como programador, esta no es tu área de experiencia y ni siquiera debería importarte pues no es parte de tu responsabilidad, tú tienes otras tareas a las que dedicarte. Sin embargo, al trabajar con un ordenador, también estás en contacto con fuentes, particularmente las que empleas en tu día a día para programar. Tal vez las fuentes estándar que incluye tu editor de código o IDE favorita sean suficientes para ti. Pero es bueno saber que cuentas con otras opciones disponibles.

En este artículo te mencionamos algunas fuentes gratuitas que han sido diseñadas para programadores. Como tales, muchas presentan monoespaciado que implica que el espacio horizontal de cada letra es igual. Aunque al principio, las tipografías “monospace” se empleaban en programas informáticas debido a las limitadas capacidades gráficas de los ordenadores en aquel entonces. Con el paso de los años se siguen utilizando no sólo por costumbre, sino por la gran legibilidad que poseen estas fuentes.

Iosevka

Iosevka es una fuente gratuita de estilo sans-serif que es ligeramente curva. Posee bastones delgados y contiene cuatro estilos: Regular, Negritas, Itálicas y Negritas-Itálicas. La propia forma de las fuentes combinado con el kerning y tracking de la tipografía permite que sea legible.

Está inspirada en tres tipografías distintas: Pragmata Pro, M+ y PF DIN Mono.

Anonymous Pro

Anonymous Pro es una familia de cuatro fuentes que ha sido diseñada para programadores. Contiene caracteres romanos, griegos y cirílicos pues, aunque la mayoría de lenguajes de programación contienen palabras en inglés, los programadores más experimentados suelen colocar anotaciones importantes.

Anonymous Pro se ha visto inspirado por una fuente crea en el 2001 llamada Anonymous.

Ubuntu Monospace

Como su nombre indica, Ubuntu Font es la familia oficial de fuentes del sistema operativo de Linux que posee el mismo nombre. Esta gran familia tipográfica sans-serif que incluye más de 10 variaciones, entre ellas Ubuntu Monospace.

Ubuntu Monospace viene en 4 estilos: Regular, Negritas, Itálicas y Negritas-Itálicas. Como su nombre indica, Monospace posee características que la hacen ideal para programación y al mismo tiempo la fuente luce moderna y diferente.

Fantasque Sans Mono

Fantasque Sans Mono es una tipografía curva, de bastones delgados que posee curvaturas mayores en algunos caracteres específicos como la “v” o la “y”. Esta característica permite que se distinga de otras fuentes. Sus líneas curvas la destacan como una fuente amigable y al mismo tiempo moderna.

Fantasque Sans Mono es una fuente que posee caracteres para diversos idiomas como latín, griego, catalán, holandés, rumano, etc.

Hermit

Hermit es una fuente particular pues ha sido diseñada por un programador para otros especialistas dentro de la comunidad. El principal objetivo al diseñar esta fuente ha sido la claridad y legibilidad, de tal forma que cada carácter ha sido planificado cuidadosamente para seguir estos dos principios.

Hermit es una fuente legible incluso en puntajes pequeños (desde 8 puntos para arriba) y se han realizado pruebas en Vim para comprobar su grado de claridad. La mayoría de caracteres son legibles, sin embargo, algunos símbolos como el porcentaje (%) pueden ser confundidos en tamaños muy pequeños.

Fira Mono

Fira Mono es otra fuente de tipo monoespaciado que puedes utilizar. Los caracteres se pueden diferenciar uno del otro de manera sencilla y contiene vocales, consonantes, numerales y símbolos especiales básicos. Viene en tres estilos distintos: Regular, Medium y Bold.

Aunque los bastones suelen ser ligeramente más gruesos que otras fuentes de este mismo tipo, puedes utilizar la versión Medium si la Regular no cumple con tus requisitos específicos.

Bitstream Vera Sans Mono

Bitstream Vera Sans Mono es una fuente legible, como la gran mayoría de fuentes de tipo monoespaciado que incluimos en esta lista. Los caracteres son bastante curvos, se puede notar claramente en la forma de la “b”, “d” u “o”. Por otro lado, las mayúsculas suele ser más rectas que las minúsculas.

Esta familia tipográfica contiene 4 estilos: Roman, Oblique, Bold y Bold Oblique. Cada una de ellas incluye más de 260 caracteres, entre ellos símbolos matemáticos especiales, tildes, diéresis, etc.

Source Code Pro

Source Code Pro es una fuente diseñada a partir de Source Sans y cuyo objetivo era crear una fuente óptima para entornos de programación. Aunque mantiene ciertas características propias de Source Sans se le ha añadido el típico monoespaciado para incrementar la legibilidad de los caracteres.

Source Code Pro es una gran familia tipográfica que posee más de 10 variaciones como ExtraLight, Medium, Semibold, Black, etc. Además, posee una gran cantidad de caracteres para diversos lenguajes. 

Envy Code

Envy Code es una fuente angosta y curvilínea, rasgo que se puede notar claramente al ver su “A”. Esta tipografía también presenta características que podrían servir en algún diseño que intenta imitar el tipeo de las máquinas de escribir. Al ser una fuente angosta y legible, es ideal para leer o revisar largas líneas de código.

Envy Code posee tres variaciones: Regular, Itálicas y Negritas. Es una fuente con una gran cantidad de caracteres, pues cada uno de sus estilos posee más de 600 signos.

Este artículo Fuentes gratuitas de tipo monoespaciado ideales para programación ha sido creado por el Blog Aula Formativa.

Powered by WPeMatico

Published by: