Los Temas más visitados de JavaScript

Listado de los Temas más visitados durante los últimos 30 días
Imágen de perfil

internetProgramación funcional en JavaScript


55 visualizaciones el último mes

JavaScript

Publicado el 16 de Septiembre del 2019 por Administrador
542 visualizaciones desde el 16 de Septiembre del 2019
JavaScript es un lenguaje que, junto a su ecosistema, está evolucionando muy deprisa. Nuevas librerías y frameworks aparecen a un ritmo frenético, ofreciendo nuevas arquitecturas y funcionalidades. En artículos anteriores ya hemos visto qué nos ofrece TypeScript y cómo migrar una aplicación antigua hacía este Superset de JS. En cambio, en este artículo me gustaría poner un par de sencillos ejemplos de cómo podemos usar conceptos de Programación funcional en JavaScript. Para ello, usaremos una librería de poderosas abstracciones que ofrece un amplio set de Monads: Ramda-fantasy, y otra librería llamada Ramda, que nos ayudará a construir pipelines funcionales y conseguir inmutabilidad. Cabe destacar, que no son las únicas librerías que nos ofrecen esto. Podéis fácilmente encontrar alternativas a las mismas.

Screenshot_20190916_211635
Imágen de perfil

internetMétodos Ajax JavaScript


53 visualizaciones el último mes

AJAX

,

JavaScript

,

XML

Publicado el 6 de Agosto del 2019 por Administrador
529 visualizaciones desde el 6 de Agosto del 2019
En este tutorial aprenderemos cómo usar el objeto XMLHttpRequest para hacer peticiones mediante Ajax en JavaScript. Veremos ejemplos con texto, xml y json.

Screenshot_20190806_225807
Imágen de perfil

internetMultithreading con Javascript: Web Workers


41 visualizaciones el último mes

JavaScript

Publicado el 28 de Agosto del 2019 por Administrador
458 visualizaciones desde el 28 de Agosto del 2019
Ya les he contado algo sobre los Service Workers y lo importante que son para las PWAs. Esta vez, vamos a ver de donde vienen, la especificación de los Web Workers y otros tipos de workers.
Qué es esto de Web Workers? Seré yo uno si trabajo con la web?… Nada de eso, los Web Workers son una de las API que están revolucionando la forma en que trabajamos en el front y utilizamos los navegadores.

multi
Imágen de perfil

.pdfComo crear una libreria en JavaScript


39 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 29 de Agosto del 2018 por Administrador (Publicado el 25 de Abril del 2013)
13.933 visualizaciones desde el 25 de Abril del 2013
Compañeros de convirtiéndote.pro este día les traigo un ejemplo sencillo de cómo crear nuestra primera librería en JS como les comento es algo sencillo para ir aprendiendo solo serian los primeros pasos de una librería extensa en un futuro.
¿De qué trata?, vamos a realizar nuestra primera librería que su tarea será validar formularios… de echo es un proyecto a futuro que me gustaría concretar y liberarla en forma, pero por falta de tiempo mejor tomare un poco de código y lo convertimos en un tutorial para ustedes.
Imágen de perfil

.htmlCómo Dibujar Gráficas de Barra Usando JavaScript y Canvas HTML5


36 visualizaciones el último mes

JavaScript

,

HTML

Publicado el 21 de Noviembre del 2018 por Administrador
694 visualizaciones desde el 21 de Noviembre del 2018
En este tutorial te mostraré cómo usar JavaScript y el canvas de HTML5 como un modo de mostrar gráficamente datos usando gráficas de barras.

grafico-barras
Imágen de perfil

internetQué es y cómo solucionar el aviso "Defer Parsing JavaScript"


36 visualizaciones el último mes

WordPress

,

SEO

,

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Diciembre del 2018 por Administrador
586 visualizaciones desde el 4 de Diciembre del 2018
Uno de los errores más comunes que observamos en las herramientas de análisis de optimización web como GTMetrix, Pingdom Tools o Google PageSpeed es el denominado “Defer Parsing JavaScript“, que traducido vendría a ser algo así como “Aplazar la carga de JavaScript“.

Índice de Contenidos:
1 ¿Qué es eso de Defer Parsing JavaScript?
2 ¿Por qué es importante aplazar la carga de JavaScript?
3 Cómo aplazar la carga de JavaScript (Defer Parsing Javascript) en WordPress
4 Más maneras de aplazar la carga de JavaScript en WordPress
4.1 Añade el atributo ‘defer’ a tus JavaScripts
4.2 Cambiar la ubicación por defecto de JavaScripts de WordPress
4.3 Crea un JavaScript aparte
4.4 Lo que de verdad importa
Imágen de perfil

internetCómo Dibujar Gráficas Usando JavaScript y Canvas HTML5


