Cómo utilizar los componentes de LitElement en cualquier proyecto web

Hoy en día, prácticamente todos los navegadores entenderán el código de Web Components con el que trabajemos. No obstante, la implantación de estos componentes en cualquier proyecto web requiere de cierta práctica y preparación previa. Esto es exactamente lo que haremos en este tutorial con un ejemplo muy sencillo. Y, para ello, nos apoyaremos en LitElement, que funciona con cualquier tecnología que usemos del lado del servidor.

Leer más

Redux en LitElement

Ya hace un tiempo que realizamos una primera aproximación teórica a Redux, una librería específica para el control del estado, útil para aplicaciones desarrolladas bajo cualquier framework frontend. Resulta especialmente interesante porque encaja muy bien con el modelo de desarrollo de LitElement, aunque no sea necesario su uso en las aplicaciones basadas en Web Components, así que esto es algo que abordamos en este artículo.

Leer más

Buenas prácticas y recomendaciones para el Desarrollo Web con PHP

PHP es el lenguaje de servidor con más penetración en el ámbito la web y es el motor de las herramientas más extendidas, como WordPress. Se ha convertido en un lenguaje popular, usado por todo tipo de profesionales y aficionados. Pero tanta popularidad también puede resultar negativa y, de hecho, es la raíz del mayor defecto de PHP: las malas prácticas de los desarrolladores.  En este artículo, queremos hacer un resumen de las prácticas más importantes y aconsejables para trabajar con PHP. Algunas de ellas son realmente básicas y esperamos que las estés llevando a la práctica. Otras de ellas, seguramente, te darán pistas sobre qué puedes mejorar en tus proyectos.
Leer más

Qué evolución tendrán Polymer y LitElement

Polymer tiene una corta vida, pero su evolución ha sido meteórica y con un futuro prometedor. Sin embargo, la llegada de LitElement, una clase de programación orientada a objetos JavaScript que podría considerarse su evolución (no en vano comparten creadores) nos hace plantearnos su evolución. La clave de esta historia son los Web Components, que evitan la necesidad de utilizar librerías propietarias utilizando el estándar de JavaScript, mejorando el peso de las aplicaciones y ayudando al navegador a resolver todo por su cuenta.

Leer más

Por qué y cuándo usar Git para desplegar un proyecto web (y no el FTP)

Aunque tradicionalmente siempre se ha utilizado el FTP para enviar los archivos a nuestros servidores y que estén online, puede que la agilidad y fiabilidad de Git, la conocida aplicación de control de versiones, nos convenza para realizar todas las tareas de despliegue de proyectos web, aunque requeriremos permisos de administración sobre el servidor y ciertos conocimientos técnicos. En este artículo, te explicamos las ventajas de utilizar Git en comparación con el tradicional  FTP y, próximamente, publicaremos un tutorial sobre cómo llevarlo a la práctica.
Leer más

Cómo recortar texto de una línea usando puntos suspensivos con CSS

En ocasiones cuando trabajamos en una página web, nos encontramos que en un espacio donde queremos situar un texto no cabe por completo en el lugar que hemos establecido. En el siguiente artículo,  recortaremos esa línea y colocaremos unos puntos suspensivos para indicar que esa frase continúa.  Y lo haremos sólo CSS. Para ello, utilizaremos el atributo text-overflow con el valor clave ellipsis y lo usaremos en conjunto con el atributo overflow y un contenedor que limite su anchura.

Leer más

Cómo Lazy Load acelera la carga de las aplicaciones web

Bajo la denominación Lazy Load, encontramos una práctica muy común en el mundo del desarrollo de aplicaciones y que resulta fundamental en el entorno web. Su traducción literal del inglés sería carga perezosa,  aunque es habitual referirse a ella en castellano como carga diferida. En términos generales, podríamos decir que  Lazy Load carga únicamente los recursos que son necesarios para el funcionamiento de una parte concreta de la aplicación. Y a medida que el usuario o sistema lo necesiten, se cargarán aquellas partes de la aplicación que son requeridos en cada momento.

Leer más

Cómo detectar la resolución de pantalla del usuario con JavaScript

JavaScript es uno de los lenguajes imprescindibles en Desarrollo Web y una excelente opción como primer lenguaje para iniciarse en la programación, así que nunca está de más repasar todo lo que nos permite, como estamos viendo en los numerosos tutoriales y artículos prácticos que publicamos en este blog y que podrás encontrar en la sección de Programación. Hoy repasamos en una de sus posibilidades que nos ayudarán a mejorar  la usabilidad y Experiencia de Usuario de nuestro proyecto web: averiguar la resolución de la pantalla del usuario que accede a nuestra página web. Esto podemos hacerlo con el objeto Screen.
Leer más

Bosque, el nuevo lenguaje Open Source de Microsoft

Todavía en fase de desarrollo, Bosque es un nuevo lenguaje de programación de código abierto de Microsoft.  Está basado en la sintaxis y los tipos de datos TypeScrypt, también desarrollado por Microsoft y del que hablamos en este artículo, aunque influenciado por Node.js/JavaScript y ML. Resulta un código sencillo de escribir y de comprender, que minimiza  los errores y es más cercano y fácil de aprender que otras alternativas.

Leer más

Cómo optimizar una página web con mod_expires y la caché del navegador

Que una página se muestre antes al usuario va a depender de cómo esté optimizado el sitio. A  través de la caché del navegador conseguiremos reutilizar los archivos y haremos que no se necesite volver a descargarlos. Cuando estamos alojados en un servicio de Web Hosting compartido, está caché suele estar activada por defecto, como sucede en Arsys, pero en un Servidor Dedicado, VPS o Cloud, deberemos hacerlo nosotros mismos. Así que en este artículo vamos a activar el módulo de Apache mod_expires y configurar el tiempo válido de los diferentes tipos de archivo.

Leer más