Los Temas más visitados de JavaScript

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

.pdfComo crear una libreria en JavaScript


111 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 29 de Agosto del 2018 por Administrador (Publicado el 25 de Abril del 2013)
15.017 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

internetComo hacer un formulario estilo Material Design con HTML, CSS y Javascript


72 visualizaciones el último mes

HTML

,

CSS

,

JavaScript

Publicado el 2 de Febrero del 2020 por Administrador
1.632 visualizaciones desde el 2 de Febrero del 2020
Aprenderás como hacer un formulario con el famoso estilo de google conocido como Material Design.

Puedes utilizar este diseño de formulario para cualquier cosa, ya sea un formulario para registrar usuarios o un formulario de contacto, ademas este formulario es adaptable a dispositivos móviles por lo que es una buena alternativa a los formularios tradicionales y aburridos.

Screenshot_20200202_202925
Imágen de perfil

internetIntroducción al procesamiento de imagenes con WebAssembly


63 visualizaciones el último mes

JavaScript

Publicado el 17 de Noviembre del 2021 por Administrador
701 visualizaciones desde el 17 de Noviembre del 2021
Demostraremos un caso de uso típico mediante una función simple para convertir una imagen a escala de grises.

Aunque el cálculo del color gris no es muy exigente, demuestra claramente el uso real de WebAssembly en la web: tareas de cálculo intensivo.

Screenshot_20211117_162056
Imágen de perfil

internetSistema web para poner marca de agua con PHP y JS


48 visualizaciones el último mes

PHP

,

JavaScript

Publicado el 16 de Junio del 2021 por Administrador
941 visualizaciones desde el 16 de Junio del 2021
Hoy te voy a presentar un software gratuito y open source para poner marcas de agua a una imagen. Lo que tienes que hacer es simplemente seleccionar la imagen, la marca de agua y listo.

Tabla de contenidos:
1 Marca de agua con PHP y JavaScript
2 Apartado técnico
3 Funciones útiles
4 API para colocar imagen
5 Lado del cliente
6 Poniendo todo junto

Screenshot_20210616_112946
Imágen de perfil

internetCrea marcas de agua con HTML Canvas y JavaScript


37 visualizaciones el último mes

JavaScript

Publicado el 15 de Febrero del 2012 por Administrador
4.701 visualizaciones desde el 15 de Febrero del 2012
Watermark es una librería jquery que nos permite crear marcas de aguas para nuestras imágenes de forma muy sencilla, y que utiliza para ello el nuevo concepto de Canvas que incluye HTML.
Imágen de perfil

internetValidar campos de un formulario en HTML5, JS, jQuery o PHP


33 visualizaciones el último mes

HTML

,

JavaScript

,

JQuery

,

PHP

Publicado el 17 de Septiembre del 2020 por Administrador
2.017 visualizaciones desde el 17 de Septiembre del 2020
El principal objetivo es garantizar que los datos enviados a través de un formulario sean completos, precisos, seguros y consistentes. Esto se logra a través de controles de validación de datos y reglas que se comprueba al validar el formulario.

Índice de Contenidos:
1.- ¿Para qué sirve validar campos de un formulario?
2.- Ejemplo práctico
2.1.- Principales restricciones
2.2.- Formulario de origen
3.- Validar campos en HTML5
4.- Validar campos en JavaScript
4.1.- Funciones utilizadas
5.- Validar campos en jQuery
6.- Validar campos en PHP
7.- Consejos

Screenshot_20200917_164039
Imágen de perfil

internet4 ejemplos prácticos para aprender Vue.js


30 visualizaciones el último mes

JavaScript

Publicado el 9 de Noviembre del 2020 por Administrador
755 visualizaciones desde el 9 de Noviembre del 2020
Como ya sabes, hemos cubierto React y Angular.js en anteriores artículos, pero existe una nueva librería frontend que de seguro te interesará. Se llama Vue.js y cuenta con una gran comunidad de entusiastas desarrolladores detrás.

La filosofía de Vue.js es proporcionarnos una API lo más simple posible para crear proyectos de tal manera que la vista (HTML) y el modelo (Javascript) fluyan en perfecta sincronía. Como verás en los siguientes ejemplos, la librería se mantiene fiel a esa idea y es por eso que es muy sencillo trabajar con ella, sin comprometer ninguna otra funcionalidad.

Screenshot_20201109_163709
Imágen de perfil

internetCómo Cargar Scripts Eficientemente con Async y Defer


27 visualizaciones el último mes

JavaScript

Publicado el 7 de Septiembre del 2020 por Administrador
1.921 visualizaciones desde el 7 de Septiembre del 2020
Cuando cargas scripts de JavaScript en un documento HTML necesitas tener cuidado con el tiempo de carga de la página, ya que dependiendo del lugar donde cargues los scripts o del método de carga utilizado podrías generar un gran impacto en el rendimiento de la misma.

Índice de Contenidos:
1 En dónde colocar los scripts
1.1 Script en la cabecera
1.2 Script en el body
2 Carga scripts con async y defer
2.1 Script el head con async
2.2 Script en el head con defer
3 Comparativa entre async y defer
3.1 Bloqueo del análisis HTML
3.2 Bloqueo del renderizado HTML
3.3 Evento domInteractive
3.4 Orden de ejecución
3.5 Compatibilidad
4 Qué método utilizar

Screenshot_20200907_115910
Imágen de perfil

internetAlgoritmos de Ordenación en Javascript (revisión ES6)


24 visualizaciones el último mes

JavaScript

,

Algoritmia