29 visualizaciones el último mes

JavaScript

,

HTML

Publicado el 25 de Octubre del 2018 por Administrador
758 visualizaciones desde el 25 de Octubre del 2018
En este tutorial te mostraré cómo usar JavaScript y el canvas como medios para mostrar información numérica en la forma de gráficas de pastel y gráficas de dona.
Imágen de perfil

internetSeguimiento de vídeos HTML5 con Google Tag Manager


24 visualizaciones el último mes

HTML

,

Audio y Video

,

JavaScript

Actualizado el 13 de Junio del 2019 por Administrador (Publicado el 10 de Junio del 2019)
530 visualizaciones desde el 10 de Junio del 2019
Hoy os traemos otro post-receta para Google Tag Manager: una solución completa y configurable para medir vídeos HTML5 incrustados directamente en una página; es decir, con etiquetas <video> en lugar de mediante reproductores de terceros.
Imágen de perfil

internetGuia de JavaScript


22 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 12 de Octubre del 2018 por Administrador (Publicado el 20 de Enero del 2001)
11.714 visualizaciones desde el 20 de Enero del 2001
1-Como hacer sitios interactivos
2-Java y JavaScript: Parecidos pero diferentes
3- Cómo insertar código JavaScript
4- Cómo ver el código de una página y reutilizarlo

Creado por Tomás Rawski
Imágen de perfil

internetTodo sobre imágenes en JavaScript


20 visualizaciones el último mes

JavaScript

Publicado el 2 de Julio del 2008 por Administrador
4.644 visualizaciones desde el 2 de Julio del 2008
El lenguaje JavaScript posee un objeto propio asociado a cada una de las imágenes de un documento HTML, el objeto Image. Además, también posee un array particular, el array images, que contiene todas las imágenes presentes en la página.
Imágen de perfil

.htmlCrear un API REST, 5 minutos con json-server


20 visualizaciones el último mes

JavaScript

Publicado el 19 de Junio del 2019 por Administrador
337 visualizaciones desde el 19 de Junio del 2019
Crear en 5 minutos un API REST que devuelve datos en formato JSON. Sería un web service fake (falso) con datos de prueba, pero ideal para aprender y prototipar aplicaciones frontend con un framework Javascript del lado del cliente, implementado con json-server.

En este artículo vamos a ver cómo podemos crear un API REST en menos de 5 minutos, que podremos usar con fines didácticos o para prototipado, ideal cuando estamos aprendiendo a desarrollar con un framework Javascript del lado del cliente, o cuando tenemos que realizar una aplicación frontend sin tener que entretenernos con el desarrollo backend.
Imágen de perfil

internetIntroducción a Backbone.js


20 visualizaciones el último mes

JavaScript

Publicado el 3 de Marzo del 2019 por Administrador
520 visualizaciones desde el 3 de Marzo del 2019
En este tutorial os voy a presentar Backbone.js, un potente framework que nos permite desarrollar aplicaciones javascript de una manera sencilla implementando el patrón MVC.

El objetivo de este primer tutorial es haceros una pequeña introducción a Backbone, ver los pilares sobre los que se sostiene y, poco a poco, a través de posteriores tutoriales ir ampliando más materia sobre este potente framework para, finalmente, desarrollar una pequeña aplicación en la que podamos aplicar todo lo aprendido.

Índice de contenidos.
1. Introducción
2. ¿Qué es Backbone.js?
3. ¿Cómo funciona?
4. Modelos
5. Vistas
6. Colecciones
7. Eventos
8. Conclusiones
Imágen de perfil

internetDescubre los 10 códigos javascript para manipular imágenes


19 visualizaciones el último mes

JavaScript

Publicado el 27 de Enero del 2010 por Administrador
4.015 visualizaciones desde el 27 de Enero del 2010
Una serie de diez códigos Javascript que facilitan el manejo de las imágenes para mejorar el diseño e interactividad de tu página web.
Imágen de perfil

.htmlLas funciones setInterval y setTimeout en JavaScript


19 visualizaciones el último mes

JavaScript

Publicado el 13 de Enero del 2012 por Administrador
4.383 visualizaciones desde el 13 de Enero del 2012
Mediante estas funciones podemos manejar dos tipos de timers, es decir, funciones que se ejecutan cada cierto tiempo o pasados x segundos, en este caso, en JavaScript.
Imágen de perfil

internetUsando el API de Geolocalización en Javascript


19 visualizaciones el último mes

JavaScript

Publicado el 22 de Octubre del 2018 por Administrador
544 visualizaciones desde el 22 de Octubre del 2018
Javascript nos provee de una API que es muy simple de utilizar que nos permite obtener la ubicación del usuario. Solamente cuenta con 2 métodos: getCurrentPosition y watchPosition. La información retornada de estos métodos es muy fácil de leer y utilizar. Esta información nos puede servir para implementar mapas y, así, poder crear aplicaciones más complejas.
Imágen de perfil

