Promedio de descarga/visualización de los códigos de JavaScript

Listado de los códigos con más promedio de visualizaciones realizadas por día desde su publicación en la web.
Imágen de perfil

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


7 visualizaciones de promedio por día

HTML

,

JavaScript

,

JQuery

,

PHP

Publicado el 17 de Septiembre del 2020 por Administrador
1.632 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

internetCómo Cargar Scripts Eficientemente con Async y Defer


7 visualizaciones de promedio por día

JavaScript

Publicado el 7 de Septiembre del 2020 por Administrador
1.649 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

internet¿Cómo Crear Peticiones Asíncronas Con Javascript?


5 visualizaciones de promedio por día

JavaScript

Publicado el 4 de Febrero del 2021 por Administrador
520 visualizaciones desde el 4 de Febrero del 2021
Hace un par de días llegó a CódigoFacilito una pregunta acerca de web. La pregunta iba algo por el estilo. Con input, ¿Cómo puedo llamar a una función en Go cuando se haga clic sobre un botón y de esta forma pintar el resultado en pantalla?, en otras palabras, lo que se desea es un buscador simple, un buscador que no necesite recargar la página para mostrar el resultado.

Lo primero que se vino a mi mente fue, utiliza Ajax, sin embargo, después de un par de segundos caí en cuenta que existen diferentes formas en las cuales desde el cliente, con Javascript, es posible realizar peticiones a un servidor. Así que me di a la tarea de escribir este pequeño post para todas aquellas personas que se encuentran comenzando con el desarrollo web, esto con la finalidad que tengan un panorama más amplio y sepan elegir qué forma se adapta mejor a sus necesidades; Espero les sea de ayuda.
Imágen de perfil

.pdfComo crear una libreria en JavaScript


5 visualizaciones de promedio por día

JavaScript

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

internetJSON: qué es y para qué sirve


4 visualizaciones de promedio por día

JavaScript

Publicado el 2 de Septiembre del 2020 por Administrador
996 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

internetValidar formularios con Dreamweaver


3 visualizaciones de promedio por día

JavaScript

Actualizado el 4 de Junio del 2013 por Administrador (Publicado el 21 de Mayo del 2009)
12.179 visualizaciones desde el 21 de Mayo del 2009
Dreamweaver contiene una utilidad para validar formularios en JavaScript sin necesidad de programar el código. Lo único que debemos hacer es crear el formulario en cuestión, y con unos simples clics, validar uno a uno los campos del mismo.
Imágen de perfil

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


3 visualizaciones de promedio por día

JavaScript

,

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Mayo del 2020 por Administrador
957 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

.htmlImagenes en JavaScript


3 visualizaciones de promedio por día

JavaScript

Actualizado el 19 de Mayo del 2013 por Administrador (Publicado el 5 de Marzo del 2002)
17.896 visualizaciones desde el 5 de Marzo del 2002
El tema de la imágenes y JavaScript puede ser muy escueto o muy extenso. Si nos ceñimos a las propiedades esenciales del objeto Image a las que podemos acceder con este lenguaje, el manual resultaría muy corto, pero si nos adentramos en explicaciones de los múltiples script que se pueden construir basándose en estos elementos, el manual resultaría un libro. Vamos pués a buscar un término medio, limitándonos a comentar las propiedades, métodos y eventos propios, y ampliaremos un poco el tema viendo un par de aplicaciones prácticas.
- El objeto Image - La matriz images
- Propiedades del objeto Image
- Eventos en imágenes - El método constructor de objetos Image
- Aplicación práctica: Rollover simple
- Aplicación práctica: Rollover múltiple
- Conclusiones
Imágen de perfil

internet4 ejemplos prácticos para aprender Vue.js


3 visualizaciones de promedio por día

JavaScript

Publicado el 9 de Noviembre del 2020 por Administrador
475 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

.htmlCaminando entre formularios


2 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 19 de Mayo del 2013 por Administrador (Publicado el 5 de Septiembre del 2001)
17.633 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

internetDetectar y mostrar localización geográfica en páginas web


2 visualizaciones de promedio por día

JavaScript

Publicado el 2 de Enero del 2020 por Administrador
1.176 visualizaciones desde el 2 de Enero del 2020
En ocasiones necesitamos saber la ubicación de un usuario que visita una página web. Aquí te mostraremos como hacer una función mediante la API de geolocalización del W3C.

La API de geolocalización permite al usuario compartir su ubicación a las aplicaciones web si así lo desea. Por razones de privacidad, al usuario se le pide que confirme el permiso para proporcionar información de ubicación.

Screenshot_20200102_204441
Imágen de perfil

internetPrimeros pasos con la API JavaScript de Google Maps


2 visualizaciones de promedio por día

JavaScript

Publicado el 24 de Septiembre del 2020 por Administrador
547 visualizaciones desde el 24 de Septiembre del 2020
Si hablamos de mapas en la web, sin duda la referencia más conocida es Google Maps. En su momento revolucionó la forma en que los mapas podían ser vistos en internet. Hoy en día mantiene su liderazgo en muchas cuestiones, como los servicios de geolocalización, datos de tráfico, cálculo de rutas…y además con cobertura global.

Google es la marca comercial más reconocida en el mundo. Esto contribuye, sin duda a la popularidad y extensión de Google Maps, pero es que además dispone de Maps JavaScript API que permiten visualizar, y publicar nuestros mapas en la web.

En este artículo veremos paso a paso cómo crear un mapa web con la API de Google Maps, analizamos sus ventajas e inconvenientes y lo comparamos con otras librerías de mapas open source.