Publicado el 18 de Agosto del 2020 por Administrador
864 visualizaciones desde el 18 de Agosto del 2020
Hace algún tiempo, revisamos en este blog algunos de los patrones de ordenación más utilizados en programación: el bubble sort, selection sort, insertion sort… Javascript ha cambiado mucho desde aquel 2011, por lo que quizá, ha llegado la hora de actualizarlos a los nuevos tiempos y su nueva sintaxis.

Screenshot_20200818_173308
Imágen de perfil

internet¿Cómo crear un componente web? Elementos HTML personalizados


21 visualizaciones el último mes

JavaScript

,

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Mayo del 2020 por Administrador
1.251 visualizaciones desde el 26 de Mayo del 2020
En este artículo vamos a utilizar el API de Custom elements (Elementos HTML personalizados) para crear nuevas etiquetas y utilizarlas en nuestro código HTML, en futuras publicaciones explicaremos como se usan en conjunto con los otros 3 estándares.

Screenshot_20200526_162222
Imágen de perfil

internetSeguimiento de vídeos HTML5 con Google Tag Manager


18 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)
1.209 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

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.802 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

internetFunciones autoejecutables en Javascript


17 visualizaciones el último mes

JavaScript

Publicado el 14 de Diciembre del 2017 por Administrador
1.139 visualizaciones desde el 14 de Diciembre del 2017
De un tiempo a esta parte, no cabe ninguna duda de que uno de los patrones de diseño Javascript más interesante, flexible y poderoso es el construido e iniciado a través de las llamadas funciones autoejecutables. Estas funciones tiene la cualidad de que una vez declaradas, se llaman a sí mismas para inicializarse pasando desde ese momento a estar disponibles para otras partes de la aplicación.
Imágen de perfil

internetJSON: qué es y para qué sirve


17 visualizaciones el último mes

JavaScript

Publicado el 2 de Septiembre del 2020 por Administrador
1.277 visualizaciones desde el 2 de Septiembre del 2020
Hoy vamos a ver unas pinceladas sobre JSON, qué es exactamente y cómo podemos utilizarlo.

Screenshot_20200902_163451
Imágen de perfil

internetExcepciones en Javascript


17 visualizaciones el último mes

JavaScript

Publicado el 17 de Agosto del 2020 por Administrador
766 visualizaciones desde el 17 de Agosto del 2020
Compartir en FacebookCompartir en Twitter
Javascript, como otros muchos lenguajes de programación, incluye soporte nativo para el manejo de excepciones.

Las excepciones, son imprevistos que ocurren durante la ejecución de un programa; anormalidades que impiden o alteran el comportamiento o flujo normal de un software.

Su función, es separar el código para el manejo de errores de la lógica de aplicación del programa. En aquellos lenguajes que incluyen soporte para el manejo de excepciones, al producirse la anomalidad, se desciende en la pila de ejecución hasta encontrar un manejador para la excepción, el cual toma el control en ese momento de la aplicación.

En Javascript, el manejo de errores puede resultar más necesario que en otros lenguajes debido a la dificultad natural de este para testear aplicaciones. Por lo general, los errores en Javascript son crípticos y poco informativos, especialmente en Internet Explorer. Esto hace interesante el contar con operadores que nos permitan lanzar nuestros propios mensajes advirtiendo al usuario de que algo ha ido mal.

Screenshot_20200817_202124
Imágen de perfil

.htmlIntroducción a la API JavaScript Web Workers


16 visualizaciones el último mes

JavaScript

Publicado el 9 de Diciembre del 2019 por Administrador
872 visualizaciones desde el 9 de Diciembre del 2019
Web Workers es una API de JavaScript que permite ejecutar scripts en un hilo separado del principal. Puede ser útil cuando no quieres tener ningún obstáculo en la ejecución de los scripts principales, debido a los scripts de fondo.

Screenshot_20191209_164534
Imágen de perfil

internetMétodos Ajax JavaScript


15 visualizaciones el último mes

AJAX

,

JavaScript

,

XML

Publicado el 6 de Agosto del 2019 por Administrador
1.051 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

.htmlBotón subir animado con javascript


15 visualizaciones el último mes

JavaScript

Publicado el 22 de Diciembre del 2019 por Administrador
1.009 visualizaciones desde el 22 de Diciembre del 2019
A diferencia de otras opciones basadas en Jquery, desarrollé este botón usando solo javascript puro. No es un secreto mi obsesión por la búsqueda del rendimiento, así que hoy les comparto mi versión del botón "ir arriba" más ligero y personalizable.

Screenshot_20191222_204353
Imágen de perfil

internetSubmenús en otra ventana en JavaScript


14 visualizaciones el último mes

JavaScript

Publicado el 2 de Noviembre del 2004 por Administrador
5.747 visualizaciones desde el 2 de Noviembre del 2004
Hacemos un submenú de opciones que se muestra en una ventana secundaria y ona vez seleccionada la opción del submenú se traspasa a la ventana padre.
Imágen de perfil

internetTodo lo que siempre quisiste saber sobre JSON


14 visualizaciones el último mes

JavaScript

Publicado el 11 de Junio del 2014 por Administrador
2.660 visualizaciones desde el 11 de Junio del 2014
JSON es la abreviatura de Javascript Objecto Notation y se trata de una forma de almacenar información de forma organizada y de fácil acceso. Veamos cómo.
Imágen de perfil

internet¿Que es el Callback Hell y como evitarlo?


14 visualizaciones el último mes

JavaScript

Publicado el 14 de Noviembre del 2017 por Administrador
873 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…