Los Temas más visitados de JavaScript

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

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


34 visualizaciones el último mes

HTML

,

JavaScript

,

JQuery

,

PHP

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Septiembre del 2020 por Administrador
2.778 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

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


24 visualizaciones el último mes

HTML

,

CSS

,

JavaScript

Publicado el 2 de Febrero del 2020 por Administrador
2.634 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
sin imagen de perfil

.zipComo mostrar cargando mientras procesa


23 visualizaciones el último mes

C sharp

,

HTML

,

JavaScript

Actualizado el 25 de Septiembre del 2023 por Horacio Aldo (Publicado el 16 de Septiembre del 2023)
841 visualizaciones desde el 16 de Septiembre del 2023
Los datos en la mayoría de los casos provienen de servicios web que no son instantáneos, por lo cual nuestro listador genérico debe comportarse mostrando una espera que indique al usuario el inicio y el fin de la carga. En este video mostraremos como desarrollar ese comportamiento.

Imágen de perfil

internetSeguimiento de vídeos HTML5 con Google Tag Manager


21 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.672 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

internetIntroducción a Typescript


19 visualizaciones el último mes

JavaScript

Publicado el 22 de Diciembre del 2014 por Administrador
2.400 visualizaciones desde el 22 de Diciembre del 2014
Desarrollar aplicaciones en Javascript puede convertirse en todo un desafío una vez que empieza a crecer tanto la aplicación como el equipo, originalmente se pensó como un lenguaje para hacer efectos sencillos en la páginas estáticas, y estamos intentándolo usar para hacer aplicaciones mucho más complejas de lo que se pensó originalmente posible.

Aunque Javascript está avanzando a pasos agigantados, la compatibilidad con navegadores antiguos es todavía un problema, por ello la gente de Microsoft creó Typescript, un lenguaje Open Source basado en Javascript y que se integra perfectamente con otro código Javascript, solucionando algunos de los principales problemas que tiene Javascript
Imágen de perfil

.htmlIntroducción a la API JavaScript Web Workers


17 visualizaciones el último mes

JavaScript

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

internetSistema web para poner marca de agua con PHP y JS


17 visualizaciones el último mes

PHP

,

JavaScript

Publicado el 16 de Junio del 2021 por Administrador
1.507 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
sin imagen de perfil

.zipComo listar cualquier cosa y avisar cuando es seleccionada utilizando Blazor.


16 visualizaciones el último mes

C sharp

,

HTML

,

JavaScript

Actualizado el 25 de Septiembre del 2023 por Horacio Aldo (Publicado el 14 de Septiembre del 2023)
750 visualizaciones desde el 14 de Septiembre del 2023
Explica como agregar eventos genéricos a un componente, también genérico, creado en videos anteriores. EL componente PUBLICA un evento al cual se SUSCRIBE el componente padre mediante un método de atención, para ser informado de las novedades que ocurren en el componente hijo y pueda actuar en consecuencia. Para el ejemplo la novedad será una selección sobre un ítem de la lista por parte del usuario, de ahí el nombre del evento creado, OnSelect.

Imágen de perfil

internetValidación de formulario de datos


15 visualizaciones el último mes

HTML

,

JavaScript

Publicado el 26 de Junio del 2019 por Administrador
1.419 visualizaciones desde el 26 de Junio del 2019
En tanto tú puedes siempre validar datos en tu servidor, el tener validación adicional de datos en la página web tiene múltiples beneficios. En muchas formas, a los usuarios les molestan los formularios. Si validamos los datos de un formulario mientras el usuario lo llena, el usuario puede saber inmediatamente si ha cometido algún error; esto le ahorra tiempo de espera a una respuesta HTTP y le evita al servidor lidiar con entradas incorrectas en el formulario. Este artículo cubre la validación de datos de formulario dentro del contenido Web de un formulario.

Screenshot_20190626_233321
Imágen de perfil

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


15 visualizaciones el último mes

JavaScript

,

Algoritmia

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


15 visualizaciones el último mes

JavaScript

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

internetDesarrollo de sitios web fácil y en tiempo real con Meteor


14 visualizaciones el último mes

JavaScript

Publicado el 9 de Junio del 2015 por Administrador
1.961 visualizaciones desde el 9 de Junio del 2015
Debido a la ubicuidad de la web, hasta los menores retardos en la entrega de datos resulta irritante para los usuarios. Quieren que los datos se actualicen de forma inmediata. Desafortunadamente, la tecnología web aun no ha podido afrontar totalmente esta demanda de acceso en tiempo real. Si bien el acceso a los datos se está estandarizando rápidamente en varias clases de Object-Relational Mapping (ORM), la comunicación en tiempo real no tiene esa solución. Este artículo habla sobre Meteor, una nueva y fascinante infraestructura de JavaScript que tiene como objetivo resolver este problema.
Imágen de perfil

internetEmpaquetando JavaScript con Webpack


14 visualizaciones el último mes

JavaScript

Publicado el 13 de Octubre del 2016 por Administrador
1.468 visualizaciones desde el 13 de Octubre del 2016
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

internetUsando el API de Geolocalización en Javascript


14 visualizaciones el último mes

JavaScript

Publicado el 22 de Octubre del 2018 por Administrador
1.040 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

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


14 visualizaciones el último mes

Angular

,

JavaScript

Actualizado el 11 de Marzo del 2019 por Administrador (Publicado el 20 de Abril del 2017)
2.165 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

internetPrimeros pasos con la API JavaScript de Google Maps


14 visualizaciones el último mes

JavaScript

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

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


14 visualizaciones el último mes

JavaScript

Publicado el 4 de Febrero del 2021 por Administrador
1.172 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

.htmlCaminando entre formularios


13 visualizaciones el último mes

JavaScript

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

internetValidación de formularios en PHP


13 visualizaciones el último mes

JavaScript

Publicado el 18 de Mayo del 2011 por Administrador
7.219 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

internetLodash.js y sus funciones de filtrado


13 visualizaciones el último mes

JavaScript

Publicado el 14 de Julio del 2016 por Administrador
1.669 visualizaciones desde el 14 de Julio del 2016
Lodash.js es una de las librerías de referencia en JavaScript a la hora de trabajar con colecciones de objetos. Lodash fue en su momento un fork de Underscore.js pero con el paso del tiempo se ha rediseñado por completo y añadido mayor funcionalidad. Vamos a abordar en este artículo las funciones de filtrado.
Imágen de perfil

.htmlExpresiones de función invocadas inmediatamente (IIFE)


13 visualizaciones el último mes

JavaScript

Publicado el 14 de Diciembre del 2017 por Administrador
1.055 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.
Imágen de perfil

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


13 visualizaciones el último mes

JavaScript

,

HTML

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