internet14 claves para optimizar el código Javascript


18 visualizaciones el último mes

JavaScript

Publicado el 1 de Marzo del 2018 por Administrador
619 visualizaciones desde el 1 de Marzo del 2018
Cuando uno busca información sobre cómo optimizar un código, lo que esperamos encontrar es una serie de sencillas recetas y con un impacto muy significativo en la velocidad de nuestro programa. Lamentablemente, la optimización es algo bastante complejo y pocas veces es algo tan sencillo como cambiar una instrucción por otra o utilizar un sencillo truco. Las optimizaciones dependen mucho del contexto de ejecución, del objetivo de nuestro programa, de las restricciones con las que nos encontremos, etc.

En general, la optimización no es un área que permita una aproximación teórica, ya que los modernos motores de Javascript realizan una optimización muy intensiva en la ejecución del código y aquello que a primera vista podría parecer un código más complejo y con mayor número de instrucciones, en la práctica puede resultar más rápido al ejecutarse.

Vamos a dar 12 pistas prácticas sobre técnicas de optimización que se pueden aplicar en Javacript. Para ello vamos a utilizar un caso práctico: la función equal() que venimos explicando en los últimos artículos y que permite comparar cualquier tipo de dato. Vamos a ver que optimizaciones realizamos desde el principio del desarrollo, que pruebas hemos realizado para conocer que instrucciones eran más o menos rápidas y cómo hemos mejorado su velocidad desde unas 135.000 ejecuciones por segundo hasta conseguir 320.000 ejecuciones por segundo (2,3 veces más rápido).
Imágen de perfil

internetDelegación de Eventos del DOM con JavaScript


18 visualizaciones el último mes

JavaScript

Publicado el 30 de Mayo del 2019 por Administrador
520 visualizaciones desde el 30 de Mayo del 2019
En este artículo veremos cómo crear un sistema de delegación de eventos del DOM en JavaScript.

Screenshot_20190530_223646
Imágen de perfil

.htmlCaminando entre formularios


17 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 19 de Mayo del 2013 por Administrador (Publicado el 5 de Septiembre del 2001)
17.446 visualizaciones desde el 5 de Septiembre del 2001
Los formularios son un componente a veces esencial en una página web, ya que permiten la interacción con el usuario, pudiendo conseguir mediante ellos recoger información particular sobre sus gustos, opiniones, datos personales, etc, información que luego deberemos procesar en el servidor web para su correcta interpretación y uso. En este artículo hay una amplia explicación acerca de este tema.
Imágen de perfil

internetCoger variables desde JavaScript


17 visualizaciones el último mes

JavaScript

Publicado el 28 de Marzo del 2008 por Administrador
4.241 visualizaciones desde el 28 de Marzo del 2008
Articulo que te explica como coger variables desde JavaScript.
Imágen de perfil

internetCreando el primer proyecto en Angular 2 - Manual vs Angular CLI


17 visualizaciones el último mes

Angular

,

JavaScript

Actualizado el 11 de Marzo del 2019 por Administrador (Publicado el 20 de Abril del 2017)
1.389 visualizaciones desde el 20 de Abril del 2017
Angular es el nuevo framework que Google está desarrollando y que todo el mundo está esperando, como puedes ver habló de nuevo, y también, vemos que no hay terminación JS, esto ya deja muy claro que con Angular 2 estamos ante una nueva plataforma de desarrollo, y no, una continuación de AngularJS.
Imágen de perfil

internet¿Que es el Callback Hell y como evitarlo?


17 visualizaciones el último mes

JavaScript

Publicado el 14 de Noviembre del 2017 por Administrador
575 visualizaciones desde el 14 de Noviembre del 2017
Uno de los primeros desafíos con los que me encontré al comenzar a programar con NodeJS es el conocido Callback Hell, antes de explicarlo a detalle, lo ilustraré en un ejemplo práctico…
Sea cual sea el framework que prefieras usar para Node.js (Hapi.js, Sails.js, Express.js, Total.js), si tu proyecto es complejo y necesitas validar, buscar, procesar y guardar información en una misma llamada. casi siempre te encontrarás con el mismo problema donde requerirás el resultado de funciones asíncronas previas para seguir procesando los resultados y eventualmente puedes terminar con algo parecido a esto…
Imágen de perfil

internetGuía de estilo, convenciones y buenas prácticas de desarrollo con Javascript


17 visualizaciones el último mes

JavaScript

