Menú de navegaciónMenú
Categorías

La mejor forma de Aprender Programación online y en español www.campusmvp.es

924 artículos publicados

Qué son las Aplicaciones Web Progresivas o "Progressive Web Apps"

Seguro que has escuchado mucho la palabra PWA, que se refiere a las Aplicaciones Web Progressivas o Progressive Web Apps en sus siglas en inglés. En este artículo vamos a aprender qué son las Aplicaciones Web Progresivas, qué problemas tratan de solucionar, en qué se basan para hacerlo, el soporte que existe actualmente en los sistemas y si merece la pena tanto revuelo. [Más]

JavaPoly.js: Java en tu navegador

Todo el mundo sabe que Java y JavaScript, aparte de lo que comparten en el nombre, no tienen nada que ver el uno con el otro. Si sabes Java, lo sentimos, pero no podrás utilizarlo en un navegador y necesitas aprender un lenguaje nuevo, con conceptos que no tienen nada que ver con los que conoces (ni siquiera la POO se parece). JavaPoly trata de poner remedio a eso y ofrece soporte nativo de la JVM en el navegador, sin necesidad de instalar Java: todo basado en bibliotecas de JavaScript... [Más]

JavaScript, ECMAScript, ES6, ¿Existe ES7?... Aclarando las diferentes versiones del lenguaje

JavaScript es considerado por algunos el lenguaje más incomprendido del mundo. Y lo cierto es que su nombre y sus versiones no contribuyen tampoco a que no sea así. En primer lugar el hecho de llevar la palabra "Java" como parte de su nombre crea confusión y lleva a pensar a algunos que tiene algo que ver con el lenguaje de programación Java, creado por Sun Microsystems en el año 1991. No es así en absoluto y fue una decisión de marketing de sus creadores hace ya más de 20 años. Pero es que además está ECMAScript. A veces, al hablar de JavaScript se habla de ECMAScript. ¿Qué tiene que ver uno con el otro? ¿Son lo mismo? ¿Qué versiones hay? ¿Existen todas de las que se habla a veces?... [Más]

Hyperpoliglot: comparando los frameworks JavaScript más populares

El mundo de los frameworks JavaScript no ha parado de crecer en los últimos años, hasta tal punto que lo más complicado no es aprenderlos, sino decidirse por uno. Los más populares en la actualidad son sin duda AngularJS en sus dos versiones (1.x y 2, aún no definitiva), Ember, React, Polymer y seguramente DurandalJS/Aurelia. El programador Jeff Carpenter ha tenido la ocurrencia de crear una página dinámica en la que compara la forma de llevar a cabo diferentes tareas en algunos de estos frameworks populares... [Más]

ECMAScript: Los bucles for-in y for-of

ECMAScript 2015 (llamado también ES6) nos ofrece muchas novedades para facilitarnos la vida a la hora de realizar una tarea muy común: recorrer colecciones de datos. Así, define el concepto de iterador, nos permite definir nuestros propios objetos iterables usando técnicas directas o a través del uso de "generadores", y además algunas de las clases nuevas para manejo de datos (como Set o Map) son objetos iterables también. En este vídeo nuestro tutor Eduard Tomàs nos muestra el funcionamiento de dos nuevas estructuras muy básicas relacionadas con todo esto: los nuevos tipos de bucle determinado: for-in y for-of. [Más]

Un poco de nostalgia: Clippy y sus amigos vuelven a tu navegador

Si has estado usado Microsoft Office durante unos cuantos años seguro que recuerdas los asistentes que llevaban incorporados, especialmente Clippy, pero hubo algunos más. ¿Recuerdas sus nombres?: Ahora, casi una década de su desaparición oficial con Office 2007, vuelven a nuestras vidas a través de Clippy.js... [Más]

Infografía: Las 6 etapas del Desarrollo de Proyectos Web

Si eres desarrollador (o estás en el camino de serlo), no está de más que de vez en cuando levantes tu mirada del código en tu día a día para ver a vista de pájaro el conjunto del profesionales del que formas parte. Ya sea una simple página web o la aplicación web más sofisticado, cada proyecto tiene una serie de fases que, bien abordadas y en su debido orden, pueden facilitarte la vida como profesional y evitar que pasen...cosas... [Más]

HERRAMIENTAS: Gráficos de especificidad para detectar problemas en CSS

Para ayudarnos a ver mejor la especificidad de nuestros selectores CSS y cómo están distribuidos, el programador ubicado en París Jonas Ohlsson Aden ha creado el generador de gráficos de especificidad.

Esta herramienta se puede utilizar on-line o instalarla en local para usarla en nuestro propio equipo. Lo que permite es analizar cualquier código CSS y generar una gráfica que muestra la especificidad en el eje vertical y la posición de dicha especificidad en el código
[Más]

El modo estricto de JavaScript: qué es y para qué sirve

Una forma de trabajar con JavaScript bastante común en código profesional es utilizar siempre por defecto el Modo Estricto de este lenguaje. Se trata de una variante del lenguaje que es menos permisiva con ciertos tipos de comportamientos en el código y que hace que éste se comporte de un modo más estricto, como su propio nombre indica. En este artículo+vídeo práctico (de 14+ minutos) te explicamos cómo sacarle partido.
[Más]

Proteger y hacer más ágil tu código JavaScript: Minimización y ofuscación

Minimización La minimización (o "minificación") del código es un proceso muy común que se utiliza antes del despliegue de una aplicación web, y que sirve para eliminar todo lo superfluo de tu código con el fin de hacerlo lo más compacto posible y que pese muy poco. Este proceso le quita todos los espacios innecesarios, cambios de línea, tabuladores, comentarios, etc... y queda un código bastante difícil de leer, pero que ocupa mucho menos y se descarga más rápido desde el servidor. Para conseguir esto hay que usar algún programa específico. Existen muchos, pero el más conocido y potente es Uglify. Lo más habitual es usar alguna herramienta de automatización de código como Grunt o Gulp que ya disponen de plugins específicos para hacer uso de Uglify (y otros minificadores) de manera automática cuando queramos desplegar. Muchas herramient... [Más]