Índice de Contenidos:
1.- Como crear un mapa web con la API JavaScript de Google Maps
1.1.- Carga de la librería Javascript de la API de Google Maps
1.2.- Añadiendo un marcador
2.- Ventajas e inconvenientes de la API de Google Maps
3.- Comparativa con las librerías OpenSource

Screenshot_20200924_133531
Imágen de perfil

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


2 visualizaciones de promedio por día

HTML

,

CSS

,

JavaScript

Publicado el 2 de Febrero del 2020 por Administrador
1.089 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

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


2 visualizaciones de promedio por día

JavaScript

,

Algoritmia

Publicado el 18 de Agosto del 2020 por Administrador
578 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

internetExcepciones en Javascript


2 visualizaciones de promedio por día

JavaScript

Publicado el 17 de Agosto del 2020 por Administrador
561 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

internetValidación de formularios en PHP


2 visualizaciones de promedio por día

JavaScript

Publicado el 18 de Mayo del 2011 por Administrador
6.875 visualizaciones desde el 18 de Mayo del 2011
Antes de enviar un formulario al servidor, podemos comprobar que los datos que se han introducido cumplen unas normas para así evitar peticiones innecesárias al servidor y así ahorrar transferéncia mensual. Este artículo explica como hacerlo.
Imágen de perfil

internetIntroducción a las clases Es6 en JavaScript


2 visualizaciones de promedio por día

JavaScript

Publicado el 19 de Diciembre del 2019 por Administrador
872 visualizaciones desde el 19 de Diciembre del 2019
Una nueva y fascinante característica que se introdujo en la especificación ES6 son las clases ES6. Si eres un desarrollador de Javascript, sabrás que Javascript sigue la herencia prototípica y a veces puede resultar un poco complicado, con las clases ES6 la sintaxis es más simple y mucho más intuitiva.

Screenshot_20191219_123310
Imágen de perfil

internetGuia de JavaScript


2 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 12 de Octubre del 2018 por Administrador (Publicado el 20 de Enero del 2001)
11.913 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

.htmlBotón subir animado con javascript


2 visualizaciones de promedio por día

JavaScript

Publicado el 22 de Diciembre del 2019 por Administrador
820 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

.htmlJavaScript: El objeto Array


2 visualizaciones de promedio por día

JavaScript

Publicado el 31 de Octubre del 2013 por Administrador
4.391 visualizaciones desde el 31 de Octubre del 2013
Todo lo necesario para entender el objeto Array en JavaScript lo encontrarás en este artítulo. Creación, longitud, concatenación, inserción y eliminación de elementos, modificar el orden de los elementos, convertir en cadena de texto y rango de los elementos. Realizado por Francisco J. Martín Mateos, Universidad de Sevilla
Imágen de perfil

internetBarra de menús desplegables


2 visualizaciones de promedio por día

JavaScript

Publicado el 2 de Agosto del 2002 por Administrador
10.940 visualizaciones desde el 2 de Agosto del 2002
Si pulsáis sobre los enlaces indicados arriba podréis ver unos menús desplegables muy bien hechos. Los nuestros no van a ser tan espectaculares, principalmente para que sea más sencillo entender cómo se hacen. Podéis comprobar las características de nuestros menús en este ejemplo.
Imágen de perfil

internetQué es ECMAScript


2 visualizaciones de promedio por día

JavaScript

Publicado el 24 de Mayo del 2020 por Administrador
550 visualizaciones desde el 24 de Mayo del 2020
En el mercado web por darle una mejor connotación contamos con una variedad de estándares para el buen funcionamiento y operatividad en todo lo que conlleva el proceso de navegación, para cumplirlo es necesario que los lenguajes del lado del servidor y del cliente sean tanto interpretados como procesados según la plataforma desde la que se acceda o utilice, todo este procedimiento de interpretar lenguajes a nivel de navegador viene regido por estándares ECMAScript.
A continuación en este artículo te contaremos qué es ECMAScript, las características relevantes de ES6 y por qué es importante conocer este estándar de JavaScript en la actualidad.

Screenshot_20200524_222645
Imágen de perfil

.htmlEjemplos en javascript


1 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Septiembre del 2005 por Administrador
8.189 visualizaciones desde el 19 de Septiembre del 2005
Esta recopilación permite que usen Javascript incluso aquellos que no tienen un profundo conocimiento técnico del tema. Mediante un simple copia/pega podrás insertar efectos Javascript en tu sitio Web.
Imágen de perfil

.htmlIntroducción a la API JavaScript Web Workers


1 visualizaciones de promedio por día

JavaScript

Publicado el 9 de Diciembre del 2019 por Administrador
733 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

internetProgramación funcional en JavaScript


1 visualizaciones de promedio por día

JavaScript

Publicado el 16 de Septiembre del 2019 por Administrador
830 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

internetRenderización lado servidor de Vue.js on php


1 visualizaciones de promedio por día

JavaScript

,

PHP

Publicado el 1 de Abril del 2020 por Administrador
558 visualizaciones desde el 1 de Abril del 2020
¿Intentas que el renderizado del lado del servidor funcione con PHP para renderizar tu aplicación Vue.js pero se atasca?

Hay un montón de grandes recursos por ahí, pero hasta ahra no has encontrado nada que funcione de inmediato sin tener que investigar. Con suerte, después de esta entrada tendrás una mejor idea de cómo realizar el renderizado del lado del servidor para tu aplicación Vue.js!

Screenshot_20200401_214459