Publicado el 14 de Mayo del 2018 por Administrador
898 visualizaciones desde el 14 de Mayo del 2018
Esta es una guí­a (no oficial, ni estandarizada) sobre reglas, convenciones y buenas prácticas usados en el lenguaje de programación Javascript. Es inspirado en varios documentos de autores reconocidos en el ámbito Javascript, y que han sido adoptados por muchas personas, inclusive por grandes entidades tales como PayPal, Stronloop, entre otras.
Imágen de perfil

internetFunciones de orden mayor (higher order functions) en JavaScript


17 visualizaciones el último mes

JavaScript

Publicado el 18 de Julio del 2019 por Administrador
490 visualizaciones desde el 18 de Julio del 2019
En JavaScript decimos que las funciones son first-class citizens o ciudadanas de primera clase (algunos términos de programación no tienen una muy buena traducción en español, ejemplo: monkey patching), esto significa que pueden ser tratadas como cualquier otro valor primitivo. En otras palabras, podemos asignar funciones a variables, pasar funciones como parámetros a otras funciones o retornar funciones desde otra función.

Screenshot_20190718_173223
Imágen de perfil

internetWindow reference (JavaScript)


16 visualizaciones el último mes

JavaScript

Publicado el 4 de Diciembre del 2002 por Administrador
7.658 visualizaciones desde el 4 de Diciembre del 2002
Referencia de todas las propiedades que puede usar la función window en JavaScript. En formato HTML.
Imágen de perfil

internetCambio dinámico de imagenes en Javascript


16 visualizaciones el último mes

JavaScript

Publicado el 8 de Abril del 2005 por Administrador
5.479 visualizaciones desde el 8 de Abril del 2005
El ejercicio consiste en que al pasar sobre un enlace cambie una imagen del documento. Para poder llevar a cabo este ejercicio debemos de tener en cuenta una serie de cosas.
Imágen de perfil

internetCargador universal de imágenes en JavaScript


16 visualizaciones el último mes

JavaScript

Publicado el 25 de Enero del 2010 por Administrador
4.156 visualizaciones desde el 25 de Enero del 2010
El propósito del script tiene como objeto utilizar un único javascript que nos sirva SIEMPRE y en cualquier página web para cargar las imágenes que se vayan a utilizar.
Imágen de perfil

internet3 ways to define a JavaScript class


16 visualizaciones el último mes

JavaScript

Publicado el 27 de Agosto del 2012 por Administrador
4.771 visualizaciones desde el 27 de Agosto del 2012
Aprende 3 maneras distintas de definir clases en JavaScript.
Imágen de perfil

internetLas nuevas cadenas de texto de JavaScript 6


15 visualizaciones el último mes

JavaScript

Publicado el 20 de Febrero del 2015 por Administrador
1.768 visualizaciones desde el 20 de Febrero del 2015
Las cadenas de texto de JavaScript han sido desde siempre muy limitadas, sobre todo comparadas con las cadenas de lenguajes como PHP, Python o Ruby. Las Template Strings del estándar EcmaScript 6 (que están disponibles a partir de Google Chrome 41) eliminan todas estas limitaciones y permiten incluso definir DSLs (domain-specific languages) en tus aplicaciones JavaScript.
Imágen de perfil

internetEmpaquetando JavaScript con Webpack


15 visualizaciones el último mes

JavaScript

Publicado el 26 de Julio del 2017 por Administrador
729 visualizaciones desde el 26 de Julio del 2017
Cada día tenemos más ficheros de JavaScript en nuestras aplicaciones. Frameworks como Angular.js han ayudado a modularizar el código y organizarlo. Esto es un avance, sin embargo nos encontramos con nuevos problemas. Uno de los problemas más importantes que tenemos hoy en día con este tipo de aplicaciones es la fragmentación de los ficheros de JavaScript y la carga de estos por parte del Navegador. Webpack es una herramienta que puede ayudarnos a empaquetar nuestro código.
Imágen de perfil

.htmlExpresiones de función invocadas inmediatamente (IIFE)


14 visualizaciones el último mes

JavaScript

Publicado el 14 de Diciembre del 2017 por Administrador
529 visualizaciones desde el 14 de Diciembre del 2017
En caso de que no os hayáis dado cuenta, soy un poco purista de la terminología. Así que, después de escuchar demasiadas veces el popular y, sin embargo, engañoso término de javascript "función anónima autoejecutable", he decidido finalmente organizar mis pensamientos en un artículo.

Además de proporcionar una información muy completa acerca de cómo funciona realmente este patrón, hago una recomendación sobre cómo deberíamos llamarlo.

Por favor, ten en cuenta que este artículo no pretende ser uno del tipo "yo tengo razón y tú estás equivocado". Estoy realmente interesado en ayudar a la gente a comprender conceptos potencialmente complejos, y creo que el uso de una terminología coherente y precisa es una de las cosas más fáciles que la gente puede hacer para facilitar la comprensión.